@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
.popup_window{}
.popup_window img{border: 0;width: 100%;}
.popup_window > a{display: inline-block;}
.popup_window > p{overflow:hidden;color:#fff}
.popup_window > p > label{float: left;}
/*
.popup_window > p > a{display:inline-block;margin-left:25px;float:right;color:#fff}
*/
/** 인삿말 */
.strong-blue{
    display: inline-block;
    font-size: 16px;
    color: #0000FF;
    font-weight: 500;
}


.strong-orange{
    display: inline-block;
    font-size: 16px;
    color: #FF6600;
    font-weight: 500;
}

.strong-green{
    display: inline-block;
    font-size: 16px;
    color: #289B6E;
    font-weight: 500;
}
/** 인삿말 */
/*영문페이지 팝업 똑같이한글페이지와*/
.main_pop{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100000;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;vertical-align:middle;text-align:center;}
.main_pop:before{content:'';display:inline-block;vertical-align:middle;width:1px;height:100%;margin-left:-4px;}
.main_pop .inner{display:inline-block;vertical-align:middle;max-width:1200px;}
.main_pop .inner h3{text-align:center;font-size:40px;color:#fff;letter-spacing:-3px;line-height:150%;margin-bottom:30px;}
.main_pop .inner > ul{width:1200px;margin-bottom:20px;}
.main_pop .inner > ul li{display:inline-block;vertical-align:top;max-width:375px;margin:0 10px 20px;}
.main_pop .inner > ul li a{display:block;height:0;padding-bottom:75%;overflow:hidden;}
.main_pop .inner > ul li a img{width:100%;}
.main_pop .inner .popupBtm{overflow:hidden;margin:0 20px;}
.main_pop .inner .popupBtm .alarm{float:left;padding:0 20px;font-size:20px;color:#fff;background:rgba(0,0,0,0.5);line-height:40px;border-radius:50px;}
.main_pop .inner .popupBtm .popupControl{float:right;}
.main_pop .inner .popupBtm .popupControl li{float:left;}
.main_pop .inner .popupBtm .popupControl li a{display:block;font-size:20px;color:#fff;background:rgba(0,0,0,0.5);line-height:40px;border-radius:50px;padding:0 20px;}
.main_pop .inner .popupBtm .popupControl li input[type="checkbox"]{display:none;}
.main_pop .inner .popupBtm .popupControl li label{display:block;font-size:20px;color:#fff;background:rgba(0,0,0,0.5);line-height:40px;border-radius:50px;padding:0 20px;margin-left:10px;}

@media all and (max-width:1241px) {
	.main_pop .inner{max-width:95%;}
    .main_pop .inner > ul{width:auto}
    .main_pop .inner > ul li{width:30%;margin:0 7px 10px}
}
@media all and (max-width:700px) {
	.main_pop .inner h3 {
       font-size: 26px;
       letter-spacing: -1px;
	}
	.main_pop .inner > ul li{margin:0 5px 5px;}
    .main_pop .inner .popupBtm .alarm{font-size:14px;}
    .main_pop .inner .popupBtm .popupControl li a{font-size:14px;}
    .main_pop .inner .popupBtm .popupControl li label{font-size:14px;}
}

@media all and (max-width:500px) {
	.main_pop .inner .popupBtm{margin: 0;}
	.main_pop .inner h3{font-size:20px;margin-bottom:15px;}
    .main_pop .inner > ul{margin-bottom:20px;}
    .main_pop .inner .popupBtm .alarm{font-size:12px;line-height:30px;padding:0 8px;}
    .main_pop .inner .popupBtm .popupControl li a{font-size:12px;line-height:30px;padding:0 8px;}
    .main_pop .inner .popupBtm .popupControl li label{font-size:12px;line-height:30px;padding:0 8px;margin-left:5px;} 
}

#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'NanumBarunGothic', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;font-size:15px;min-width:320px;}
#wrap.main #header .inner{background:none;}
#wrap.main #seoul-gnb-plugin{position: fixed;left: 0; right: 0; top: 0;z-index: 1000;}
#header {border-bottom: 1px solid #c4c5c5;border-top: 1px solid #c4c5c5;width: 100%;position:relative;z-index:1000; background: #fff;}
#wrap.main #header {top: 47px;position: fixed;}
#header .inner{position:relative;background:url(../img/bg_white.png) repeat left top;}
#header .inner .in{max-width:1090px;margin:0 auto;}
#header .inner .in:after{content:'';display:block;clear:both;}
#header .inner .in h1{float:left;margin:14px 70px 0 0;}
#header .inner .in .gnb{float:left;}
#header .inner .in .gnb:after{content:'';display:block;clear:both;}
#header .inner .in .gnb > li{float:left;margin:0 25px;}
#header .inner .in .gnb > li > a{display:block;font-size:16px;height:70px;line-height:70px;font-weight:500;text-align:center;color:#000;}
#header .inner .in .gnb > li > a.on{background:url(../img/bg_gnb_line.png) repeat-x left bottom;color:#f36e21;}
#header .inner .in .gnb > li > .gnb_sub{position:absolute;left:0;right:0;background:#fff;display:none;box-shadow:0 10px 15px rgba(0, 0, 0, 0.1);}
/* #header .inner .in .gnb > li > .gnb_sub{position:absolute;left:0;right:0;background:rgba(255, 255, 255, 0.9);display:none;} */
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in{max-width:1090px;margin:0 auto;padding:17px 0;overflow:hidden;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in2{max-width:900px;margin:0 auto;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in2 > ul{overflow:hidden;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in2 > ul > li{float:left;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in2.center > ul{text-align:center;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in2.center > ul > li{display:inline-block;float:none;margin-left:-4px;}
#header .inner .in .gnb > li > .gnb_sub > .bg01{background:url(../img/bg_gnb_sub_in01.jpg) no-repeat right top;}
#header .inner .in .gnb > li > .gnb_sub > .bg02{background:url(../img/bg_gnb_sub_in02.jpg) no-repeat right top;}
#header .inner .in .gnb > li > .gnb_sub > .bg03{background:url(../img/bg_gnb_sub_in03.jpg) no-repeat right top;}
#header .inner .in .gnb > li > .gnb_sub > .bg04{background:url(../img/bg_gnb_sub_in04.jpg) no-repeat right top;}
#header .inner .in .gnb > li > .gnb_sub > .bg05{background:url(../img/bg_gnb_sub_in05.jpg) no-repeat right top;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > strong{float:left;width:220px;text-align:center;font-weight:400;font-size:20px;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul{float:left;padding-left:30px;border-left:1px solid #dbdbdb;min-height:210px;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li{margin-top:6px;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li:first-child{margin-top:0;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li > a{display:inline-block;font-size:16px;font-weight:500;margin-bottom:5px;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li > ul{overflow:hidden;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li > ul > li{float:left;margin-right:15px;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > ul > li > ul > li > a{display:inline-block;background:url(../img/ico_bul01.png) no-repeat left 10px;padding-left:6px;}
#header .inner .in .btn_fullmenu{float:right;margin:20px 20px 0 0;}
#header .inner .in .btn_kor{float:right;margin:20px 20px 0 0;}
.fullmenu{position:fixed;left:0;top:0;background:rgba(0, 0, 0, 0.9) url(../img/bg_fullmenu_line.png) repeat-x left 79px;width:100%;height:100%;z-index:1001;display:none;overflow-y:auto;}
.fullmenu .full_btn{max-width:1090px;margin:0 auto;text-align:right;padding:30px 0;}
.fullmenu .full_btn > a{display:inline-block;color:#fff;}
.fullmenu .full_in{max-width:1090px;margin:0 auto;overflow:hidden;}
.fullmenu .full_in > div{float:left;width:18%;padding-left:1%;border-left:1px solid #fff;margin:18px 0 40px;min-height:528px;}
.fullmenu .full_in > div > strong{display:block;color:#fff;font-size:20px;padding-bottom:15px;}
.fullmenu .full_in > div > strong.depth{font-size:16px;padding:7px 0 0;}
.fullmenu .full_in > div > strong.depth1{font-size:16px;padding:30px 0 5px;}
.fullmenu .full_in > div > ul > li{margin:10px 0 0 0;}
.fullmenu .full_in > div > ul > li > a{color:#fff;font-size:16px;}
.fullmenu .full_in > div > ul > li > ul{padding:10px 0 20px;}
.fullmenu .full_in > div > ul > li > ul > li{line-height:180%;}
.fullmenu .full_in > div > ul > li > ul > li > a{color:#fff;}

#container .main_visual{position: relative;height: 820px;overflow: hidden;background-size: cover;background-position: center top;}
#container .main_visual .video{position: relative;}
#container .main_visual .video iframe{position: absolute;left: 50%;top: 0;width: 2000px;height: 1100px;}
#container .pc .main_visual .video iframe{margin-left: -1000px;}
#container .main_visual .video{}
#container .pc .main_visual{/*background:url(../img/img_main_visual03.jpg) no-repeat center top;*/ position:relative;height:820px;overflow: hidden;background-size:cover;background-position:center top;}
#container .pc .main_visual > .txt{position:absolute;left:50%;top:250px;margin-left:-670px;}
#container .pc .main_visual > .txt img{display:block;padding-bottom:10px;}
#container .pc .main_visual .main_visual_in ul li a{display:block;text-indent:-9999px;overflow:hidden;background-repeat:repeat-x;background-position:center top;height:820px;background-size:cover;}
#container .pc .main_visual .main_visual_in ul li span{display:block;text-indent:-9999px;overflow:hidden;background-repeat:repeat-x;background-position:center top;height:820px;background-size:cover;}
#container .pc .main_visual .main_visual_in .bx-wrapper{position:relative;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-pager{position:absolute;left:50%;bottom:285px;margin-left: -500px;z-index:100;text-align:center;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-pager-item{display:inline-block;margin:0 5px;vertical-align:middle;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-pager-item a{display:block;width:19px;height:6px;background:#fff;text-indent:-9999px;overflow:hidden;border-radius: 10px;-webkit-transition:all .5s;transition:all .5s;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-pager-item a.active{background:#169784;height:19px;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-stop{display:block;position: absolute;left: 50%;bottom: 280px;margin-top: 10px;margin-left: -370px;z-index: 105;background: url(../img/btn_pause.png) no-repeat center center;text-indent: -9999px;overflow: hidden;width: 28px;height: 28px;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-stop.active{background-image:url(../img/btn_pause_over.png);}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-start{display:block;position: absolute;left: 50%;bottom: 280px;margin-left: -350px;z-index: 105;background: url(../img/btn_play.png) no-repeat center center;text-indent: -9999px;overflow: hidden;width: 28px;height: 28px;}
#container .pc .main_visual .main_visual_in .bx-wrapper .bx-start.active{background-image:url(../img/btn_play_over.png);}


#container .pc .main_visual .weather{position:absolute;left:0;right:0;bottom:0;background:url(../img/bg_weather.png) repeat left top;color:#fff;font-size:14px;font-weight:300;z-index:100}
#container .pc .main_visual .weather .inner{max-width:1090px;margin:0 auto;padding:10px 0;position:relative;}
#container .pc .main_visual .weather .inner .left{float:left;line-height:44px;height:44px;overflow:hidden;font-size:18px;}
#container .pc .main_visual .weather .inner .left .today{float:left;}
#container .pc .main_visual .weather .inner .left .today > img{padding-left:25px;}
#container .pc .main_visual .weather .inner .left .today strong{padding:0 20px 0 15px;}
#container .pc .main_visual .weather .inner .left .dust{float:left;padding-left:20px;}
#container .pc .main_visual .weather .inner .left .next{float:left;margin-left:30px;padding-left:30px;background:url(../img/ico_bar02.png) no-repeat left center;}
#container .pc .main_visual .weather .inner .left .next > ul{overflow:hidden;}
#container .pc .main_visual .weather .inner .left .next > ul > li{float:left;margin-right:25px;}
#container .pc .main_visual .weather .inner .left .next > ul > li img{margin-left:5px;}
#container .pc .main_visual .weather .inner .right{float:right;border-left:1px solid #949aa1;border-right:1px solid #949aa1;width:300px;text-align:center;}
#container .pc .main_visual .weather .inner .right .show .open_show_list{color:#fff;font-size:16px;display:block;line-height:44px;height:44px;}
#container .pc .main_visual .weather .inner .right .show .open_show_list img{margin-top:8px;margin-right:5px;}
#container .pc .main_visual .weather .inner .right .show .show_list{display:none;width:300px;position:absolute;right:0;bottom:64px;background:url(../img/bg_weather.png) repeat left top;height:296px;}
#container .pc .main_visual .weather .inner .right .show .show_list h2{font-size:18px;color:#fff;text-align:left;height:63px;line-height:63px;padding:0 25px;font-weight:400;border-bottom:1px solid #535451;}
#container .pc .main_visual .weather .inner .right .show .show_list .close_show_list{position:absolute;right:55px;bottom:-46px;z-index:-1;}
#container .pc .main_visual .weather .inner .right .show .show_list .bx-viewport{height:296px;width:300px;}
#container .pc .main_visual .weather .inner .right .show .show_list ul{background:url(../img/bg_weather.png) repeat left top;text-align:left;font-weight:300;margin-top:-1px;width:300px;}
#container .pc .main_visual .weather .inner .right .show .show_list ul li{border-top:1px solid #535451;height:57px;width:100% !important;}
#container .pc .main_visual .weather .inner .right .show .show_list ul li a{display:block;width:100%;height:57px;}
#container .pc .main_visual .weather .inner .right .show .show_list ul li .time{display:none;font-size:16px;line-height:110%;width:125px;padding:12px 0 12px 15px;}
#container .pc .main_visual .weather .inner .right .show .show_list ul li .time i{font-style:normal;font-size:30px;font-weight:200;line-height:110%;}
/* #contain.pc er .main_visual .weather .inner .right .show .show_list ul li .txt{font-size:16px;letter-spacing:-1px;display:block;height:33px;line-height:33px;vertical-align:top;padding:12px 20px 12px 20px;} */
#container .pc .main_visual .weather .inner .right .show .show_list ul li .txt{font-size:16px;letter-spacing:-1px;display:block;height:33px;line-height:33px;vertical-align:top;padding:12px 20px 12px 20px;color:#ffffff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#container .pc .main_visual .weather .inner .right .show .show_list ul li .txt:hover{color:#589add;}
#container .pc .main_visual .weather .inner .right .show .show_list .bx-next{text-indent:-9999px;overflow:hidden;background:url(../img/btn_show_list_top.png) no-repeat left top;width:34px;height:34px;display:block;position:absolute;right:25px;top:15px;}
#container .pc .main_visual .weather .inner .right .show .show_list .bx-prev{text-indent:-9999px;overflow:hidden;background:url(../img/btn_show_list_bottom.png) no-repeat left top;width:34px;height:34px;display:block;position:absolute;right:58px;top:15px;}
#container .pc .main_visual .weather .inner:after{content:'';display:block;clear:both;}
#container .pc .main_visual .weather strong{font-weight:400;}
#container .main_visual .video video{width: 100%;height: 100%;}


/* 모바일 메인 */
#container .mobile .main_visual{display: none;/*background:url(../img/img_main_visual03.jpg) no-repeat center top;*/ position:relative;height:400px;overflow: hidden;background-size:cover;background-position:center top;}
#container .mobile .main_visual .video iframe{margin-left: -520px;width: 1040px;height: 600px;}
#container .mobile .main_visual > .txt{position:absolute;left:50%;top:250px;margin-left:-670px;}
#container .mobile .main_visual > .txt img{display:block;padding-bottom:10px;}
#container .mobile .main_visual .main_visual_in ul li a{display:block;text-indent:-9999px;overflow:hidden;background-repeat:repeat-x;background-position:center top;height:560px;background-size:cover;}
#container .mobile .main_visual .main_visual_in ul li span{display:block;text-indent:-9999px;overflow:hidden;background-repeat:repeat-x;background-position:center top;height:560px;background-size:cover;}
#container .mobile .main_visual .main_visual_in .bx-wrapper{position:relative;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-pager{position:absolute;left:0;right:0;bottom:100px;z-index:100;text-align:center;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-pager-item{display:inline-block;margin:0 5px;vertical-align:middle;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-pager-item a{display:block;width:19px;height:6px;background:#fff;text-indent:-9999px;overflow:hidden;border-radius: 10px;-webkit-transition:all .5s;transition:all .5s;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-pager-item a.active{background:#169784;height:19px;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-stop{display:block;position: absolute;left: 50%;margin-left: 90px;bottom: 95px;z-index: 105;background: url(../img/btn_pause.png) no-repeat center center;text-indent: -9999px;overflow: hidden;width: 28px;height: 28px;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-stop.active{background-image:url(../img/btn_pause_over.png);}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-start{display:block;position: absolute;left: 50%;margin-left: 70px;bottom: 95px;z-index: 105;background: url(../img/btn_play.png) no-repeat center center;text-indent: -9999px;overflow: hidden;width: 28px;height: 28px;}
#container .mobile .main_visual .main_visual_in .bx-wrapper .bx-start.active{background-image:url(../img/btn_play_over.png);}
#container .mobile .main_visual .weather{position:absolute;left:0;right:0;bottom:0;background:url(../img/bg_weather.png) repeat left top;color:#fff;font-size:14px;font-weight:300;z-index:100}
#container .mobile .main_visual .weather .inner{max-width:1090px;margin:0 auto;padding:10px 0;position:relative;}
#container .mobile .main_visual .weather .inner .left{float:left;line-height:44px;height:44px;overflow:hidden;font-size:18px;}
#container .mobile .main_visual .weather .inner .left .today{float:left;}
#container .mobile .main_visual .weather .inner .left .today > img{padding-left:25px;}
#container .mobile .main_visual .weather .inner .left .today strong{padding:0 20px 0 15px;}
#container .mobile .main_visual .weather .inner .left .dust{float:left;padding-left:20px;}
#container .mobile .main_visual .weather .inner .left .next{float:left;margin-left:30px;padding-left:30px;background:url(../img/ico_bar02.png) no-repeat left center;}
#container .mobile .main_visual .weather .inner .left .next > ul{overflow:hidden;}
#container .mobile .main_visual .weather .inner .left .next > ul > li{float:left;margin-right:25px;}
#container .mobile .main_visual .weather .inner .left .next > ul > li img{margin-left:5px;}
#container .mobile .main_visual .weather .inner .right{float:right;border-left:1px solid #949aa1;border-right:1px solid #949aa1;width:300px;text-align:center;}
#container .mobile .main_visual .weather .inner .right .show .open_show_list{color:#fff;font-size:16px;display:block;line-height:44px;height:44px;}
#container .mobile .main_visual .weather .inner .right .show .open_show_list img{margin-top:8px;margin-right:5px;}
#container .mobile .main_visual .weather .inner .right .show .show_list{display:none;width:300px;position:absolute;right:0;bottom:64px;background:url(../img/bg_weather.png) repeat left top;height:296px;}
#container .mobile .main_visual .weather .inner .right .show .show_list h2{font-size:18px;color:#fff;text-align:left;height:63px;line-height:63px;padding:0 25px;font-weight:400;border-bottom:1px solid #535451;}
#container .mobile .main_visual .weather .inner .right .show .show_list .close_show_list{position:absolute;right:55px;bottom:-46px;z-index:-1;}
#container .mobile .main_visual .weather .inner .right .show .show_list .bx-viewport{height:296px;width:300px;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul{background:url(../img/bg_weather.png) repeat left top;text-align:left;font-weight:300;margin-top:-1px;width:300px;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul li{border-top:1px solid #535451;height:57px;width:100% !important;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul li a{display:block;width:100%;height:57px;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul li .time{display:none;font-size:16px;line-height:110%;width:125px;padding:12px 0 12px 15px;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul li .time i{font-style:normal;font-size:30px;font-weight:200;line-height:110%;}
/* #contain.mobile er .main_visual .weather .inner .right .show .show_list ul li .txt{font-size:16px;letter-spacing:-1px;display:block;height:33px;line-height:33px;vertical-align:top;padding:12px 20px 12px 20px;} */
#container .mobile .main_visual .weather .inner .right .show .show_list ul li .txt{font-size:16px;letter-spacing:-1px;display:block;height:33px;line-height:33px;vertical-align:top;padding:12px 20px 12px 20px;color:#ffffff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#container .mobile .main_visual .weather .inner .right .show .show_list ul li .txt:hover{color:#589add;}
#container .mobile .main_visual .weather .inner .right .show .show_list .bx-next{text-indent:-9999px;overflow:hidden;background:url(../img/btn_show_list_top.png) no-repeat left top;width:34px;height:34px;display:block;position:absolute;right:25px;top:15px;}
#container .mobile .main_visual .weather .inner .right .show .show_list .bx-prev{text-indent:-9999px;overflow:hidden;background:url(../img/btn_show_list_bottom.png) no-repeat left top;width:34px;height:34px;display:block;position:absolute;right:58px;top:15px;}
#container .mobile .main_visual .weather .inner:after{content:'';display:block;clear:both;}
#container .mobile .main_visual .weather strong{font-weight:400;}
#container .mobile .main_visual .video iframe{margin-left: -520px;}








#container .main_program{/*background:#f3f6f7;*/position: absolute;left: 0;bottom: 0;right: 0;z-index: 1000;}
.explore-programmes{max-width:1090px;height:auto;padding:20px 0 65px;margin:0 auto;position:relative;z-index:2;text-align:center}
.explore-programmes h4{margin:20px 0 20px;display:none}
.explore-programmes h4::after{clear:both;content:"";display:table}
.explore-programmes h4.active{display:inline-block}
.explore-by{line-height:1.14286;color:#77777c;text-transform:uppercase}
.explore-by a{margin-left:30px;color:#000;padding-bottom:8px;border-bottom:1px solid #f6f6f6}
.explore-by a:hover,.explore-by a.selected{color:#cc073c;text-decoration:none;padding-bottom:10px;border-color:#cc073c}
.group-filter ul{display:none;padding:0;margin:0}
.group-filter ul.active{display:block}
.group-filter ul li{display:inline-block;line-height:1;position:relative}
.group-filter ul li::after{clear:both;content:"";display:table}
.group-filter ul li a{color:#000}
.group-filter ul li a:hover{color:#cc073c;text-decoration:none}
.group-filter ul li span{display:block;height:0;width:0;position:absolute;left:50%;margin-left:0;background:#169784;transition:all .3s ease-out}
.group-filter ul li:hover span,.group-filter ul li.selected span{width:100%;display:block;height:7px;margin-left:-50%;}
.group-filter .visitor-type li a{display:block;padding:55px 0 15px;font-size:17px;font-weight:500;width:120px;text-align:center;}
.group-filter .visitor-type li.family-icon a{background:url(../img/bg_visitor_type01.png) no-repeat center -15px;}
.group-filter .visitor-type li.couple-icon a{background:url(../img/bg_visitor_type02.png) no-repeat center -15px;}
.group-filter .visitor-type li.friends-icon a{background:url(../img/bg_visitor_type03.png) no-repeat center -15px;}
.group-filter .visitor-type li.schoolgroups-icon a{background:url(../img/bg_visitor_type04.png) no-repeat center -15px;}
.group-filter .visitor-type li:hover a,.group-filter .visitor-type li.selected a{background-position:center -133px;color:#169784}
.programmes-list{max-width:1090px;height:auto;background:#fff;overflow:hidden;margin-top:7px;}
.programmes-list h2{position: absolute;left: -999px;top: 0;}
.horizontal-programmes{width:100%;position:relative;height:408px}
.horizontal-programmes .programmes-pic{float:left;width:66.66%;position:relative;height:408px;overflow:hidden}
.horizontal-programmes .programmes-pic img{width:100%;/*position:relative*/}
.horizontal-programmes .programmes-pic::before{content:'';position:absolute;top:50%;margin-top:-15px;right:0;z-index:2;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff}
.horizontal-programmes .programmes-info{float:left;width:33.33%;position:relative;height:408px}
.horizontal-programmes .programmes-info-content{position:relative;height:408px}
/*뉴스*/
.horizontal-programmes .programmes-info.news{height:auto}
.horizontal-programmes .programmes-info.news .programmes-info-content{height:auto}
.horizontal-programmes .programmes-info.news .tit{overflow:hidden;padding:50px 40px 0;width:284px}
.horizontal-programmes .programmes-info.news .tit strong{float:left;font-size:24px;color:#000}
.horizontal-programmes .programmes-info.news .tit .icon-link{float:right;margin-top:10px}
.horizontal-programmes .programmes-info.news .list{padding:0 40px;width:284px;text-align:left}
.horizontal-programmes .programmes-info.news .list > li{margin-top:20px}
.horizontal-programmes .programmes-info.news .list > li > a{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*뉴스*/
.programmes-info{position:relative;overflow:hidden}
.programmes-info-content{display:table-cell;vertical-align:middle;height:208px}
.programmes-info-content > h5{margin-bottom:20px;font-size:17px;color:#000}
.programmes-info-content > strong{display:inline-block;width:120px;height:120px;border-radius:70px;overflow:hidden;margin-bottom:20px}
.programmes-info-content > strong img{width:100%;height:100%}
.programmes-info-content > h4{margin:0 0 10px;display:block;font-size:26px;font-weight:200}
.programmes-info-content > div{width:363px;display:inline-block}
.programmes-info-content > div p{margin:0 40px 20px;font-size:20px;color:#000}
.programmes-info-content > div p.info{font-style:italic;font-weight:400}
.programmes-info-content > div p.time{font-size:16px}
.programmes-info-content > div p.time em{font-size:30px;font-weight:400;display:inline-block;margin-left:10px}
.programmes-info-content > div p.small{font-size:16px;font-weight:400;color:#000}
.programmes-info-content .icon-link{display:inline-block;font-size:16px;color:#ae0000;padding-right:15px;background:url(../img/bg_icon-link.png) no-repeat right 8px}
.vertical-programmes{float:left;height:408px;width:33.33%;position:relative}
.vertical-programmes .programmes-pic{position:relative;height:204px;overflow:hidden;}
/*.vertical-programmes .programmes-pic img{position:relative}*/
.vertical-programmes .programmes-info{position:relative}
.vertical-programmes .programmes-info-content{position:relative}
.top-vertical-programmes .programmes-info,.bottom-vertical-programmes .programmes-info{height:204px}
.top-vertical-programmes .programmes-pic::before{content:'';position:absolute;bottom:0;left:50%;z-index:2;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff}
.bottom-vertical-programmes .programmes-pic::before{content:'';position:absolute;top:0;left:50%;margin-left:-15px;z-index:2;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #fff}
.full-vertical-programmes .programmes-pic{height:100%}
.full-vertical-programmes .programmes-pic a{display:block;height:100%;}
.full-vertical-programmes .programmes-pic a img{width:100%;height:100%;}
.full-vertical-programmes .programmes-info{position:absolute;top:0;left:0;width:100%;height:100%}
.full-vertical-programmes .programmes-info-content{height:416px}
.full-vertical-programmes .programmes-info-content h5,.full-vertical-programmes .programmes-info-content h4{color:#fff}
.full-vertical-programmes .programmes-info-content p{color:#fff;margin:0 35px 15px 35px;text-transform:none}
.full-vertical-programmes .programmes-info-content a{color:#fff}
.full-vertical-programmes .programmes-info-content a.icon-link::before{background-position:-219px 0}
.visitor-programmes-data{display:none}
#wrap.main #container{background:none;}
#container{}
#container .main_notice{background:url(../img/bg_main_notice.jpg) no-repeat center top;background-size: cover;padding:30px 10px;}
#container .main_notice .linkList{overflow: hidden;}
#container .main_notice .linkList ul{float: left;}
#container .main_notice .linkList ul li{display: inline-block;background: url(../img/bg_line02.png) no-repeat left center;}
#container .main_notice .linkList ul:first-child li:first-child{background: none;}
#container .main_notice .linkList ul li a{display: block;color: #fff;font-size: 20px;line-height: 150%;padding: 0 30px;line-height: 50px;text-align: center;}
#container .main_notice .linkList ul li a img{vertical-align: middle;}
#container .main_notice > .inner{max-width:780px;margin:0 auto;}
#container .main_notice > .inner > ul{overflow:hidden;margin-left:-2%;}
#container .main_notice > .inner > ul > li{float:left;width:31.33%;color:#fff;margin-left:2%;}
#container .main_notice > .inner > ul > li > div{border:1px solid #fff;padding:35px 0;height:140px;text-align:center;background:rgba(0, 0, 0, 0.3);position:relative;}
#container .main_notice > .inner > ul > li > div a{color:#fff}
#container .main_notice > .inner > ul > li > div > span{display:block;}
#container .main_notice > .inner > ul > li > div > span.top{font-size:20px;font-weight:400;}
#container .main_notice > .inner > ul > li > div > span.mid{font-size:18px;margin:30px 0 20px 0;}
#container .main_notice > .inner > ul > li > div > span.mid1{font-size:18px;margin:15px 0 20px 0;}
#container .main_notice > .inner > ul > li > div > span.bottom{font-size:18px;}
#container .main_notice > .inner > ul > li > div > span.bottom.tel{background:url(../img/bg_main_notice_tel.png) no-repeat 90px 7px;}
.phone {width: 12px;height: 48px;background-position: -670px 0px;height: 12px;margin-right: 5px;}
#container .main_notice > .inner > ul > li > div > span > em{font-size:15px;font-weight:400;}
#container .main_notice > .inner > ul > li > div > span > em > img{width:16px;margin-top:7px;}
#container .main_notice > .inner > ul > li > div > .btn_sns{overflow:hidden;margin:20px auto 25px;text-align:center;}
#container .main_notice > .inner > ul > li > div > .btn_sns > li{display:inline-block;padding-left:30px;background:url(../img/bg_sns_line.png) no-repeat 15px 5px;}
#container .main_notice > .inner > ul > li > div > .btn_sns > li:first-child{padding-left:0;}
#container .main_notice > .inner > ul > li > div > .btn_sns > li > a{display:block;}
#container .main_notice > .inner > ul > li > div > .btn_map{display:block;border:1px solid #fff;color:#fff;font-size:15px;font-weight:400;padding:5px;margin-top:10px;max-width:180px;margin:0 auto;}
#container .main_notice > .inner > ul > li > div > .btn_map > img{margin:7px 0 0 3px;}
#container .main_notice > .inner > ul > li > div > .btn_newsletter{display:block;border:1px solid #fff;color:#fff;font-size:15px;font-weight:400;padding:5px;margin-top:-6px;max-width:180px;margin:0 auto;}
#container .main_notice > .inner > ul > li > div > .btn_newsletter > img{margin:7px 0 0 3px;}
#site_index{background:#383838;}
#site_index h2{text-align:center;padding:20px 0;}
#site_index h2 > a{color:#fff;font-weight:500;display:inline-block;padding-right:25px;background:url(../img/bg_btn_site.png) no-repeat right 4px;}
#site_index h2 > a.active{background-position:right -84px;}
#site_index .site_in{max-width:1090px;margin:0 auto;display:none;}
#site_index .site_in .site{overflow:hidden;padding:20px 0;}
#site_index .site_in .site > div{float:left;width:16%;}
#site_index .site_in .site > div > strong{color:#fff;font-weight:500;font-size:16px;}
#site_index .site_in .site > div > ul > li{margin:20px 0;}
#site_index .site_in .site > div > ul > li > a{color:#fff;font-size:15px;}
#site_index .site_in .site > div > ul > li > ul > li{padding:5px 10px;}
#site_index .site_in .site > div > ul > li > ul > li > a{color:#fff;font-size:14px;}
#footer{background:#444;}
#footer .inner{max-width:1090px;margin:0 auto;padding:20px 0;position:relative;font-size:14px;}
#footer .inner .logo1{position:absolute;left:0;top:20px;}
#footer .inner .txt{padding:0 0 0 250px;color:#b2b2b2;}
#footer .inner .foot_menu > ul{overflow:hidden;}
#footer .inner .foot_menu > ul > li {float:left;}
#footer .inner .foot_menu > ul > li > a{display:block;background:url(../img/ico_bar01.png) no-repeat left center;padding:0 8px;color:#b2b2b2;}
#footer .inner .foot_menu > ul > li > a > strong{color:#b2b2b2;}
#footer .inner .foot_menu > ul > li:first-child > a{background:none;padding-left:0;}

  

/* sub_layout */
.sub_top{background-position:center bottom;background-repeat:repeat-x;height:200px;text-align:center;}
.sub_top h2{font-size:40px;color:#fff;text-align:center;padding-top:75px;font-weight:700;}
.sub_top.sub_top01{background-image:url(../img/img_sub_top01.jpg);}
.sub_top.sub_top02{background-image:url(../img/img_sub_top02.jpg);}
.sub_top.sub_top03{background-image:url(../img/img_sub_top03.jpg);}
.sub_top.sub_top04{background-image:url(../img/img_sub_top04.jpg);}
.sub_top.sub_top05{background-image:url(../img/img_sub_top05.jpg);}
.sub_top.sub_top06{background-image:url(../img/img_sub_top06.jpg);}
.sub_top.sub_top07{background-image:url(../img/img_sub_top07.jpg);}
.path{height:60px;border-bottom:1px solid #dddddd;margin-bottom: 20px;}
.path .inner{width:1090px;margin:0 auto;}
.path .inner > ul > li{float:left;position:relative;border-right:1px solid #dddddd;}
.path .inner > ul > li > a{display:block;font-size:14px;color:#1f1f1f;}
.path .inner > ul > li > a > span{display:block;padding:0 20px 0 20px;width:160px;margin-right:20px;height:60px;line-height:60px;background:url(../img/ico_path_arrow.png) no-repeat 95% center;font-weight:300;}
.path .inner > ul > li:first-child > a{background:none;}
.path .inner > ul > li:first-child > a > span{background:none;width:76px;background:url(../img/ico_home.png) no-repeat center;margin-right:0;border-left:1px solid #dddddd;padding: 0;display:block;text-indent:-9999px;overflow:hidden;}
.path .inner > ul > li:last-child > a > span{color:#f36e21;}
.path_list{display:none;position:absolute;left:-1px;top:60px;background:#f0f0f0;border:1px solid #ddd;width:220px;z-index: 999;}
.path_list > ul{padding:10px 0 10px 15px;}
.path_list > ul > li > a{display:block;padding:3px 10px;font-size:15px;}
.path_list > ul > li > ul{padding:5px 0 10px 15px;}
.path_list > ul > li > ul > li > a{display:block;padding:1px 10px;font-size:14px;background:url(../img/ico_bul02.png) no-repeat left 12px;}
.exclamation{padding-bottom:15px;}
.path_list > ul > li > ul > li > ul > li > a{padding:4px 20px;font-size:12px;background:url(../img/ico_bul02.png) no-repeat 10px 12px;}
.exclamation li{background:url(../img/ico_exclamation.png) no-repeat left 7px;padding:2px 0 2px 20px;font-size:16px;color:#010101;line-height:150%;}
.sub_tit{text-align:center;font-size:16px;color:#222;line-height:150%;margin-top:-40px;padding-bottom:30px;}
.title{border-bottom:1px solid #bfbfbf;text-align:center;margin-bottom:80px;}
.title h3{display:inline-block;padding:0 50px;font-size:30px;color:#000;padding-bottom:20px;border-bottom:3px solid #276a05;font-weight:400;margin-bottom:-1px;}
.contents{max-width:1090px;margin:0 auto;padding-bottom:100px;}
.contents .img_area img{max-width: 100%;}
.search_bar{text-align:center;padding-bottom:30px;}
.search_bar select{height:36px;line-height:36px;border:1px solid #d6d6d6;min-width:90px;}
.search_bar input[type="text"]{height:34px;line-height:34px;border:1px solid #d6d6d6;width:35%;text-indent:5px;letter-spacing:-1px;}
.search_bar button{border:0;padding:0;margin:0 0 0 5px;}
.paging{text-align:center;padding:30px 0}
.paging a{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #e7e7e7;font-size:14px;text-align:center;color:#999;border-radius:2px;}
.paging a:hover{border:1px solid #f36e21;background:#f36e21;color:#fff;}
.paging a:focus{border:1px solid #f36e21;background:#f36e21;color:#fff;}
.paging a.on{border:1px solid #f36e21;background:#f36e21;color:#fff;}
.paging strong{display:inline-block;width:28px;height:28px;line-height:28px;border:1px solid #f36e21;background:#f36e21;font-size:14px;text-align:center;color:#fff;border-radius:2px;font-weight:300;}
.paging a.btn{border:0;vertical-align:top}
.paging a.btn:hover{background:none;}
.paging a.btn:focus{background:none;}
.btn_group{overflow:hidden;}
.btn_group .center{text-align:center;}
.btn_group .left{float:left;}
.btn_group .right{float:right;}
.btn_group a{margin:0 3px;}
.btn_group a.btn_style01{display:inline-block;height:35px;line-height:35px;border:1px solid #276a05;background:#276a05;font-size:15px;text-align:center;color:#fff;border-radius:2px;padding:0 15px;}
.table_list{border-top:1px solid #f36e21;margin-bottom:30px;}
.table_list table{width:100%;border-collapse:collapse;table-layout: fixed;}
.table_list table th{font-size:16px;color:#f36e21;line-height:150%;padding:15px 0;border-bottom:1px solid #f36e21;font-weight:normal;}
.table_list table th span{font-weight:300;}
.table_list table th.left{text-align:left;padding-left:50px;color:#000;}
.table_list table td{font-size:15px;color:#666;line-height:150%;padding:15px 0;text-align:center;border-bottom:1px solid #d2d2d2;}
.table_list table td.left{text-align:left;padding-left:10px;}
.table_list table td a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:570px;}
.table_list table td.file img{max-width: 20px;}
.table_list table tr.notice {background:#f7f7f7;}
.table_list table tr.view{display:none;}
.table_list table tr.view td .plants_info li{padding:3px 0;}
.table_view .table_view_top{position:relative;overflow:hidden;}
.table_view .table_view_top h4{border-top:2px solid #8bb748;font-size:16px;color:#276a05;font-weight:400;border-bottom:1px solid #e5e5e5;padding:15px 150px 15px 0;min-height:24px;}
.table_view .table_view_top .btn{position:absolute;right:0;top:2px;overflow:hidden;height:100%;}
.table_view .table_view_top .btn a{display:block;float:left;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margin-left:-1px;height:100%;min-height:54px;text-indent:-9999px;overflow:hidden;width:48px;background-position:center center;background-repeat: no-repeat;}
.table_view .table_view_top .btn a:first-child{margin-left:0;}
.table_view .table_view_top .btn a.btn01{background-image:url(../img/btn_prev02.png);}
.table_view .table_view_top .btn a.btn02{background-image:url(../img/btn_next02.png);}
.table_view .table_view_top .btn a.btn03{background-image:url(../img/btn_list.png);}
.table_view .info > ul{overflow:hidden;padding:5px 0;}
.table_view .info > ul > li{float:left;background:url(../img/ico_bul01.png) no-repeat left center;margin-left:15px;padding-left:15px;color:#949393;font-size:14px;letter-spacing:0;}
.table_view .info > ul > li strong{font-weight:500;}
.table_view .info > ul > li:first-child{background:none;padding-left:0;margin-left:0;}
.table_view .table_view_cont{padding:40px;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
.table_view .table_view_cont .img{padding-bottom: 0; max-width:100%;}
.table_view .table_view_cont .img img{max-width:925px;}
.table_view .liveRe{margin-top:50px;}
.table_view .table_view_file{border-bottom:1px solid #e5e5e5;margin-bottom:30px;}

.shoot_wrap .info{padding-bottom:15px;}
.shoot_wrap .info p{font-size:14px;line-height:200%;color:#0a5902;font-weight:500;}
.shoot_wrap .list > ul{overflow:hidden;margin-left:-2%;}
.shoot_wrap .list > ul > li{float:left;width:47%;margin-left:3%;}
.shoot_wrap .list > ul > li .img{margin-bottom:50px;}
.shoot_wrap .list > ul > li .img img{width:100%;}
.shoot_wrap .inquiry{overflow:hidden;background:#eee;padding:10px;}
.shoot_wrap .inquiry > a{float:left;display:block;width:40%;text-align:center;border-right:1px solid #c1c1c1}
.shoot_wrap .inquiry > ul{float:right;width:55%;}
.shoot_wrap .inquiry > ul > li{display:inline-block;margin-left:30px;}
.shoot_wrap .inquiry > ul > li > strong{display:inline-block;height:41px;line-height:41px;font-size:15px;font-weight:500;margin-right:15px;color:#181818;}
.shoot_wrap .inquiry > ul > li > p{display:inline-block;font-size:18px;color:#222;line-height:41px;height:41px;font-weight:200;}
.shoot_wrap .inquiry > ul > li:first-child{margin-left:0;}

.location_map{height:700px;border:1px solid #b7b7b7;position:relative}
.location_map .pop_location_point{background:url(../img/bg_location_pop.png) no-repeat left top;position:relative;width:337px;height:226px;position:absolute;left:50%;top:50%;margin:-113px 0 0 0}
.location_map .pop_location_point .img{position:absolute;left:35px;top:20px;}
.location_map .pop_location_point .txt{padding:15px 0 20px 145px;}
.location_map .pop_location_point .txt > strong{display:block;font-size:17px;font-weight:400;padding-bottom:15px;}
.location_map .pop_location_point .txt > a{position:absolute;right:20px;top:17px;}
.location_map .pop_location_point .txt ul li{font-size:14px;}
.location_map .pop_location_point .txt ul li strong{font-weight:500;margin-right:5px;}
.location_map .pop_location_point .txt02{padding:0 20px 0 35px;height:60px;margin-bottom:10px;overflow:hidden;}
.location_map .pop_location_point .location{border-top:1px solid #bfbfbf;padding:10px 0 0 0;margin:0 20px 0 35px;}
.location_map .pop_location_point1{background:url(../img/img_location1.png) no-repeat left top;position:relative;width:337px;height:106px;position:absolute;left:50%;top:74%;margin:-113px 0 0 0}
.location_map .pop_location_point1 .img{position:absolute;left:35px;top:20px;}
.location_map .pop_location_point1 .txt{padding:15px 0 20px 145px;}
.location_map .pop_location_point1 .txt > strong{display:block;font-size:17px;font-weight:400;padding-bottom:15px;}
.location_map .pop_location_point1 .txt > a{position:absolute;right:20px;top:17px;}
.location_map .pop_location_point1 .txt ul li{font-size:14px;}
.location_map .pop_location_point1 .txt ul li strong{font-weight:500;margin-right:5px;}
.location_map .pop_location_point1 .txt02{padding:0 20px 0 35px;height:60px;margin-bottom:10px;overflow:hidden;}
.location_map .pop_location_point1 .location{border-top:1px solid #bfbfbf;padding:10px 0 0 0;margin:0 20px 0 35px;}

.tab_area{margin-bottom:50px;border-bottom:1px solid #dddddd;}
.tab_area > ul{text-align:center;overflow: hidden;}
.tab_area > ul > li{display:inline-block;padding:0 25px;}
.tab_area > ul > li:first-child{background:none;}
.tab_area > ul > li > a{display:inline-block;font-size:18px;color:#716e6e;border-bottom:1px solid #fff;padding-bottom:10px;}
.tab_area > ul > li > a:hover{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area > ul > li > a:focus{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area > ul > li > a.on{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area_sub{margin-bottom:10px;}
.tab_area_sub > ul{text-align:center;overflow: hidden;}
.tab_area_sub > ul > li{display:inline-block;}
.tab_area_sub > ul > li:first-child{background:none;}
.tab_area_sub > ul > li > a{display:inline-block;font-size:18px;color:#716e6e;padding-bottom:30px;position:relative;text-align:center;padding:0 25px 10px 25px;;}
.tab_area_sub > ul > li > a span{border-bottom:1px solid #fff;display:block;padding-bottom:10px;}
.tab_area_sub > ul > li > a:hover span{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area_sub > ul > li > a:focus span{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area_sub > ul > li > a.on span{border-bottom:1px solid #f36e21;color:#f36e21;}
.tab_area_sub > ul > li > a:before{content:'';display:block;position:absolute;left:0;top:5px;height:20px;background:#ddd;width:1px;}
.tab_area_sub > ul > li:first-child > a:before{display:none;}
.cont_area_sub > .item{display:none;}
.sub_tab{margin-bottom:50px;}
.sub_tab > ul{text-align:center;}
.sub_tab > ul > li{display:inline-block;padding:0 25px;position: relative;}
.sub_tab > ul > li:after{content: '';width: 1px;height: 15px;background: #dddddd;position: absolute;left: 0;top: 7px;}
.sub_tab > ul > li:first-child:after{background: none;}
.sub_tab > ul > li > a{display:inline-block;font-size:18px;color:#716e6e;border-bottom:1px solid #fff;padding-bottom:10px;}
.sub_tab > ul > li > a:hover{border-bottom:1px solid #f36e21;color:#f36e21;}
.sub_tab > ul > li > a:focus{border-bottom:1px solid #f36e21;color:#f36e21;}
.sub_tab > ul > li > a.active{border-bottom:1px solid #f36e21;color:#f36e21;}

.philosophy_wrap > .section{padding-bottom:70px;}
.philosophy_wrap > .section h4{font-size:24px;color:#000;line-height:150%;font-weight:400;padding-bottom:20px;}
.philosophy_wrap > .section .list{padding-bottom:20px;}
.philosophy_wrap > .section .list > ul > li{background:url(../img/ico_bul02.png) no-repeat left 12px;font-size:16px;color:#222;font-weight:300;padding:0 0 5px 10px;}
.philosophy_wrap > .section .txt{font-size:16px;color:#222;font-weight:300;line-height:150%;padding-bottom:30px;}
.philosophy_wrap > .section .img_area img{}

.BI_wrap > .section{padding-bottom:70px;}
.BI_wrap > .BI01{padding-bottom:40px;position:relative;}
.BI_wrap > .BI01 .img{position:absolute;left:0;top:0;width:50%}
.BI_wrap > .BI01 .txt{padding-left:50%;width:50%;}
.BI_wrap > .BI01 .txt h4{font-size:24px;color:#000;padding-bottom:10px;font-weight:400;border-bottom:1px solid #d2d2d2;}
.BI_wrap > .BI01 .txt ul li{padding:20px 0;background:url(../img/bg_BI_list_line.png) no-repeat left bottom;}
.BI_wrap > .BI01 .txt ul li dl{position:relative;;}
.BI_wrap > .BI01 .txt ul li dl dt{font-size:16px;color:#276a05;position:absolute;left:0;top:0;bottom:0;margin: auto;vertical-align:middle}
.BI_wrap > .BI01 .txt ul li dl dd{padding:0 0 0 120px;font-size:15px;color:#222;}
.BI_wrap > .BI02 h4{font-size:24px;color:#000;line-height:150%;font-weight:400;padding-bottom:20px;}
.BI_wrap > .BI02 .img_area img{}

.faq_tab{padding-bottom: 50px;}
.faq_tab ul{overflow: hidden;text-align: center;display:flex;border-left: 1px solid #b7b7b7;border-top: 1px solid #b7b7b7;}
.faq_tab ul li{border-bottom: 1px solid #b7b7b7;border-right: 1px solid #b7b7b7;box-sizing: border-box;flex:1;min-width:0;}
.faq_tab ul li:first-child{margin-left: 1px;}
.faq_tab ul li a{display:block;font-size: 18px;padding: 15px 0;color: #000;}
.faq_tab ul li a.active{background:#777;color: #fff;}
.faq_list{border-top:1px solid #b7b7b7;margin-bottom:30px;}
.faq_list table{width:100%;border-collapse:collapse;/*table-layout: fixed;*/}
.faq_list table th{font-size:20px;color:#000;line-height:150%;padding:15px 0;border-bottom:1px solid #b7b7b7;font-weight:normal;text-align: center;}
.faq_list table th span{font-weight:300;}
.faq_list table th.left{text-align:left;padding-left:50px;color:#000;}
.faq_list table td{font-size:16px;color:#000;line-height:150%;padding:15px 0;text-align:center;border-bottom:1px solid #d2d2d2;}
.faq_list table td.left{text-align:left;padding-left:10px;}
.faq_list table td.left > a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:570px;font-size: 16px;}
.faq_list table td > span{font-size: 15px;color: #fff;font-weight: 200;padding: 2px 13px;border-radius: 30px;}
.faq_list table td span.tab01{background: #ec640f;}
.faq_list table td span.tab02{background: #fabe00;}
.faq_list table td span.tab03{background: #526bb5;}
.faq_list table td span.tab04{background: #fc6f4e;}
.faq_list table td span.tab05{background: #a9cb33;}
.faq_list table td span.orange{color: #f36e24;}
.faq_list table tr.reply{display:none;background: #f7f7f7;}

/* 온라인 교육 */
.online_wrap .rantal_list ul li{min-height: 340px;}
.online_wrap .rantal_list ul li a .txt{min-height: 100px;}
.online_cont{}
.online_cont .video{text-align: center;}
.online_cont .videosub{border: 1px solid #ebebeb;margin-top: 50px;}
.online_cont .videosub span{display: block;text-align: center;background: #f5f5f5;font-size: 16px;color: #000;padding: 10px 0;}
.online_cont .videosub p{font-size: 16px;color: #343434;line-height: 150%;letter-spacing: -1px;padding: 20px;height: 75px;overflow-y: auto;text-align: left;}
.online_cont .txt{padding: 50px 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;margin: 50px 0;}
.online_cont .txt h4{font-size: 30px;color: #231f20;line-height: 150%;font-weight: 400;letter-spacing: -1px;}
.online_cont .txt h5{font-size: 14px;color: #bfbfbf;line-height: 150%;font-weight: 400;letter-spacing: -1px;padding-bottom: 20px;}
.online_cont .txt span{display: block;font-size: 20px;color: #343434;line-height: 150%;padding-bottom: 20px;}
.online_cont .txt span em{color: #0097a5;font-weight: 500;margin-left: 10px;}
.online_cont .txt p{font-size: 16px;color: #343434;line-height: 150%;letter-spacing: -1px;}


.rantal_list ul{overflow: hidden;margin-left: -2%;text-align: center}
.rantal_list ul li{float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;vertical-align: top;box-sizing: border-box;min-height:412px;}
.rantal_list ul li a{display:block;border:1px solid #cbcbcb;}
.rantal_list ul li a:hover{color: #000;}
.rantal_list ul li a .img{height:0;padding-bottom:57%;overflow:hidden;}
.rantal_list ul li a .img p{height: 198px;transform: scale(1);-webkit-transform: scale(1);transition: all 0.3s ease-in-out;overflow: hidden;}
.rantal_list ul li a .img p:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}
.rantal_list ul li a .img img{width:100%;}
.rantal_list ul li a .txt{padding:0 15px 10px 15px;text-align:left;min-height:252px;}
.rantal_list ul li a .txt .ico{display:inline-block;width:50px;height:24px;line-height:24px;background:#f36e21;color:#fff;text-align:center;font-size: 10px;}
.rantal_list ul li a .txt .ico.ico01{background:#f36e21;color:#fff;}
.rantal_list ul li a .txt > strong{display:block;background:url(../img/bg_line03.png) no-repeat left top;font-size:18px;color:#222;line-height:130%;height:45px;overflow:hidden;margin-bottom:10px;font-weight:400;padding-top:10px;}
.rantal_list ul li a .txt > p{font-size:13px;color:#a9a9a9;line-height:150%;height:38px;overflow:hidden;margin-bottom:10px;letter-spacing: -1px;}
.rantal_list ul li a .txt .category{}
.rantal_list ul li a .txt .category .info{padding-bottom: 10px;} 
.rantal_list ul li a .txt .category .info span{display: block;font-size: 14px;}
.rantal_list ul li a .txt .category .info .infou{display: block;font-size: 13px;}
.rantal_list ul li a .txt .category .info span strong{display:block;}
.rantal_list ul li a .txt .category .info span strong.category01{color: #f36e21;}
.rantal_list ul li a .txt .category .info span strong.category02{color: #000;}
.rantal_list ul li a .txt .category .info span strong.category03{color: #cbcbcb;}
.rantal_list ul li a .txt .category p{padding-left: 20px; background: url(../img/ico_hits.png) no-repeat left 10px;font-size: 12px;border-top: 1px solid #cbcbcb;padding-top: 10px;color:#f36e21;}

.gallery_list ul{overflow: hidden;margin-left: -2%;text-align: center}
.gallery_list ul li{float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;vertical-align: top;box-sizing: border-box;border:1px solid #cbcbcb;}
.gallery_list ul li .img{height:0;padding-bottom:61%;overflow:hidden;}
.gallery_list ul li .img img{width:100%;}
.gallery_list ul li .img a{display:block;}
.gallery_list ul li .img a img{width:100%;}
.gallery_list ul li .txt{padding:0 20px 20px 20px;text-align:left;}
.gallery_list ul li .txt > strong{display:block;background:url(../img/bg_line03.png) no-repeat left top;font-size:18px;color:#222;line-height:130%;overflow:hidden;font-weight:400;padding-top:15px;overflow:hidden;}
.gallery_list ul li .txt > strong p{clear:both;display:block;font-size:16px;word-break:break-all;height:46px;padding-top:5px;}
.gallery_list ul li .txt > strong span{float:left;display: inline-block;font-size:15px;color: #fff;border-radius: 20px;padding:0 10px;}
.gallery_list ul li .txt > strong span.icon01{background: #6ba651;}
.gallery_list ul li .txt > strong span.icon02{background: #00aeef;}
.gallery_list ul li .txt > strong span.icon03{background: #f36e21;}
.gallery_list ul li .txt > strong span.icon04{background: #adadad;}
.gallery_list ul li .txt > strong span.icon05{background: #276a05;}
.gallery_list ul li .txt > strong span.hit{float:right;font-size:13px;padding:0;color:#999;}
.gallery_list ul li .txt > span{height: 45px;overflow: hidden;display: block;}
.gallery_list ul li .txt > p{font-size:13px;color:#a9a9a9;line-height:150%;height:30px;overflow:hidden;;letter-spacing: -1px;}
.gallery_list ul li .txt .category .info{padding-bottom: 10px;} 
.gallery_list ul li .txt .category p{padding-left: 20px; background: url(../img/ico_hits.png) no-repeat left 10px;font-size: 12px;border-top: 1px solid #cbcbcb;padding-top: 10px;color:#f36e21; }
.gallery_list ul li.prepare{height: 396px;border: 1px solid #f3f3f3; vertical-align: top;}
.gallery_list ul li.prepare span{display: block;background: url(../img/prepare.png) no-repeat center;height: 185px;line-height: 185px;font-size: 30px;color: #fff;padding: 100px 0;}
.gallery_list ul li a{display: block;}
.gallery_list ul li a .guide_img{max-width: 920px}
.gallery_list ul li a .guide_img img{width: 100%}

.gallery_view_cont{overflow: hidden;padding: 50px 0;}
.gallery_view_cont .img_area{float: left;width: 55%;margin-right: 5%;}
.gallery_view_cont .img_area p{padding-top: 5px;}
.gallery_view_cont .img_area p a{display: inline-block;width: 19%;height: 80px;}
.gallery_view_cont .img_area p a img{height: 100%;}
.gallery_view_cont .img_area > img{max-width: 100%;}
.gallery_view_cont .text_area{float: left;width: 40%;padding-top: 5%;}
.gallery_view_cont .text_area span{display: block;padding: 5px 0;}
.gallery_view_cont .text_area span strong{display: inline-block;padding-right: 10px;}
.text_editor{margin-bottom: 50px;}
.text_editor textarea{width:100%; border: 1px solid #e5e5e5; resize: none;}

.library_list > ul{background:url(../img/bg_library_line.png) repeat-y center top;overflow:hidden;}
.library_list > ul > li{position:relative;width:50%;margin-top:-90px;padding-bottom:30px;}
.library_list > ul > li.first{margin-top:0;}
.library_list > ul > li.first .step{top:-28px}
.library_list > ul > li:first-child{margin-top:0;}
.library_list > ul > li .step{position:absolute;right:-7px;top:70px;}
.library_list > ul > li .info{text-align:right;margin-right:180px;overflow:hidden;background:#f8f8f8;position:relative;z-index:2;}
.library_list > ul > li .info .img{border:1px solid #bfbfbf;width:164px;height:135px;float:right;margin-bottom:15px;}
.library_list > ul > li .info .img img{}
.library_list > ul > li .info .txt{clear:both;}
.library_list > ul > li .info .txt strong{display:block;font-size:17px;color:#059867;letter-spacing:-1px;font-weight:400;padding-bottom:5px;}
.library_list > ul > li .info .txt p{font-size:15px;color:#595959;}
.library_list > ul > li.right{margin-left:50%;}
.library_list > ul > li.right .step{position:absolute;left:-7px;right:auto;}
.library_list > ul > li.right .info{float:none;text-align:left;margin-left:180px;margin-right:0;}
.library_list > ul > li.right .info .img{float:none;}
.library_list .info>.img>img{width: 100%;height: 100%;}

.table_write{border-top:1px solid #e5e5e5;margin-bottom:20px;}
.table_write table{width:100%;border-collapse:collapse}
.table_write table th{position:relative;padding:20px 0;border-bottom:1px solid #8bb748;font-size:16px;color:#276a05;line-height:150%;font-weight:500;}
.table_write table td{position:relative;padding:20px 10px;border-bottom:1px solid #e5e5e5;}
.table_write table td > input[type="text"]{border:0;width:95%;height:29px;line-height:29px;text-indent:5px;}
.table_write table td .img{position:absolute;left:10px;top:20px;}
.table_write table td .img input[type="file"]{position:absolute;left:-9999px;overflow:hidden;}
.table_write table td .img input[type="file"]:hover + label.open_file{border:1px solid #a6c7ff;}
.table_write table td .img input[type="file"]:focus + label.open_file{border:1px solid #a6c7ff;}
.table_write table td .img input[type="file"] + label.open_file{display:block;border:1px dashed #e7e7e7;width:128px;height:128px;text-align:center;}
.table_write table td .img input[type="file"] + label.open_file img{margin-top:0;position:relative;width: 100%;height: 100%;/* z-index:-1 */}
.table_write table td .txt{padding:0 0 0 160px;min-height:128px;}
.table_write table td .txt .period{padding-bottom:10px;}
.table_write table td .txt .period input[type="text"]{border:1px solid #c8c8ca;height:29px;line-height:29px;font-size:13px;color:#666;text-indent:5px;width:30%;}
.table_write table td .txt .period input[type="text"]+img{margin-left:-25px;position:absolute;margin-top:8px;}
.table_write table td .txt .textarea{}
.table_write table td .txt .textarea textarea{width:100%;border:0;height:85px;font-family:'Noto Sans KR';font-weight:300;line-height:150%;}

.list_style01 ul li{background:url(../img/ico_bul02.png) no-repeat left 12px;font-size:15px;color:#000;line-height:180%;padding-left:10px;}
.construction01 {max-width:800px;margin:0 auto;position:relative;}
.construction01 .bg_top {background:#fff;width:800px;height:20px;margin:0 auto;}
.construction01 .bg_mid {background:#fff;width:800px;height:20px;position:absolute;top:200px;}
.construction01 .bg_bottom {background:#fff;width:800px;height:43px;position:absolute;bottom:0;}
.construction01 .bg_left {background:#fff;width:25px;height:220px;position:absolute;top:20px;left:0;}
.construction01 .bg_right {background:#fff;width:42px;height:220px;position:absolute;top:20px;right:0;}
.construction01 .iframe {width:800px;height:220px;margin:0 auto;overflow:hidden;}
.construction01 .iframe iframe {width:100%;height:380px;margin-top:-200px;overflow:hidden;}
.construction01 .frame_mark {position:absolute;left:0;top:0;bottom:0;right:0;z-index:100;}
.construction01 .frame_mark a {text-indent:-9999px;overflow:hidden;position:absolute;left:620px;top:228px;width:120px;height:25px;}
.construction02 {max-width:925px;height:400px;margin:0 auto;padding:20px 0;}
.construction02 .h3_tit{font-size:23px;color:#448424;line-height:150%;padding-bottom:20px;font-weight:500;letter-spacing:-1px;font-weight:400;}
.construction02 .frame_text {float:left;width:48%;}
.construction02 .frame_text > img{width:100%;}
.construction02 .frame_text p {width:440px;padding:5px;text-align:center;background:#fff;font-size:14px;}
.construction02 .frame_text1 {float:right;width:48%;background:#fff;}
.construction02 .frame_text1 ul {border-top:2px solid #15304e;border-bottom:2px solid #15304e;}
.construction02 .frame_text1 li {line-height:47px;border-bottom:1px solid #ccc;padding-left:20px;}
.construction02 .frame_text1 strong {display:block;width:78px;float:left;}
.construction03 {max-width:925px;margin:0 auto;}
.construction03 h3 {font-size:24px;color:#020202;text-align:center;line-height:120%;padding-bottom:30px;}
.construction03 h3 span {display:block;font-size:16px;color:#363636;}
.construction03 .iframe {width:900px;height:506px;margin:0 auto;}
.construction03 .iframe iframe {width:100%;height:100%;}
.construction04 {max-width:925px;margin:0 auto;padding-top:50px;}
.construction04 img{width:100%;}

.summary {position:relative;min-height:270px;}
.summary .txt {padding:0 60% 35px 0;min-height:270px;}
.summary .txt h4 {font-size:40px;color:#000;padding-bottom:20px;font-weight:500;}
.summary .txt h4 span{font-size:20px;color:#666;}
.summary .txt p{font-size:15px;color:#000;}
.summary .txt p.sub_txt{font-size:17px;color:#f36e21;font-weight:400;background:url(../img/ico_bar04.png) no-repeat left top;padding-top:5px;margin-top:20px;}
.summary .txt p.sub_txt span{color:#666;}
.summary .txt .area {background:url(../img/ico_map.png) no-repeat left 23px;font-size:18px;padding:20px 30px;font-family:'맑은 고딕', 'Malgun Gothic', '돋움', 'dotum'}
.summary .img{position: absolute;right: 0;top: 10%;}

.space_wrap{position: relative;}
.section .img{position: absolute;right: 5%;top: 60px;}
.section .img > ul > li{display:none;}
.section .img > ul > li:first-child{display:block;}
.section .img > ul > li img{max-width: 100%;}
.img_area > ul{display: none;}
.img_area > ul:first-child{display: block;}
.img_area > ul > li{}
.img_area > ul > li:first-child{display:block;}
.img_area > ul > li img{max-width: 100%;}

.space_wrap .lookaround-preview{}
.space_wrap .lookaround-preview ul{overflow: hidden;margin-right: -1%;}
.space_wrap .lookaround-preview ul li{float: left;margin-right: 1%;}
.space_wrap .lookaround-preview ul li:nth-child(1){width: 49%;}
.space_wrap .lookaround-preview ul li:nth-child(2){width: 24%;}
.space_wrap .lookaround-preview ul li:nth-child(3){width: 24%;}
.space_wrap .lookaround-preview ul li p{}
.space_wrap .lookaround-preview ul li p img{width:100%;}

.lookaround-preview {overflow:hidden;margin-top:50px;margin-bottom:20px;}
.lookaround-preview .preview-01{margin-left:0;}
.lookaround-preview li {float:left;overflow:hidden;border-radius:15px;margin-top:5px;margin-left:5px;position: relative;}
.lookaround-preview span {display: block;position:relative;}
.lookaround-preview img {width: 100%;}
.lookaround-preview p {overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;white-space: nowrap;padding: 15px 0;}
.lookaround-preview p:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(34, 34, 34, 0.8);content: '';opacity: .8;}
.lookaround-preview strong {position: relative;z-index: 1;}

.pop_space{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:url(../img/bg_gray.png) repeat left top;z-index:100000}
.pop_space .in{width:864px;background:#fff;position:absolute;left:50%;top:50%;margin:-330px 0 0 -462px;padding:30px;}
.pop_space .in > ul > li:first-child{display:block}
.pop_space .in > ul > li{display:none;}
.pop_space .in > ul > li h4{font-size:20px;color:#000;line-height:150%;font-weight:300;padding-bottom:10px;}
.pop_space .in > ul > li h4 strong{font-size: 25px;color:#f36e21;}
.pop_space .in > ul > li p.sub_txt{font-size:15px;color:#000;line-height:150%;padding-bottom:10px;}
.pop_space .in > ul > li .img{text-align:center;padding: 30px 0;}
.pop_space .in > ul > li > ul{padding-bottom:20px;}
.pop_space .in > ul > li > ul > li{background:url(../img/ico_bul02.png) no-repeat left 10px;font-size:15px;color:#000;line-height:150%;padding-left:10px;}
.pop_space .in .close_pop_space{position:absolute;right:10px;top:10px;}

.watch_guide > .section{padding-bottom:50px;}
.watch_guide > .section h4{font-size:40px;color:#000;line-height:150%;font-weight:200;padding-bottom:20px;}
.watch_guide > .section .sub_txt{font-size:17px;color:#6dc820;font-weight:400;line-height:150%;padding-bottom:15px;margin-bottom:18px;background:url(../img/ico_bar04.png) no-repeat left bottom;}
.watch_guide > .section .info{font-size:14px;color:#519a14;padding:10px 0;font-weight:500;}
.watch_guide > .section .img_area{padding-bottom:20px;}
.watch_guide > .section .img_area img{}

.watch_guide02 > .section{padding-bottom:50px;}
.watch_guide02 > .section h4{font-size:26px;color:#000;line-height:150%;font-weight:500;padding-bottom:20px;}
.watch_guide02 > .section h4 span{font-weight:200;}
.watch_guide02 > .section .info{font-size:17px;color:#6dc820;font-weight:400;}

.convenient_wrap > ul{overflow:hidden;margin-left:-2%;}
.convenient_wrap > ul > li{float:left;width:23%;margin-left:2%;}
.convenient_wrap > ul > li > .item{border:1px solid #ebebeb;border-top:3px solid #276a05;text-align:center;height:308px;}
.convenient_wrap > ul > li > .item > .img img{width:100%;}
.convenient_wrap > ul > li > .item > .txt strong{display:block;padding:12px 0;font-size:18px;color:#000;line-height:120%;font-weight:500;}
.convenient_wrap > ul > li > .item > .txt p{font-size:15px;color:#3e3e3e;padding:0 10px 20px 10px;}

.pop_subscription{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:url(../img/bg_gray.png) repeat left top;}
.pop_subscription .in{width:725px;height:158px;background:#fff;position:absolute;left:50%;top:50%;margin:-80px 0 0 -362px;}
.pop_subscription .in .close_pop_subscription{position:absolute;right:10px;top:10px;}
.pop_subscription .in h3{font-size:25px;color:#276a05;font-weight:300;text-align:center;padding:25px 0;}
.pop_subscription .in .form{text-align:center;}
.pop_subscription .in .form input[type="text"]{border:1px solid #d4d4d4;border-radius:3px;overflow:hidden;height:33px;line-height:33px;text-indent:5px;font-size:15px;width:50%;}
.pop_subscription .in .form button{border:0;background:#276a05;color:#fff;font-size:15px;padding:0 15px;height:35px;line-height:35px;border-radius:3px;letter-spacing:-1px;}

/*
.research_wrap > .section{margin-bottom:10px;border:1px solid #ebebeb;position:relative;overflow:hidden;border-radius:15px;}
.research_wrap > .section .img{position:absolute;left:0;top:0;}
.research_wrap > .section .txt{padding:25px 25px 25px 360px;}
.research_wrap > .section .txt strong{display:block;font-size:26px;color:#000;line-height:150%;font-weight:500;letter-spacing:-1px;padding-bottom:5px;}
.research_wrap > .section .txt p{font-size:16px;color:#3e3e3e;line-height:150%;}
.research_wrap .section1 img{max-width: 100%;}
*/

.research_wrap{}
.research_wrap .section1{text-align: center;}
.research_wrap .section1 img{max-width: 100%;}
.research_wrap .office{}
.research_wrap .office p{text-align: center;color: #000;background: url(../img/bg_office.png) no-repeat center;background-size: contain;padding: 15px 0;margin: 0 auto;max-width: 570px;}
.research_wrap .office p strong{font-size: 24px;display: block;padding-top: 5px;}
.research_wrap .office p span{display: block;font-size: 14px;line-height: 150%;}
.research_wrap .office p span:last-child{padding-bottom: 10px;}
.research_wrap .office ul{overflow: hidden;text-align: center;padding: 30px 0;margin-left: -2%;}
.research_wrap .office ul li{float: left;width: 31.33%;margin-left: 2%;}
.research_wrap .office ul li img{max-width: 100%;}
.research_wrap .research_list{padding: 50px 55px 0;}
.research_wrap .research_list ul{overflow: hidden;}
.research_wrap .research_list ul li{position: relative;/* height: 330px; */padding-bottom: 50px;display: flex;/* gap: 50px; */gap: 20px;}
.research_wrap .research_list ul li .img.left{/* float: left; *//* width: 50%; *//* margin-right: 50%; */ flex: 1;}
.research_wrap .research_list ul li .img.right{/* float: right; *//* width: 50%; *//* margin-left: 50%; */flex: 1;order: 2;}
.research_wrap .research_list ul li .img img{max-width: 100%;}
.research_wrap .research_list ul li .txt{/* width: 520px; */background: #fff;color: #000;}
.research_wrap .research_list ul li .txt.left{/* position: absolute; *//* left: 0; *//* top: 22px; */flex: 1;order: 1;}
.research_wrap .research_list ul li .txt.right{/* position: absolute; *//* right: 0; *//* top: 22px; */flex: 1;}
.research_wrap .research_list ul li .txt.right strong{margin-left: 40px;}
.research_wrap .research_list ul li .txt.right p{padding-left: 40px;}
.research_wrap .research_list ul li .txt strong{display: block; font-size: 24px;padding: 30px 0;background: url(../img/bg_research_tit.png) no-repeat left 20px;}
.research_wrap .research_list ul li .txt p{font-size: 14px;/* padding-bottom: 50px; */}
.research_wrap .research_list ul li .txt p span{font-size: 16px;}
.research_wrap .research_list ul li:last-child .txt p{padding-bottom: 90px;}

.organization_wrap .img_area{max-width:734px;margin:0 auto 60px auto;}
.organization_wrap .img_area img{width:100%;}
.organization_wrap .organization_table #dept_caption2{background:#f7f8f9;font-size:14px;color:#666;text-align:left;padding:10px 30px;border-bottom:1px solid #d1d1d1;border-top:2px solid #555;font-weight:600;}
.organization_wrap .organization_table table{width:100%;border-collapse:collapse;}
.organization_wrap .organization_table table caption{background:#f7f8f9;font-size:14px;color:#666;text-align:left;padding:10px 30px;border-bottom:1px solid #d1d1d1;border-top:2px solid #555;font-weight:600;}
.organization_wrap .organization_table table th{border-bottom:1px solid #d1d1d1;padding:10px 0;}
.organization_wrap .organization_table table td{text-align:center;padding:10px 0;border-bottom:1px solid #d1d1d1;}
.organization_wrap .organization_table table td.left{text-align:left;padding-left:10px;}

/* 추가 css 171108 */
.todayGarden > ul{overflow:hidden;margin-left:-1.5%;}
.todayGarden > ul > li{float:left;width:23.5%;margin-left:1.5%;margin-bottom:1.5%;}
.todayGarden > ul > li a{display:block;border:1px solid #ebebeb;}
.todayGarden > ul > li a .img{height:0;padding-bottom:75%;overflow:hidden;}
.todayGarden > ul > li a .img img{width:100%;}
.todayGarden > ul > li a .txt{padding:10px;}
.todayGarden > ul > li a .txt strong{display:block;font-size:18px;color:#000;line-height:150%;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.todayGarden > ul > li a .txt .date{font-size:14px;color:#3e3e3e;line-height:150%;}

.location{color:#000;}
.location .map_area{position: relative;margin-bottom: 50px;border: 1px solid #ddd;box-sizing: border-box;}
.location .map_area .map {text-align: center;margin-bottom: 50px;height:400px;border:1px solid #ddd;}
.location .map_area .map img{width:70%;}
.location .map_area .btn{padding-bottom:20px;text-align:right;position: absolute;left:175px;bottom:40px;}
.location .map_area .btn a{display:inline-block;color:#fff;font-size:15px;color:#fff;line-height:35px;height:35px;border-radius:3px;}
.location .location_info h2{font-size: 26px;color: #000;padding-bottom: 30px;font-weight: 500;}
.location .location_info h2 span{font-size:20px;padding-left:20px;}
.location .location_info > ul > li{padding-bottom:50px;}
.location .location_info > ul > li h4{font-size:18px;line-height:150%;padding-bottom:20px;margin-bottom:20px;font-weight:500;letter-spacing:-1px;color:#000;border-bottom:1px solid #ddd;}
.location .location_info > ul > li h4 span{font-size: 16px;font-weight: 400;margin-left: 15px;}
.location .location_info > ul > li h4 img{height:50px;vertical-align:bottom;}
.location .location_info > ul > li p {font-size:16px;line-height:150%;display: block;padding-bottom: 15px;}
.location .location_info > ul > li > ul{}
.location .location_info > ul > li > ul .location_bus {float: left;padding-right: 25px;}
.location .location_info > ul > li > ul > li{font-size:16px;line-height: 180%;}
.location .location_info > ul > li > ul > li .line5 {color: #fff;background: #933fbb;border-radius: 14px;padding: 0 11px;margin-right: 10px;font-size: 13px;}
.location .location_info > ul > li > ul > li .line9 {color: #fff;background: #bf9f1e;border-radius: 14px;padding: 0 11px;margin-right: 10px;font-size: 13px;}
.location .location_info > ul > li > ul > li .line10 {color: #fff;background: #70b7e5;border-radius: 14px;padding: 0 11px;margin-right: 10px;font-size: 13px;}
.location .location_info > ul > li > ul > li strong{display: block;padding-right: 10px;float: left;}
.location .location_info > ul > li > ul > li img{display: inline-block;padding: 5px 5px 0 0;}
.location .location_info > ul > li > ul > li h3{font-size: 18px;color: #000;font-weight: 400;line-height: 150%;padding: 10px 0;}
.location .location_info > ul > li > ul > li table{width:100%;border-collapse:collapse;margin: 15px 0;/*table-layout: fixed;*/}
.location .location_info > ul > li > ul > li table th{font-size:16px;color:#000;line-height:150%;padding:15px 0;border-bottom:1px solid #b7b7b7;font-weight:normal;border-top:1px solid #b7b7b7;text-align: center;}
.location .location_info > ul > li > ul > li table th span{font-weight:300;}
.location .location_info > ul > li > ul > li table td{font-size:14px;color:#000;line-height:150%;padding:15px 0;border-bottom:1px solid #d2d2d2;}
.location .location_info > ul > li > ul > li table td.center{text-align: center;}
.location .location_info > ul > li > ul > li table td.big{font-size: 16px;}
.location .location_info > ul > li > ul.bus_info{overflow:hidden;margin-left:-2%;}
.location .location_info > ul > li > ul.bus_info > li{float:left;width:31.33%;margin-left:2%;}


.useInfo{}
.useInfo.w1090{width: 1090px;margin: 0 auto;}
.useInfo .info{padding: 45px 0;text-align: center;}
.useInfo .info img{max-width: 100%;}
.useInfo .info_txt{padding-bottom:45px}
.useInfo .info_txt ul li{font-size:16px;line-height:150%;padding-bottom:5px;background:url(../img/ico_bul04.png) no-repeat left 12px;padding-left:10px;}
.useInfo .info_txt ul li > strong{display:block;font-weight:500;font-size:18px;line-height:150%;color:#000;}
.useInfo .info_txt ul li .table_list03{border-top:1px solid #9bbb59;border-bottom:1px solid #d1d8dc;margin:15px 0 30px;overflow:hidden;display:inline-block;width:100%;}
.useInfo .info_txt ul li .table_list03 + .add-delete{margin-top:-15px;}
.row .table{padding:0;}
.useInfo .info_txt ul li .table_list03 table{width:100%;margin:-1px;border-collapse:collapse;table-layout:fixed;text-align:center;}
.useInfo .info_txt ul li .table_list03.endclose table{width:100%;margin-left:0;}
.useInfo .info_txt ul li .table_list03 thead{border-bottom:1px solid #d1d8dc;}
.useInfo .info_txt ul li .table_list03 thead th{padding:17px 5px;color:#9bbb59;font-size:1.125em;font-weight:500;position:relative;}
.useInfo .info_txt ul li .table_list03 thead th:before{content:"";display:block;width:1px;height:16px;background-color:#d1d8dc;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.useInfo .info_txt ul li .table_list03 tbody th{border-bottom:1px solid #d1d8dc;color:#333;font-weight:bold;}
.useInfo .info_txt ul li .table_list03 td{padding:15px 7px;border-bottom:1px solid #d1d8dc;}
.useInfo .info_txt ul li .table_list03 td.gray{background:#f8f8f8;}
.useInfo .info_txt ul li .table_list03 .indent{padding-left:20px;}
.useInfo .info_txt ul li .table_list03 span.note{position:absolute;right:0;top:0;}
.useInfo .info_txt ul li .table_list03 .note{margin-top:10px;font-size:0.929em;}
.useInfo .info_txt ul li .table_list03.responsive table {min-width:740px;}
.useInfo .info_txt ul li .table_list03::-webkit-scrollbar-track, .snb .depth3::-webkit-scrollbar-track { background-color: #ddd; }
.useInfo .info_txt ul li .table_list03::-webkit-scrollbar, .snb .depth3::-webkit-scrollbar { height: 5px; }
.useInfo .info_txt ul li .table_list03::-webkit-scrollbar-thumb, .snb .depth3::-webkit-scrollbar-thumb { background-color: #999; }
.useInfo .info_txt ul li .table_list03 caption {font-size: 0;color: transparent;width: 0;height: 0;position: absolute;}
.useInfo .info_txt ul li .table_list03 td .orange{color: #e46c0a;}
p.note {font-weight: 500;color: #e46c0a;}
.note {padding-left: 28px;position: relative;}
.note:before {content: "";display: block;width: 22px;height: 22px;background: url(/front/img/bullet.png) no-repeat 0 0;position: absolute;left: 0;}
.useInfo .info_txt ul li .table_list02{padding-bottom:10px;padding-top:5px;}
.useInfo .info_txt ul li .table_list02 table{width:100%;border-collapse:collapse;}
.useInfo .info_txt ul li .table_list02 table th{font-weight:400;font-size:16px;text-align:center;border:1px solid #fff;padding:15px 10px;background:#9bbb59;color:#fff;}
.useInfo .info_txt ul li .table_list02 table td{font-size:16px;text-align:center;border:1px solid #fff;padding:15px 10px;background:#dee7d1;color:#666;}
.useInfo .info_txt ul li .table_list02 table td strong{font-weight:500;color:#e46c0a;}
.useInfo .section{padding-bottom:25px;color:#000;}
.useInfo .section h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.useInfo .section h4 span{font-weight:300;}
.useInfo .section h5 {font-size:18px;line-height:150%;margin-bottom:10px;color:#000;font-weight:500;letter-spacing:-1px;position: relative;background: #f7f7f7;padding: 20px 50px 20px 30px;border-radius: 10px;border: 1px solid #dce3e6;}
.useInfo .section h5 a{position: absolute;right: 20px;background: url(../img/bg_btn_site1.png) no-repeat right 4px;}
.useInfo .section h5 a img{width:28px;}
.useInfo .section h5 .on {background-position: right -75px;}
.useInfo .section > div.list > ul{display: block;}
.useInfo .section > div > ul {display: none;padding: 10px;margin-bottom: 10px;}
.useInfo .section > div > ul > li{background:url(../img/ico_bul01.png) no-repeat left 12px;font-size:16px;padding:0 0 5px 10px;color:#323232;font-weight:400;}
.useInfo .section > div > ul > li > img{width:28px;padding-right:7px;}
.useInfo .section > div > ul .char{background: none;color:#b2b2b2;font-size: 13px;}
.useInfo .section .list05 ul{overflow:hidden;padding:20px 10px;}
.useInfo .section .list05 ul li{float:left;margin-right:20px;background: none;}
.useInfo .rental{}
.useInfo .rental h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.useInfo .rental .list06 h5 {font-size:18px;line-height:150%;margin-bottom:10px;color:#000;font-weight:500;letter-spacing:-1px;position: relative;}
.useInfo .rental .list06 > ul {margin: 0 0 15px 10px;}
.useInfo .rental .list06 > ul > li{background:url(../img/ico_bul01.png) no-repeat left 12px;font-size:16px;padding:0 0 5px 10px;color:#323232;font-weight:400;}
.useInfo .rental .list06 > ul > li > img{width:28px;padding-right:7px;}
.useInfo .box_col h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.useInfo .box_col.col1 {padding-bottom: 25px;}
.useInfo .box_col.col1 > ul {overflow: hidden;padding: 30px;border: 1px solid #d2d2d2;}
.useInfo .box_col.col1 > ul > li {display: inline-block;float: left;width: 33.33%;padding-bottom: 10px;}
.useInfo .box_col.col1 > ul > li > span {display: block;float: right;width: 70%;color: #5d5d5d;margin-top: 15px;letter-spacing: -1px;}

/* 200410 */
.useInfo .section .note01 .tit{background: #276a05;}
.useInfo .section .note02 .tit{background: #f36e21;}
.useInfo .section .note03{background: #f7f7f7;border: 1px solid #dee4e7;border-radius: 10px;padding: 25px 30px;}
.useInfo .section .note03 p{font-size: 18px;color: #000;font-weight: 500;}
.useInfo .section > div{}
.useInfo .section > div .tit{font-size: 17px;color: #fff;font-weight: 700;padding: 15px 0;text-align: center;border-radius: 10px;margin-bottom: 10px;}
.useInfo .section > div .list{margin-bottom: 35px;}
.useInfo .section > div .list ul{margin-left: -1%;}
.useInfo .section > div .list ul:after{content: '';display:block;clear: both;}
.useInfo .section > div .list ul li{float: left;width: 15.66%;margin-left: 1%;background: #f7f7f7;border: 1px solid #dee4e7;box-sizing: border-box;border-radius: 10px;height: 220px;background-repeat: no-repeat;background-position: top 30px center;}
.useInfo .section > div .list ul.note01_list li{width: 24%;}
.useInfo .section > div .list ul li.note01_list01{background-image: url(../img/img_note01_list01.png);}
.useInfo .section > div .list ul li.note01_list02{background-image: url(../img/img_note01_list02.png);}
.useInfo .section > div .list ul li.note01_list03{background-image: url(../img/img_note01_list03.png);}
.useInfo .section > div .list ul li.note01_list04{background-image: url(../img/img_note01_list04.png);}
.useInfo .section > div .list ul li.note01_list05{background-image: url(../img/img_note01_list05.png);}
.useInfo .section > div .list ul li.note01_list06{background-image: url(../img/img_note01_list06.png);}
.useInfo .section > div .list ul li.note02_list01{background-image: url(../img/img_note02_list01.png);}
.useInfo .section > div .list ul li.note02_list02{background-image: url(../img/img_note02_list02.png);}
.useInfo .section > div .list ul li.note02_list03{background-image: url(../img/img_note02_list03.png);}
.useInfo .section > div .list ul li.note02_list04{background-image: url(../img/img_note02_list04.png);}
.useInfo .section > div .list ul li.note02_list05{background-image: url(../img/img_note02_list05.png);}
.useInfo .section > div .list ul li.note02_list06{background-image: url(../img/img_note02_list06.png);}
.useInfo .section > div .list ul li p{text-align: center;font-size: 17px;color: #000;font-weight: 400;padding-top: 140px;line-height: 130%;}
.useInfo .section > div .list ul li strong{display: block;text-align: center;font-size: 14px;color: #888888;}
.useInfo .section > div .list ul li span{display: block;text-align: center;font-size: 12px;color: #888888;}




.newsletter_top{background:url(../img/bg_newsletter_top.jpg) no-repeat left top;padding:0 30px;margin-bottom:30px;}
.newsletter_top .inner{background:url(../img/bg_newsletter01.png) no-repeat right bottom;padding-bottom:20px;}
.newsletter_top .inner h4{font-size:20px;color:#fff;font-weight:500;padding:20px 0;}
.newsletter_top .inner p{font-size:15px;color:#fff;line-height:150%;padding-bottom:20px;}
.newsletter_top .inner .btn a{display:inline-block;border:1px solid #9d86ac;padding:8px 15px;color:#fff;font-size:14px;margin-right:15px;}
.newsletter_list > ul{overflow:hidden;margin-left:-2.5%;}
.newsletter_list > ul > li{float:left;width:22.5%;margin-left:2.5%;margin-bottom:2.5%;}
.newsletter_list > ul > li > a{display:block;border:1px solid #d6d6d6;border-top:2px solid #276a05;}
.newsletter_list > ul > li > a .tit{padding:0 0 10px 0;margin-bottom:20px;font-size:14px;color:#000;}
.newsletter_list > ul > li > a .img{height:200px;overflow:hidden;margin-bottom:15px;}
.newsletter_list > ul > li > a .img img{width:100%;}
.newsletter_list > ul > li > a .txt{font-size:20px;color:#000;font-weight:300;padding:10px 20px 20px 20px;background:url(../img/bg_newsletter_list.png) no-repeat 20px top;}
.pop_newsletter{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:url(../img/bg_gray.png) repeat left top;}
.pop_newsletter .inner{background:#fff;position:absolute;left:50%;top:50%;width:720px;height:160px;margin:-80px 0 0 -360px}
.pop_newsletter .inner .close_pop{position:absolute;right:10px;top:10px;}
.pop_newsletter .inner h4{text-align:center;font-size:25px;color:#276a05;line-height:150%;font-weight:300;padding:25px 0 25px 0;letter-spacing:-1px;}
.pop_newsletter .inner .subscribe{max-width:500px;margin:0 auto;position:relative;}
.pop_newsletter .inner .subscribe > span{display:block;margin-right:100px;border:1px solid #d4d4d4;}
.pop_newsletter .inner .subscribe > span input[type="text"]{width:100%;border:0;font-size:12px;height:33px;line-height:33px;text-indent:5px;}
.pop_newsletter .inner .subscribe > button{position:absolute;right:0;top:0;background:#276a05;color:#fff;font-size:15px;font-weight:500;width:90px;height:35px;line-height:35px;text-align:center;border-radius:3px;border:0;vertical-align:top;}

.greetings{background:url(../img/bg_greetings.png) no-repeat right bottom;padding-bottom:270px;}
.greetings h4{font-size:26px;color:#262626;line-height:150%;font-weight:400;display:block;padding-bottom:10px;}
.greetings h4 strong{display:inline-block;font-size:30px;color:#fe6d10;font-weight:500;}
.greetings .txt{font-size:16px;color:#222;line-height:170%;}
.greetings .txt .green{color:#277300;font-weight:500;}
.greetings .txtsin {text-align: center;}

.progress_tab{padding-bottom: 50px;width: 65%;margin: 0 auto;}
.progress_tab ul{overflow: hidden;}
.progress_tab ul li{float: left;width: 31.33%;margin: 0 1%; text-align: center;}
.progress_tab ul li a{display: block;font-size: 16px;font-weight: 400;padding: 10px 20px;border: 1px solid #000;border-radius: 50px;}
.progress_tab ul li a:hover{border: 1px solid #fe6d10;color:#fe6d10;font-weight: 500;}
.progress_tab ul li a.active{border: 1px solid #fe6d10;color:#fe6d10;font-weight: 500;}

.rental_tab{padding: 50px 0 10px 0;width: 65%;margin: 0 auto;}
.rental_tab ul{overflow: hidden;}
.rental_tab ul li{float: left;width: 22%;margin: 0 1%; text-align: center;}
.rental_tab ul li{display: block;font-size: 16px;font-weight: 400;padding: 10px 20px;border: 1px solid #000;border-radius: 50px;}



.progress_wrap{max-width:1090px;margin:0 auto;}
.progress_wrap h2{text-align:center;}
.progress_wrap h2 span{display:inline-block;font-size:20px;color:#fe6d10;border:2px solid #fe6d10;border-radius: 50px;padding:5px 30px;}
.progress_list {position:relative;background:url(../img/bg_progress_list.png) repeat-y center top;padding-top: 30px;}
.progress_list > ul {}
.progress_list > ul > li{width: 48%;}
.progress_list > ul > li.left{margin-left: 50%;padding-left: 2%;}
.progress_list > ul > li.left .txt{text-align: left;}
.progress_list > ul > li.right{margin-right: 50%;padding-right: 2%;}
.progress_list > ul > li.right .txt{text-align: right;}
.progress_list > ul > li .txt{}
.progress_list > ul > li .txt > ul{}
.progress_list > ul > li .txt > ul > li{position: relative;}
.progress_list > ul > li.left .txt > ul > li:before{content: '';width: 20px;height: 20px;background: url(../img/ico_diamond.png) no-repeat;position: absolute;left: -29px;top: 10px;}
.progress_list > ul > li.right .txt > ul > li:before{content: '';width: 20px;height: 20px;background: url(../img/ico_diamond.png) no-repeat;position: absolute;right: -34px;top: 10px;}
.progress_list > ul > li .txt > ul > li > strong{font-size:25px;line-height:150%;display:block;padding-bottom:3px;color:#fe6d10;}
.progress_list > ul > li .txt > ul > li > p{font-size:16px;line-height:150%;color:#000;padding-bottom: 10px;}
.progress_list > ul > li .txt > ul > li > .img{max-height: 230px;overflow: hidden;}
.progress_list > ul > li .txt > ul > li > .img > img{max-width: 80%;}

.vision .section{padding-bottom:50px;}
.vision .section h4{font-size:32px;color:#000;line-height:150%;padding-bottom:45px;font-weight:400;}
.vision .section .vision_img{text-align: center;padding-top: 50px;}
.vision .section .vision_img img{max-width: 100%;}
.vision .section .vision_img > ul{overflow:hidden;}
.vision .section .vision_img > ul > li{float:left;width:20%;margin-right:5%;text-align:center;}
.vision .section .vision_img > ul > li > p{position: relative;}
.vision .section .vision_img > ul > li > p:after{content: '';width: 35px;height: 20px;background: url(../img/img_vision_bg.png) no-repeat;position: absolute;right: -40px;top: 120px;}
.vision .section .vision_img > ul > li:last-child > p:after{background: none;}
.vision .section .vision_img > ul > li > span{font-size:16px;color:#000;}
.vision .section p{line-height:180%;font-size:16px;color:#222;padding-bottom:20px;}
.vision .vision_list ul{overflow: hidden;line-height: 100px;}
.vision .vision_list ul li{float: left;width: 33.3333%;text-align: center;background-repeat: no-repeat;background-position:center;height: 450px;}
.vision .vision_list ul li.vision_list01{background-image: url(../img/vision_list01.jpg);}
.vision .vision_list ul li.vision_list02{background-image: url(../img/vision_list02.jpg);}
.vision .vision_list ul li.vision_list03{background-image: url(../img/vision_list03.jpg);}
.vision .vision_list ul li a{display: block;}
.vision .vision_list ul li a h5{font-size: 28px;line-height: 120%;color: #fff;padding:100px 0 30px 0;}
.vision .vision_list ul li a h5 strong{display: block;font-size: 16px;color: #fe6d10;font-weight: 500;background: url(../img/vision_tit_bg.png) no-repeat center;padding: 10px 0;}
.vision .vision_list ul li a p{display: none;}
.vision .vision_list ul li a p span{display: block;font-size: 16px;color: #fff;padding: 0 10px;}
.vision .img_area{padding-bottom:50px;}
.vision .img_area ul{overflow:hidden;}
.vision .img_area ul li{float:left;width:25%;text-align:center;}
.vision .img_area ul li span{display:block;}

.space_wrap .section{padding:50px 0;}
.space_wrap .section h4{font-size:32px;color:#000;line-height:150%;padding-bottom:45px;font-weight:400;}
.space_wrap .section .img_area{text-align: center;padding-top: 50px;}
.space_wrap .section .img_area img{max-width: 100%;}
.space_wrap .section .img_area > ul{overflow:hidden;}
.space_wrap .section .img_area > ul > li{float:left;width:20%;margin-right:5%;text-align:center;}
.space_wrap .section .img_area > ul > li > p{position: relative;}
.space_wrap .section .img_area > ul > li > p:after{content: '';width: 35px;height: 20px;background: url(../img/img_vision_bg.png) no-repeat;position: absolute;right: -40px;top: 120px;}
.space_wrap .section .img_area > ul > li:last-child > p:after{background: none;}
.space_wrap .section .img_area > ul > li > span{font-size:16px;color:#000;}
.space_wrap .section p{line-height:170%;font-size:16px;color:#222;padding-bottom:20px;}

.space_wrap .vision_list ul{overflow: hidden;line-height: 100px;}
.space_wrap .vision_list ul li{float: left;width: 25%;text-align: center;background-repeat: no-repeat;background-position:center;height: 450px;}
.space_wrap .vision_list ul li.vision_list01{background-image: url(../img/botanicGarden_01.jpg);}
.space_wrap .vision_list ul li.vision_list02{background-image: url(../img/botanicGarden_02.jpg);}
.space_wrap .vision_list ul li.vision_list03{background-image: url(../img/botanicGarden_03.jpg);}
.space_wrap .vision_list ul li.vision_list04{background-image: url(../img/botanicGarden_04.jpg);}
.space_wrap .vision_list ul li.vision_list05{background-image: url(../img/botanicGarden_05.jpg);}
.space_wrap .vision_list ul li.vision_list06{background-image: url(../img/botanicGarden_06.jpg);}
.space_wrap .vision_list ul li.vision_list07{background-image: url(../img/botanicGarden_07.jpg);}
.space_wrap .vision_list ul li.vision_list08{background-image: url(../img/botanicGarden_08.jpg);}
.space_wrap .vision_list ul li.vision_list09{background-image: url(../img/botanicGarden_09.jpg);}
.space_wrap .vision_list ul li.vision_list10{background-image: url(../img/botanicGarden_10.jpg);}
.space_wrap .vision_list ul li a{display: block;}
.space_wrap .vision_list ul li a h5{font-size: 28px;line-height: 120%;color: #fff;padding:100px 0 30px 0;}
.space_wrap .vision_list ul li a h5 strong{display: block;font-size: 16px;color: #fe6d10;font-weight: 500;background: url(../img/vision_tit_bg.png) no-repeat center;padding: 10px 0;}
.space_wrap .vision_list ul li a p{display: none;}
.space_wrap .vision_list ul li a p span{display: block;font-size: 16px;color: #fff;}
.space_wrap .vision_list.three ul li{float: left;width: 33.33%;text-align: center;background-repeat: no-repeat;background-position:center;height: 450px;}

.manage h4{font-size:32px;color:#262626;line-height:150%;font-weight:400;display:block;padding-bottom:15px;}
.manage h4 strong{display:inline-block;color:#fe6d10;font-weight:500;}
.manage .txt{font-size:16px;color:#222;line-height:150%;}
.manage_list{overflow:hidden;padding-top: 50px;}
.manage_list ul li{float:left;width:19.5%;margin-right:0.5%;margin-bottom:0.5%;height:215px;background-repeat:no-repeat;position:relative;}
.manage_list ul li a.sub_list01{background-image: url(../img/sub_list01.jpg);}
.manage_list ul li a.sub_list01:hover{background-image: url(../img/sub_list01_1.jpg);}
.manage_list ul li a.sub_list01:focus{background-image: url(../img/sub_list01_1.jpg);}
.manage_list ul li a.sub_list02{background-image: url(../img/sub_list02.jpg);}
.manage_list ul li a.sub_list02:hover{background-image: url(../img/sub_list02_1.jpg);}
.manage_list ul li a.sub_list02:focus{background-image: url(../img/sub_list02_1.jpg);}
.manage_list ul li a.sub_list03{background-image: url(../img/sub_list03.jpg);}
.manage_list ul li a.sub_list03:hover{background-image: url(../img/sub_list03_1.jpg);}
.manage_list ul li a.sub_list03:focus{background-image: url(../img/sub_list03_1.jpg);}
.manage_list ul li a.sub_list04{background-image: url(../img/sub_list04.jpg);}
.manage_list ul li a.sub_list04:hover{background-image: url(../img/sub_list04_1.jpg);}
.manage_list ul li a.sub_list04:focus{background-image: url(../img/sub_list04_1.jpg);}
.manage_list ul li a.sub_list05{background-image: url(../img/sub_list05.jpg);}
.manage_list ul li a.sub_list05:hover{background-image: url(../img/sub_list05_1.jpg);}
.manage_list ul li a.sub_list05:focus{background-image: url(../img/sub_list05_1.jpg);}
.manage_list ul li a.sub_list06{background-image: url(../img/sub_list06.jpg);}
.manage_list ul li a.sub_list06:hover{background-image: url(../img/sub_list06_1.jpg);}
.manage_list ul li a.sub_list06:focus{background-image: url(../img/sub_list06_1.jpg);}
.manage_list ul li a.sub_list07{background-image: url(../img/sub_list07.jpg);}
.manage_list ul li a.sub_list07:hover{background-image: url(../img/sub_list07_1.jpg);}
.manage_list ul li a.sub_list07:focus{background-image: url(../img/sub_list07_1.jpg);}
.manage_list ul li a.sub_list08{background-image: url(../img/sub_list08.jpg);}
.manage_list ul li a.sub_list08:hover{background-image: url(../img/sub_list08_1.jpg);}
.manage_list ul li a.sub_list08:focus{background-image: url(../img/sub_list08_1.jpg);}
.manage_list ul li a.sub_list09{background-image: url(../img/sub_list09.jpg);}
.manage_list ul li a.sub_list09:hover{background-image: url(../img/sub_list09_1.jpg);}
.manage_list ul li a.sub_list09:focus{background-image: url(../img/sub_list09_1.jpg);}
.manage_list ul li a.sub_list10{background-image: url(../img/sub_list10.jpg);}
.manage_list ul li a.sub_list10:hover{background-image: url(../img/sub_list10_1.jpg);}
.manage_list ul li a.sub_list10:focus{background-image: url(../img/sub_list10_1.jpg);}
.manage_list ul li a .tit{position:absolute;left:50%;bottom:20px;transform: translateX(-50%);font-size: 18px;color:#fe6d10;font-weight: 500;}
.manage_list ul li a .txt{display:none;padding:25px;text-align:center;color:#fff;font-size:15px;}
.manage_list ul li a:hover .tit{display:none}
.manage_list ul li a:hover .txt{display:block}
.manage_list ul li a:focus .tit{display:none}
.manage_list ul li a:focus .txt{display:block}
.manage_list ul li a .txt span{color:#fe6d10;font-weight: 500;}
.manage_list ul li a{display:block;width:100%;height:100%;}

.exhibit{overflow: hidden;}
.exhibit > h2{font-size:32px;color:#000;line-height:150%;padding-bottom:20px;font-weight:400;}
.exhibit .left{float: left;width: 45%;margin-right: 5%;}
.exhibit .left p{padding-top: 20px;font-size: 16px;}
.exhibit .left p img{max-width: 100%;}
.exhibit .right{float: left;width:50%;}
.exhibit .right .img_box{overflow: hidden;}
.exhibit .right .img_box ul{float: left;width: 48%;margin-left: 2%;}
.exhibit .right .img_box ul li{}
.exhibit .right .img_box ul li img{max-width: 100%;}
.exhibit_img{padding: 40px 0;}
.exhibit_img p{text-align: center;}
.exhibit_img p img{max-width: 100%;}
.special_exhibit{}
.special_exhibit h2{font-size:32px;color:#000;line-height:150%;padding-bottom:20px;font-weight:400;}

.exhibit_list h2{font-size: 26px;color: #f36e21;font-weight: 500;padding-bottom: 15px;}
.exhibit_list table{width:100%;margin-bottom:50px;border-collapse:collapse;}
.exhibit_list table tr:first-child{border-top:2px solid #9c9997;}
.exhibit_list table tr:last-child{border-bottom:2px solid #9c9997;}
.exhibit_list table th{font-size:16px;color:#000;background: #ebebeb;line-height:150%;padding:15px 5px;font-weight:normal;}
.exhibit_list table td{font-size:16px;color:#000;line-height:150%;padding:15px 5px;text-align:center;border-bottom:1px solid #d2d2d2;}
.exhibit_list table tr td.bg2{background: #ffe6cb;border-bottom:1px solid #fff;}
.exhibit_list table tr td.bg3{background: #fed1a7;border-bottom:1px solid #fff;}
.exhibit_list table td.left{text-align:left;color: #000;}

.shoot_wrap > h4 {font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.shoot_wrap > h4 strong{font-size: 18px;}
.shoot_wrap > ul > li{padding-bottom:50px;position:relative;min-height:235px;}
.shoot_wrap > ul > li .img{position:absolute;left:0;top:0;}
.shoot_wrap > ul > li .txt{padding:0 0 0 290px;}
.shoot_wrap > ul > li .txt > a{text-align:right;display:inherit;}
.shoot_wrap > ul > li .txt > strong{display:block;font-size:18px;color:#000;line-height:150%;letter-spacing:-1px;font-weight:500;}
.shoot_wrap > ul > li .txt > .info{line-height:150%;font-size:16px;color:#000;line-height:150%;padding-bottom:20px;}
.shoot_wrap > .txt0{padding:0 0 0 10px; min-height:60px;}
.shoot_wrap > .txt0 > strong{display:block;font-size:18px;color:#000;line-height:150%;letter-spacing:-1px;font-weight:500;}

.volunteer01 .section{padding-bottom:70px;}
.volunteer01 .section > h4{font-size:26px;color:#000;line-height:150%;padding-bottom:20px;font-weight:500;letter-spacing:-1px;}
.volunteer01 .section > h4 >strong{font-size:18px;}
.volunteer01 .section > p{font-size:16px;color:#222;line-height:150%;padding-bottom:40px;}
.volunteer01 .section .list > ul{overflow:hidden;margin-left:-3%;}
.volunteer01 .section .list > ul > li{float:left;width:30.33%;margin-left:3%;}
.volunteer01 .section .list > ul > li .item{border:1px solid #d4d4d4;border-top:5px solid #fe6d10;padding:20px 10px;height:480px;position:relative;}
.volunteer01 .section .list > ul > li .item h5{background:url(../img/ico_bar05.png) no-repeat left bottom;padding-bottom:25px;margin-bottom:25px;font-size:19px;color:#585858;line-height:150%;letter-spacing:-1px;font-weight:500;}
.volunteer01 .section .list > ul > li .item .inquiry{position:absolute;right:15px;bottom:15px;}
.volunteer01 .section .list > ul > li .item > ol > li > strong{display:block;font-size:16px;color:#585858;line-height:150%;padding-bottom:5px;font-weight:500;}
.volunteer01 .section .list > ul > li .item > ol > li > ul{padding:0 0 10px 15px;}
.volunteer01 .section .list > ul > li .item > ol > li > ul > li{background:url(../img/ico_bul02.png) no-repeat left 10px;padding-left:10px;padding-bottom:5px;line-height:140%;font-size:16px;}
.volunteer01 .section .list > ul > li .item > ol > li > ul{padding:0 0 10px 15px;}
.volunteer01 .section .list > ul > li .item > ul > li{background:url(../img/ico_bul02.png) no-repeat left 10px;padding-left:10px;padding-bottom:5px;line-height:140%;font-size:16px;}
.volunteer01 .section .list03{overflow:hidden;padding-bottom:25px;}
.volunteer01 .section .list03 > ul{overflow:hidden;margin-left:-6%;}
.volunteer01 .section .list03 > ul > li{background:url(../img/bg_arrow.png) no-repeat -75px center;float:left;width:19%;padding-left:6%;}
.volunteer01 .section h5{font-size:19px;color:#000;font-weight:400;line-height:150%;padding-bottom:20px;}
.volunteer01 .section .list04 > ul > li{float:left;width:49%;background:url(../img/ico_bul02.png) no-repeat left 12px;font-size:16px;color:#000;padding-left:1%;padding-bottom:5px;}

.volunteer02 .section{padding-bottom:30px;}
.volunteer02 .section > h4{font-size:26px;color:#000;line-height:150%;padding-bottom:20px;font-weight:500;letter-spacing:-1px;}
.volunteer02 .section > h4>strong{font-size:18px;}
.volunteer02 .section > p{font-size:16px;color:#222;line-height:150%;}
.volunteer02 .section .list01 > ul{overflow:hidden;padding-top:30px;}
.volunteer02 .section .list01 > ul > li{float:left;width: 14.66%;margin: 0 1%; text-align: center;}
.volunteer02 .section .list01 > ul > li p{height: 65px;}
.volunteer02 .section .list01 > ul > li span{display: block;padding-top: 20px;font-size: 14px;color: #000;font-weight: 400;height: 40px;}
.volunteer02 .section .list02 > ul{overflow:hidden;margin-left:-5%;}
.volunteer02 .section .list02 > ul > li{float:left;margin-left:5%;width:42%;background:url(../img/ico_bul05.png) no-repeat left 10px;font-size:18px;color:#222;line-height:150%;padding-bottom:15px;padding-left:1%;}
.volunteer02 .section .img_area{padding-bottom: 50px;}
.volunteer02 .section .img_area ul{overflow: hidden;text-align: center;}
.volunteer02 .section .img_area ul li{float: left;width: 20%;padding-right:5%;position: relative;}
.volunteer02 .section .img_area ul li:after{content: '';width: 70px;height: 50px;background: url(../img/img_volunteer02_bg.png) no-repeat;background-size: 70px; position: absolute;right: 0;top: 40%;}
.volunteer02 .section .img_area ul li:last-child:after{width: 0;}
.volunteer02 .section .img_area ul li img{max-width: 100%;}
.volunteer02 .section .txt_box{margin: 50px 0;}
.volunteer02 .section .txt_box > strong{display:block;font-size:21px;color:#f36e21;font-weight:500;padding-bottom:15px;position: relative;}
.volunteer02 .section .txt_box > strong:before{content: '';width:320px;height: 3px;background: #f36e21;position: absolute;top: -20px;left: 0;}
.volunteer02 .section .txt_box > strong span{font-weight:400;}
.volunteer02 .section .txt_box > p{font-size:16px;color:#666;line-height:180%;font-weight: 400;}

.through-line {position: relative;text-align: center;padding: 30px 0;}
.through-line span {display: inline-block;font-size: 22px;font-weight: bold;color: #333;padding: 0 20px;background-color: #fff;}
.through-line:after {content: "";display: block;width: 100%;height: 1px;background-color: #d0d0d0;position: absolute;top: 50%;z-index: -1;}
.text-title {display: block;font-size: 20px;color: #f36e21;text-align: center;margin-bottom: 20px;}
.configuration {text-align: center;position: relative;}
.configuration > ul {position: relative;display: inline-block;}
.configuration > ul > li {float: left;padding: 10px;}
.configuration > ul > li div {width: 150px;height: 150px;padding: 0 10px;border: 10px solid #dee2ea;background-color: #fff;position: relative;z-index: 2;    display: inline-block;}
.configuration > ul > li div strong {display: block;font-size:16px;color: #228389;font-weight: bold;margin: 20px 0 5px;}
.configuration > ul > li div em {display: block;font-size:16px;color: #228389;margin-bottom: 10px;}

/* 180830 */
.bi_wrap{}
.bi_wrap .bi{padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
.bi_wrap .bi h2{font-size: 32px;}
.bi_wrap .bi .bi_cont{overflow: hidden;}
.bi_wrap .bi .bi_cont .bi_txt{float: left;width: 65%;margin-right: 5%;}
.bi_wrap .bi .bi_cont .bi_txt p{font-size: 16px;padding-bottom: 85px;}
.bi_wrap .bi .bi_cont .bi_txt span{display: inline-block; border: 1px solid #f26918;padding: 10px 20px;}
.bi_wrap .bi .bi_cont .bi_txt span a{font-size: 14px;color: #f26918;}
.bi_wrap .bi .bi_img{float: left;width: 30%;}
.bi_wrap .bi .bi_img img{max-width:100%;}
.bi_wrap .logo_area{padding: 25px 0;}
.bi_wrap .logo_area ul{overflow: hidden;}
.bi_wrap .logo_area ul li{float: left;width: 33.33%;text-align: center;}
.bi_wrap .logo_area ul li a{}
.bi_wrap .logo_area ul li a span{display: block;font-size: 16px;}
.bi_wrap .logo_area ul li a span img{max-width: 100%;}
.bi_wrap .color_rule{}
.bi_wrap .color_rule h2{font-size: 20px;}
.bi_wrap .color_rule ul{overflow: hidden;padding: 25px 0;margin-right: -1%;}
.bi_wrap .color_rule ul li{float: left;width: 19%;margin-right: 1%;}
.bi_wrap .color_rule ul li img{max-width: 100%;}
.bi_wrap .color_rule p{font-size: 16px;color: #000;}

.library_wrap{}
.library_wrap p{font-size: 16px;padding: 20px 0;}
.library_wrap > ul{overflow: hidden;margin-right: -2%;}
.library_wrap > ul > li{float: left;width: 28%;margin-right: 2%;}
.library_wrap > ul > li:nth-child(2){width: 38%;}
.library_wrap > ul > li img{width: 100%}
.library_wrap .time{border: 1px solid #dddddd;border-radius: 40px;padding: 15px 0;margin: 30px 0;}
.library_wrap .time ul{text-align: center;}
.library_wrap .time ul li{display: inline-block;font-size: 20px;color:#f4761f;font-weight: 400;margin-right: 30px;}
.library_wrap span{font-size: 16px;display: block; margin: 30px 0;padding-bottom: 65px;}

.botanic_wrap{}
.botanic_wrap .section{}
.botanic_wrap .garden_img{}
.botanic_wrap .garden_img img{max-width: 100%;}
.botanic_wrap .garden_list{padding-top: 50px;}
.botanic_wrap .garden_list h2{font-size: 32px;font-weight: 400;}
.botanic_wrap .garden_list h2 strong{color: #fe6d10;}
.botanic_wrap .garden_list p{font-size: 16px;padding: 25px 0;}
.botanic_wrap .garden_list ul{overflow: hidden;}
.botanic_wrap .garden_list ul li{float: left;width: 50%;padding-bottom: 50px;}
.botanic_wrap .garden_list ul li:after{content: '';display: block;clear: both;}
.botanic_wrap .garden_list ul li .img_area{float: left;width: 25%;margin-right: 5%;}
.botanic_wrap .garden_list ul li .img_area img{max-width: none;}
.botanic_wrap .garden_list ul li .txt{float: left;width: 70%;padding-top: 45px;}
/*
.botanic_wrap .garden_list ul li:nth-child(1){background-image:url(../img/garden_list01.png);}
.botanic_wrap .garden_list ul li:nth-child(2){background-image:url(../img/garden_list02.png);}
.botanic_wrap .garden_list ul li:nth-child(3){background-image:url(../img/garden_list03.png);}
.botanic_wrap .garden_list ul li:nth-child(4){background-image:url(../img/garden_list04.png);}
.botanic_wrap .garden_list ul li:nth-child(5){background-image:url(../img/garden_list05.png);}
.botanic_wrap .garden_list ul li:nth-child(6){background-image:url(../img/garden_list06.png);}
.botanic_wrap .garden_list ul li:nth-child(7){background-image:url(../img/garden_list07.png);}
.botanic_wrap .garden_list ul li:nth-child(8){background-image:url(../img/garden_list08.png);}
*/

.greenhouse_wrap{}
.greenhouse_wrap .greenhouse{overflow: hidden;margin-right: -1%;}
.greenhouse_wrap .greenhouse ul{float: left;width: 49%;margin-right: 1%;}
.greenhouse_wrap .greenhouse ul li.bot{padding-bottom: 10px;}
.greenhouse_wrap .greenhouse ul li img{max-width: 100%;}
.greenhouse_wrap .city_greenhouse{}
.greenhouse_wrap .city_greenhouse > span{display: block;font-size: 16px;padding: 15px 0;}
.greenhouse_wrap .city_greenhouse > span strong{color:#fe6d10;}
.greenhouse_wrap .city_greenhouse > p{text-align: center;padding: 30px 0;}
.greenhouse_wrap .city_greenhouse > p img{max-width: 100%;}
.greenhouse_wrap .city_greenhouse .city_list{}
.greenhouse_wrap .city_greenhouse .city_list > ul{}
.greenhouse_wrap .city_greenhouse .city_list > ul > li{}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div{}
.greenhouse_wrap .city_greenhouse .city_list > ul > li .pink h3{font-size: 30px;font-weight: 500;background: url(../img/city_list_tit.png) no-repeat left;padding-left: 40px;}
.greenhouse_wrap .city_greenhouse .city_list > ul > li .green h3{font-size: 30px;font-weight: 500;background: url(../img/city_list_tit2.png) no-repeat left 50px;padding-left: 40px;padding-top: 40px;}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div span{display: block; font-size: 16px;margin-bottom: 20px;position:relative;padding-bottom:5px;}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul{}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul > li{/* background: url(../img/city_list_bg.png) no-repeat; */padding: 20px 30px;margin-bottom: 20px;background-size: cover;background:#fcf7f3;border:1px solid #f0dacc}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul > li strong{background-repeat: no-repeat;background-position: right center;display: inline-block;padding-right: 40px;}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul > li p{}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .pink > ul > li:nth-child(1) strong{background-image: url(../img/pink_city01.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .pink > ul > li:nth-child(2) strong{background-image: url(../img/pink_city02.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .pink > ul > li:nth-child(3) strong{background-image: url(../img/pink_city03.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .pink > ul > li:nth-child(4) strong{background-image: url(../img/pink_city04.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(1) strong{background-image: url(../img/green_city01.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(2) strong{background-image: url(../img/green_city02.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(3) strong{background-image: url(../img/green_city03.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(4) strong{background-image: url(../img/green_city04.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(5) strong{background-image: url(../img/green_city05.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(6) strong{background-image: url(../img/green_city06.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(7) strong{background-image: url(../img/green_city07.png);}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > .green > ul > li:nth-child(8) strong{background-image: url(../img/green_city08.png);}

.magog_wrap{}
.magog_wrap .magog{}
.magog_wrap .magog span{display: block;padding: 30px 0;font-size: 16px;}
.magog_wrap .magog .magog_img{}
.magog_wrap .magog .magog_img ul{overflow: hidden;margin-right: -2%;}
.magog_wrap .magog .magog_img ul li{float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
.magog_wrap .magog .magog_img ul li img{max-width: 100%;}

/* 180905 */
.facilities_wrap{}
.facilities_wrap .facilities{}
.facilities_wrap .facilities p{font-size: 16px;color: #000;position: relative;padding-bottom: 20px;}
.facilities_wrap .facilities p:after{content: '';width: 20px;height: 3px;background: #f36e21;position: absolute;left: 0;bottom: 0;}
.facilities_wrap .facilities .floor{padding-top: 50px;}
.facilities_wrap .facilities .floor > ul{}
.facilities_wrap .facilities .floor > ul > li{position: relative;}
.facilities_wrap .facilities .floor > ul > li > h2{font-size: 16px;font-weight: 400;border-bottom: 1px solid #a1a1a1;padding-bottom: 15px;}
.facilities_wrap .facilities .floor > ul > li > h2 strong{font-size: 26px;color: #f36e21;font-weight: 500;}
.facilities_wrap .facilities .floor > ul > li > a{position: absolute;right: 0;top: 0;}
.facilities_wrap .facilities .floor > ul > li > ul{overflow: hidden;padding: 20px 0 50px 0;margin-right: -2%;}
.facilities_wrap .facilities .floor > ul > li > ul > li{float: left;width: 31.33%;margin-right: 2%}
.facilities_wrap .facilities .floor > ul > li > ul > li img{max-width: 100%;}

/* 20240829 Botanic Center 디자인 수정 */
.facilities_wrap .exhibit_list{padding-bottom:25px;color:#000;border-top:2px solid #000;}
.facilities_wrap .exhibit_list h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.facilities_wrap .exhibit_list h4 span{font-weight:300;}
.facilities_wrap .exhibit_list h5 {gap: 10px;font-size:24px;min-height:94px;display:flex;justify-content: space-between;align-items: center;padding:10px 40px;border-bottom: 1px solid #bebebe;}
.facilities_wrap .exhibit_list h5:has(a){cursor: pointer;}
.facilities_wrap .exhibit_list h5 > span{display:flex;align-items:center;gap:20px;}
.facilities_wrap .exhibit_list h5 > span::before{content:'';display:block;width:69px;aspect-ratio:1/1;border-radius:50%;background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink: 0;}
.facilities_wrap .exhibit_list h5 > span.type01::before{background-image:url(../img/ico_f00.png)}
.facilities_wrap .exhibit_list h5 > span.type02::before{background-image:url(../img/ico_f01.png)}
.facilities_wrap .exhibit_list h5 > span.type03::before{background-image:url(../img/ico_f02.png)}
.facilities_wrap .exhibit_list h5 > span.type04::before{background-image:url(../img/ico_f03.png)}
.facilities_wrap .exhibit_list h5 > span.type05::before{background-image:url(../img/ico_f04.png)}
.facilities_wrap .exhibit_list h5 > span.type06::before{background-image:url(../img/ico_f05.png)}
.facilities_wrap .exhibit_list h5 > span.type07::before{background-image:url(../img/ico_f06.png)}
.facilities_wrap .exhibit_list h5 a{width:40px;aspect-ratio:1/1;background:url(../img/ico_f.png) no-repeat center top calc(50% + 2px);background-size:13px 7px;border-radius:50%;border:1px solid #c5c5c5;flex-shrink: 0;}
.facilities_wrap .exhibit_list h5 a img{width:28px; display:none;}
.facilities_wrap .exhibit_list h5 .on {background-image:url(../img/ico_f_on.png);border:1px solid #009c7d;background-color: #009c7d;background-position:center;}
.facilities_wrap .exhibit_list .list .facilities_cont{display: block;}
.facilities_wrap .exhibit_list .facilities_cont{display: none;padding: 45px 40px 50px;border-bottom: 1px solid #bebebe;}
.facilities_wrap .exhibit_list .facilities_cont h2{font-size:30px; position:relative;text-align:center;font-weight:900;color:#000;padding-bottom: 0;}
.facilities_wrap .exhibit_list .facilities_cont h2:not(:first-of-type){margin-top: 40px;}
.facilities_wrap .exhibit_list .facilities_cont h2::after{content:''; display:block;margin:20px auto 30px;width:40px; height:2px; background:#000;}
.facilities_wrap .exhibit_list .facilities_cont > ul{}
.facilities_wrap .exhibit_list .facilities_cont > ul > li + li{margin-top: 40px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3{font-size: 22px;color: #000;font-weight:600;margin-bottom:35px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 .point{display:inline-block; color: #00876c; margin-left:10px;}

.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span{display:inline-block}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span + span{margin-left: 5px}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.place{width: 60px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.time{width: 100px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.winter{width: 105px;}

.facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size:18px; line-height:30px;text-align:center;display:flex;align-items:center;justify-content:center;background:#f2f5fa;padding:33px 15px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul{overflow: hidden;display:grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li p + ul{margin-top:40px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul > li{aspect-ratio: 324 / 207; overflow:hidden;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul > li img{width: 100%; height:100%; object-fit:cover;object-position:center;}
.plant_culture_text{font-size: 20px;line-height: 30px;padding-bottom: 35px;}
.plant_culture .facilities_cont h2 + a{margin: 0 auto 23px;display: block;max-width: 104px;}
.facilities_wrap .exhibit_list h5 .sub{font-size:18px;font-weight: 400;}


.facilities_mgb40 {margin-bottom: 40px;width: 100%;display: inline-block;}
.facilities_mgb40 {margin-bottom: 40px;width: 100%;display: inline-block;}
.facilities_mgb40 > h4{font-size: 18px;font-weight: 400;border-bottom: 1px solid #a1a1a1;padding-bottom: 15px;}
.facilities_mgb40 .lounge_box {padding: 17px 19px;background: #f8fafc;float: left;width: 100%;}
.facilities_mgb40 .lounge_box > img {padding-right: 31px;float: left;}
.facilities_mgb40 .lounge_box > ul {padding-top: 10px;float: left;}
.facilities_mgb40 .lounge_box > ul > li {padding-bottom: 10px}

@media screen and (max-width: 768px) {
	.plant_culture_text{font-size: 18px;line-height: 26px;}
    .facilities_wrap .exhibit_list h5{min-height:40px;font-size:18px;padding:10px 20px;}
    .facilities_wrap .exhibit_list h5 a {width:25px;}
    .facilities_wrap .exhibit_list h5 .sub {font-size: 16px;}
    .facilities_wrap .exhibit_list .facilities_cont{padding: 30px 20px;}
    .facilities_wrap .exhibit_list .facilities_cont h2{font-size:22px;}
    .facilities_wrap .exhibit_list .facilities_cont h2::after{margin:10px auto 15px;}
    .facilities_wrap .exhibit_list h5 > span{gap:10px;}
    .facilities_wrap .exhibit_list h5 > span::before{width:40px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li h3{font-size:16px;margin-bottom: 20px;line-height: 24px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size:16px; line-height:24px;padding: 15px 20px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li > ul{grid-template-columns: repeat(1, 1fr);}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p + ul{margin-top:25px;}
    .exhibit_list table{margin-bottom:30px;}
}

/* 190306 */
.seedlibrary_wrap .exhibit_list{padding-bottom:25px;color:#000;}
.seedlibrary_wrap .exhibit_list h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.seedlibrary_wrap .exhibit_list h4 span{font-weight:300;}
.seedlibrary_wrap .exhibit_list h5 {font-size:17px;line-height:150%;margin-bottom:10px;color:#da753d;font-weight:500;letter-spacing:-1px;position: relative;background: #f7f7f7 url(../img/bg_facilities_tit02.png) no-repeat 20px center;padding: 20px 50px 20px 40px;border-radius: 10px;border: 1px solid #dce3e6;}
.seedlibrary_wrap .exhibit_list h5 a{position: absolute;right: 20px;background: url(../img/bg_btn_site1.png) no-repeat right 4px;}
.seedlibrary_wrap .exhibit_list h5 a img{width:28px;}
.seedlibrary_wrap .exhibit_list h5 .on {background-position: right -75px;}
.seedlibrary_wrap .exhibit_list .list .facilities_cont{display: block;}
.seedlibrary_wrap .exhibit_list .facilities_cont{display: none;padding: 10px 25px;margin-bottom: 10px;border-radius: 10px;}
.seedlibrary_wrap .exhibit_list .facilities_cont h2{font-size: 22px;color: #000;padding: 25px 0;background: url(../img/bg_facilities_tit.png) no-repeat left center;padding-left: 20px;}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul{}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li{}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li h3{font-size: 16px;color: #000;background: url(../img/bg_facilities_tit02.png) no-repeat left center;padding-left: 20px;font-weight: 400;}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li p{font-size: 15px;color: #595959;border: 1px solid #009554;padding: 15px 20px;border-radius: 10px;font-weight: 400;margin:10px 0;}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li > ul{overflow: hidden;margin-left: -2%;padding: 15px 0 5px;}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li > ul > li{float: left;width: 31.33%;margin-left: 2%;}
.seedlibrary_wrap .exhibit_list .facilities_cont > ul > li > ul > li img{max-width: 100%;}

/* 181206 VR버튼 추가 */
body{position:relative;}
.greenhouse_wrap .city_greenhouse .city_list > ul > li > div span a.btn_VR{position:absolute;right:0;bottom:0;display:block;font-size:13px;border:1px solid #f36e21;padding:3px 10px;color:#fff;background:#f36e21;}
.pop_VR{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000}
.pop_VR .VR_area{position:absolute;left:50%;top:50%;width:700px;overflow:hidden;margin:-225px 0 0 -350px;background:#000;}
.pop_VR .close_pop_VR{position:absolute;left:50%;top:50%;margin-left:350px;margin-top:-225px;}

/* 190121 */
.eventInfo_view_cont{border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;margin:20px 0;padding:50px 0 0 0;}
.eventInfo_view_cont .section01{position:relative;}
.eventInfo_view_cont .section01 .img{position:absolute;left:0;top:0;width:277px;max-height:392px;overflow:hidden;}
.eventInfo_view_cont .section01 .img img{max-width:277px;}
.eventInfo_view_cont .section01 .txt_wrap{margin:0 0 0 330px;padding-bottom:50px;min-height:390px;}
.eventInfo_view_cont .section01 .txt_wrap .category{font-size:17px;color:#231f20;line-height:150%;margin-bottom:5px;}
.eventInfo_view_cont .section01 .txt_wrap h4{font-size:30px;color:#231f20;line-height:150%;font-weight:400;letter-spacing:-1px;}
.eventInfo_view_cont .section01 .txt_wrap h5{font-size:14px;color:#bfbfbf;line-height:150%;font-weight:400;letter-spacing:-1px;padding-bottom: 40px;}
.eventInfo_view_cont .section01 .txt_wrap .info{padding-bottom:25px;margin-bottom:20px;position:relative;border-bottom:2px solid #ebebeb}
.eventInfo_view_cont .section01 .txt_wrap .info > ul{overflow:hidden;}
.eventInfo_view_cont .section01 .txt_wrap .info > ul > li{float:left;margin-right:20px;font-size:20px;color:#343434;line-height:150%;min-width:280px;}
.eventInfo_view_cont .section01 .txt_wrap .info > ul > li em{color:#0097a5;font-weight:500;margin-left:10px;}
.eventInfo_view_cont .section01 .txt_wrap .info > ul > li .week{padding-bottom:35px;font-size:14px;color:#343434;line-height:150%;}
.eventInfo_view_cont .section01 .txt_wrap .info .btn_down{position:absolute;right:0;bottom:25px;}
.eventInfo_view_cont .section01 .txt_wrap .info .btn_down a{display:block;border:1px solid #ccc;height:36px;line-height:36px;font-size:14px;color:#343434;padding:0 20px;}
.eventInfo_view_cont .section01 .txt_wrap .txt .week{display:block;padding-bottom:35px;font-size:16px;color:#343434;line-height:150%;}
.eventInfo_view_cont .section01 .txt_wrap .txt p{font-size:16px;color:#343434;line-height:150%;letter-spacing:-1px;}
.eventInfo_view_cont .section01 .txt_wrap .txt .exli{border-top: 2px solid #ebebeb;padding-top:15px;}
.eventInfo_view_cont .section02{margin:0 60px;border-top:1px solid #ebebeb;padding:50px 0;}
.eventInfo_view_cont .section02 h5{font-size:25px;color:#231f20;line-height:150%;font-weight:400;padding-bottom:15px;letter-spacing:-1px;}
.eventInfo_view_cont .section02 .movie{height:690px;}
.eventInfo_view_cont .section02 .movie iframe{width:100%;height:100%;}
.eventInfo_view_cont .section03{border-top:1px solid #ebebeb;padding:50px 0;}
.eventInfo_view_cont .section03 h5{font-size:25px;color:#231f20;line-height:150%;font-weight:400;padding-bottom:15px;letter-spacing:-1px;}
.eventInfo_view_cont .section03 .photo ul{overflow:hidden;margin-left:-2.5%;}
.eventInfo_view_cont .section03 .photo ul li{float:left;width:17.5%;margin-left:2.5%;margin-bottom: 2.5%;}
.eventInfo_view_cont .section03 .photo ul li img{width:100%;cursor: default;}
.eventInfo_view_cont .section04{margin:0 60px;border-top:1px solid #ebebeb;padding:50px 0;max-height:237px;overflow:hidden;}
.eventInfo_view_cont .section04 .archive_list{position:relative;}
.eventInfo_view_cont .section04 .archive_list h5{font-size:24px;color:#fbfbfb;line-height:130%;background:url(../img/bg_archive.png) repeat left top;position:absolute;left:0;top:0;bottom:0;width:130px;padding:25px;font-weight:400;letter-spacing:-1px;}
.eventInfo_view_cont .section04 .archive_list h5 em{color:#2b4261;font-size:22px;}
.eventInfo_view_cont .section04 .archive_list .list{margin-left:190px;overflow:hidden;}
.eventInfo_view_cont .section04 .archive_list .list ul{overflow:hidden;margin-left:-1px;}
.eventInfo_view_cont .section04 .archive_list .list ul li{float:left;padding:0 25px;border-left:1px solid #d6d6d6;width:192px;}
.eventInfo_view_cont .section04 .archive_list .list ul li .category{font-size:16px;color:#0097a5;font-weight:500;display:block;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.eventInfo_view_cont .section04 .archive_list .list ul li .tit{display:block;font-size:24px;color:#333;line-height:130%;letter-spacing:-2px;font-weight:400;height:62px;overflow:hidden;margin-bottom:15px;} 
.eventInfo_view_cont .section04 .archive_list .list ul li .img_area{height:0;padding-bottom:60%;overflow:hidden;}
.eventInfo_view_cont .section04 .archive_list .list ul li .img_area img{width:100%;}
.eventInfo_view_cont .section04 .archive_list .list .bx-prev{position:absolute;right:0;bottom:0;height:50%;display:block;background:#73889e url(../img/btn_prev02.png) no-repeat center center;width:50px;text-align:center;text-indent:-9999px;overflow:hidden;z-index:100}
.eventInfo_view_cont .section04 .archive_list .list .bx-next{position:absolute;right:0;top:0;height:50%;display:block;background:#73889e url(../img/btn_next02.png) no-repeat center center;width:50px;text-align:center;text-indent:-9999px;overflow:hidden;z-index:101;border-bottom:1px solid #9fbad6}
.ico_webwatch{display:inline-block;position:absolute;right:0;top:25px;}
.ico_webwatch img{width:81px;}

/* 190322 추가 */
.plant_manage .tit{background:url(../img/bg_plant_manage.png) repeat-x left top;background-size:auto 100%;text-align:center;font-size:22px;color:#fff;font-weight:500;letter-spacing:-1px;padding:30px 0;}
.plant_manage .cont{padding:30px;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
.plant_manage .cont .list ul li{background:url(../img/ico_plant_manage.png) no-repeat left top;padding:5px 0 5px 30px;font-size:14px;line-height:150%;margin-bottom:10px;word-break:break-all;}


/* 20190703 추가 */

.zeropay .topimg {padding: 50px 0;background:url(../img/bg_zeropay_top01.jpg) center top, url(../img/bg_zeropay_top02.png) center bottom; background-repeat:no-repeat; background-size:100% auto; text-align:center;max-width: 700px;margin: 0 auto 60px;}
.zeropay .topimg .img img {max-width:20%;}
.zeropay .topimg dl dt {padding:2% 0 2.5%; font-family:"Noto Sans KR", sans-serif; font-weight:bold; font-size:27px; color:#6c75c1; letter-spacing:-0.08em;}
.zeropay .topimg dl dt span {color:#1b2477;}
.zeropay .topimg dl dd {font-size:16px; color:#2c3691; letter-spacing:-0.06em;}
.zeropay .topimg dl dd div {padding-top:2%; font-size:14px; color:#4d4f68; line-height:1.6; letter-spacing:-0.08em;}

.zeropay .txt_wrap{max-width: 800px;margin: 0 auto;}
.zeropay .txt_wrap h4{background: url(../img/bg_facilities_tit.png) no-repeat left top;padding: 0 0 10px 25px;font-size: 18px;}
.zeropay .txt_wrap ul{padding-bottom: 30px;}
.zeropay .txt_wrap ul li{padding: 0 0 5px 20px;}
.zeropay .txt_wrap ul li.red{color: red;}
.zeropay .txt_wrap ul li.bor{border: 1px solid #dbdbdb;margin:20px;text-align: center;}
.zeropay .txt_wrap span{display: block;color: #da753d;font-weight: 400;padding-left: 20px;background: url(../img/bg_facilities_tit02.png) no-repeat left center;margin-bottom: 15px;}
.zeropay .txt_wrap img{max-width: 100%;}

/* 190712 */
#container .main_gallery{padding-bottom:20px;}
#container .main_gallery .inner ul{overflow:hidden;}
#container .main_gallery .inner ul li{float:left;width:335px;position:relative;}
#container .main_gallery .inner ul li .img{height:0;padding-bottom:65%;overflow:hidden;}
#container .main_gallery .inner ul li .img img{width:100%;}
#container .main_gallery .inner ul li .txt{opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;text-align:center;-webkit-transition:all .3s;transition:all .3s;}
#container .main_gallery .inner ul li .txt p{margin-top:30%;font-size:18px;}
#container .main_gallery .inner ul li:hover .txt{opacity:1;}
#container .main_gallery .inner .bx-wrapper{position:relative;}
#container .main_gallery .inner .bx-wrapper .bx-prev{position:absolute;left:10px;top:50%;width:40px;height:40px;margin-top:-20px;background:url(../img/btn_prev04.png) no-repeat center center;text-indent:-9999px;overflow:hidden;}
#container .main_gallery .inner .bx-wrapper .bx-next{position:absolute;right:10px;top:50%;width:40px;height:40px;margin-top:-20px;background:url(../img/btn_next04.png) no-repeat center center;text-indent:-9999px;overflow:hidden;}

.vertical-programmes .bx-wrapper{position:relative;}
.vertical-programmes .bx-wrapper .bx-pager{position:absolute;right:10px;top:10px;z-index:1000;}
.vertical-programmes .bx-wrapper .bx-pager .bx-pager-item{margin-left:5px;display:inline-block;}
.vertical-programmes .bx-wrapper .bx-pager .bx-pager-item a{display:block;width:10px;height:10px;background:#fff;border-radius:50px;text-indent:-9999px;overflow:hidden;}
.vertical-programmes .bx-wrapper .bx-pager .bx-pager-item a.active{background:#666;}

/* 190902 */
.top_banner{background:#fcf0e2}
.top_banner .inner{max-width:1200px;margin:0 auto;position:relative;}
.top_banner .inner a{display:block;background:url(../img/img_top_banner.jpg) no-repeat center top;text-indent:-9999px;overflow:hidden;height:90px;}
.top_banner .inner .btn_close{position:absolute;right:-30px;top:10px;text-indent:0;background:none;}

/* 191014 */
.rolling_img{position:relative;}
.rolling_img ul li img{width:100%;}
.rolling_img .bx-wrapper{position:relative;}
.rolling_img .bx-wrapper .bx-prev{display:block;position:absolute;left:0;top:50%;margin-top:-40px;width:45px;height:80px;background:url(../img/btn_prev.png) no-repeat center center;text-indent:-9999px;z-index:100;}
.rolling_img .bx-wrapper .bx-next{display:block;position:absolute;right:0;top:50%;margin-top:-40px;width:45px;height:80px;background:url(../img/btn_next.png) no-repeat center center;text-indent:-9999px;z-index:100;}
.rolling_img .bx-wrapper .bx-prev.disabled{display:none;}
.rolling_img .bx-wrapper .bx-next.disabled{display:none;}
.rolling_img .bx-wrapper .bx-pager{position:absolute;left:0;right:0;bottom:20px;z-index:100;text-align:center;}
.rolling_img .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;margin:0 5px;}
.rolling_img .bx-wrapper .bx-pager .bx-pager-item a{display:block;width:12px;height:12px;background:#fff;border-radius:10px;text-indent:-9999px;overflow:hidden;}
.rolling_img .bx-wrapper .bx-pager .bx-pager-item a.active{background:rgba(0,0,0,0.7)}


/* 20191127 */
.quick_menu { position:relative;background: rgba(0,0,0,0.5); border-bottom:1px solid #e5e5e5; text-align:center;}
.quick_menu .quick { max-width:1124px; margin:0 auto;}
.quick_menu .quick .slick-slide { margin:0 25px; }
.quick_menu .quick a { display:block;color: #41596a;}
.quick_menu .quick a span { display:inline-block; padding:18px 0; background-position:left center; background-repeat:no-repeat; font-size:18px;font-weight: 500;color: #fff;padding-left:40px;}
.quick_menu .quick .i1 span { background-image:url(../img/icon_intro_quick01.png); }
.quick_menu .quick .i2 span { background-image:url(../img/icon_intro_quick02.png); } 
.quick_menu .quick .i3 span { background-image:url(../img/icon_intro_quick04.png); }
.quick_menu .quick .i4 span { background-image:url(../img/icon_intro_quick03.png); }
.quick_menu .quick .i5 span { background-image:url(../img/bg_price_box.png); }
.quick_menu .quick .i6 span { background-image:url(../img/icon_intro_quick05.png); }
.quickCtrl { position:absolute; top:50%; left:0; width:100%; margin-top:-22px; }
.quickCtrl > div { position:relative; max-width:1224px; margin:0 auto; }
.quickCtrl .btn_quick_prev { position:absolute; left:0; }
.quickCtrl .btn_quick_next { position:absolute; right:0; }
.quickCtrl button { overflow:visible; border:0 none; background:transparent; cursor:pointer; text-align:center; }


.pc .main_guide{position: absolute;left: 0;bottom: 75px;right: 0;z-index: 1000;}
.pc .main_guide h3{margin: 10px 30px 5px;font-size: 18px;color: #fff;line-height: 150%;position: relative;background-position: left center;background-repeat: no-repeat;padding-left: 30px;}
.pc .parking h3 a{}
.pc .main_guide h3 a{display: block;position: absolute;right: 0;top: 10px;}
.pc .main_guide .inner{max-width: 1124px;margin: 0 auto;}
.pc .main_guide .inner:after{content: '';display: block;clear: both;}
.pc .main_guide .inner > div{background: rgba(0,0,0,0.5);}
.pc .main_guide .main_list{float: left;width: 100%;}
.pc .main_guide .main_list:after{content: '';display: block;clear: both;}
.pc .main_guide .main_list .price{float: left;width: 55%;}
.pc .main_guide .main_list .price h3{background-image: url(../img/bg_price.png);}
.pc .main_guide .main_list .price ul{padding: 0 30px;}
.pc .main_guide .main_list .price ul li{font-size: 16px;color: #fff;position: relative;margin-bottom: 8px;}
.pc .main_guide .main_list .price ul li span{position: relative;z-index: 100;}
.pc .main_guide .main_list .price ul li span.pos{position: absolute;top: 0;right: 0;}
.pc .main_guide .main_list .price .box{background: #f6f8fd;border: 1px solid #e3e9f8;text-align: center;padding-bottom: 22px;margin: 0 30px;}
.pc .main_guide .main_list .price .box h3{display: inline-block;background-image: url(../img/bg_price_box.png);padding-left: 35px;}
.pc .main_guide .main_list .price .box p{font-size: 24px;color: #14545e;font-weight: 600;line-height: 110%;letter-spacing: -1px;}
.pc .main_guide .main_list .time{float: left;width: 45%;border-left: 1px solid #747474;box-sizing: border-box;}
.pc .main_guide .main_list .time h3{background-image: url(../img/bg_time.png);}
.pc .main_guide .main_list .time ul{padding-left: 60px;}
.pc .main_guide .main_list .time ul li{font-size: 16px;color: #fff;font-weight: 600;line-height: 20px;letter-spacing: -1px;padding-bottom: 6px;position: relative;}
.pc .main_guide .main_list .time ul li span{display: block;font-size: 14px;color: #b9b9b9;font-weight: 300;letter-spacing: normal;}
.pc .main_guide .main_list .time ul li span.monday{position: absolute;right: 40px;bottom: 5px;}
.pc .main_guide .main_list .time ul li em{font-weight: 500;}
.pc .main_guide .main_list .time .parking{border-top: 1px solid #e1e9ed;padding-bottom: 22px;}
.pc .main_guide .main_list .time .parking h3{background-image: url(../img/bg_parking.png);margin-bottom: 0;}
.pc .main_guide .main_list .time .parking h3 a{position: static;}
.pc .main_guide .main_notify{float: left;width: 50%;}
.pc .main_guide .main_notify h3{padding-left: 0;}
.pc .main_guide .main_notify .main_notify_list{padding: 0 30px 10px;}
.pc .main_guide .main_notify .main_notify_list ul li{font-size:16px;color:#000;padding:2px 0;position: relative;}
.pc .main_guide .main_notify .main_notify_list ul li:after{content: '';display: block;clear: both;}
.pc .main_guide .main_notify .main_notify_list ul li a{float: left;width: 68%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 15px;margin-left: 10px;color: #fff;}
.pc .main_guide .main_notify .main_notify_list ul li span.category{}
.pc .main_guide .main_notify .main_notify_list ul li span{float: left;width: 65px;font-size: 14px;color: #fff;font-weight: 200;padding: 2px 0;border-radius: 30px;text-align: center;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab01{background: #00adae;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab02{background: #fabe00;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab03{background: #007236;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab04{background: #ff9600;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab05{background: #a9cb33;}
.pc .main_guide .main_notify .main_notify_list ul li span.tab06{background: #c5c5c5;}
.pc .main_guide .main_notify .main_notify_list ul li span.date{line-height: 150%;position: absolute;right: 10px;top: 3px;color: #b9b9b9;font-weight: 400;letter-spacing: -1px;}

.mobile .main_guide{display: none;padding: 32px 0;background: url(../img/bg_main_program.jpg) no-repeat center top;background-size: cover;}
.mobile .main_guide h3{margin: 22px 30px 0;font-size: 22px;color: #565e7d;line-height: 150%;position: relative;background-position: left center;background-repeat: no-repeat;padding-left: 30px;}
.mobile .parking h3 a{}
.mobile .main_guide h3 a{display: block;position: absolute;right: 0;top: 0;}
.mobile .main_guide .inner{max-width: 1124px;margin: 0 auto;}
.mobile .main_guide .inner:after{content: '';display: block;clear: both;}
.mobile .main_guide .inner > div{background: #fff;border: 1px solid #e1e9ed;box-sizing: border-box;}
.mobile .main_guide .main_list{float: left;width: 48%;margin-right: 2%;}
.mobile .main_guide .main_list:after{content: '';display: block;clear: both;}
.mobile .main_guide .main_list .price{float: left;width: 55%;}
.mobile .main_guide .main_list .price h3{background-image: url(../img/bg_price2.png);}
.mobile .main_guide .main_list .price ul{padding: 20px 30px;}
.mobile .main_guide .main_list .price ul li{font-size: 16px;color: #212020;position: relative;background: url(../img/bg_line01.png) no-repeat left center; background-size: 100% 1px;margin-bottom: 8px;}
.mobile .main_guide .main_list .price ul li span{background: #fff;}
.mobile .main_guide .main_list .price ul li span.pos{position: absolute;top: 0;right: 0;}
.mobile .main_guide .main_list .price .box{background: #f6f8fd;border: 1px solid #e3e9f8;text-align: center;padding-bottom: 22px;margin: 0 30px;}
.mobile .main_guide .main_list .price .box h3{display: inline-block;background-image: url(../img/bg_price_box.png);padding-left: 35px;}
.mobile .main_guide .main_list .price .box p{font-size: 24px;color: #14545e;font-weight: 600;line-height: 110%;letter-spacing: -1px;}
.mobile .main_guide .main_list .time{float: left;width: 45%;border-left: 1px solid #e1e9ed;box-sizing: border-box;}
.mobile .main_guide .main_list .time h3{background-image: url(../img/bg_time2.png);margin-bottom: 10px;}
.mobile .main_guide .main_list .time ul{padding-left: 60px;padding-bottom: 20px;}
.mobile .main_guide .main_list .time ul li{font-size: 19px;color: #14545e;font-weight: 600;line-height: 110%;letter-spacing: -1px;padding-bottom: 6px;position: relative;}
.mobile .main_guide .main_list .time ul li span{display: block;font-size: 14px;color: #212020;font-weight: 300;letter-spacing: normal;}
.mobile .main_guide .main_list .time ul li span.monday{position: absolute;right: 40px;bottom: 5px;}
.mobile .main_guide .main_list .time ul li em{font-weight: 500;}
.mobile .main_guide .main_list .time .parking{border-top: 1px solid #e1e9ed;padding-bottom: 22px;}
.mobile .main_guide .main_list .time .parking h3{background-image: url(../img/bg_parking.png);margin-bottom: 0;}
.mobile .main_guide .main_list .time .parking h3 a{position: static;}
.mobile .main_guide .main_notify{float: left;width: 50%;}
.mobile .main_guide .main_notify h3{padding-left: 0;}
.mobile .main_guide .main_notify .main_notify_list{padding: 10px 30px;height: 157px;}
.mobile .main_guide .main_notify .main_notify_list ul li{font-size:16px;color:#000;padding:2px 0;position: relative;}
.mobile .main_guide .main_notify .main_notify_list ul li:after{content: '';display: block;clear: both;}
.mobile .main_guide .main_notify .main_notify_list ul li a{float: left;width: 68%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;margin-left: 10px;}
.mobile .main_guide .main_notify .main_notify_list ul li span.category{}
.mobile .main_guide .main_notify .main_notify_list ul li span{float: left;width: 65px;font-size: 16px;color: #fff;font-weight: 200;padding: 2px 0;border-radius: 30px;text-align: center;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab01{background: #00adae;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab02{background: #fabe00;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab03{background: #007236;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab04{background: #ff9600;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab05{background: #a9cb33;}
.mobile .main_guide .main_notify .main_notify_list ul li span.tab06{background: #c5c5c5;}
.mobile .main_guide .main_notify .main_notify_list ul li span.date{line-height: 150%;position: absolute;right: 10px;top: 3px;color: #000;}




.programmes_list{max-width: 1124px;margin: 0 auto;padding: 50px 0;}
.programmes_list:after{content: '';display: block;clear: both;}
.programmes_list h3{font-size: 22px;color: #565e7d;line-height: 150%;padding-bottom: 15px;position: relative;}
.programmes_list h3 a{display: block;position: absolute;right: 0;top: 0;font-size: 30px;color: #565e7d;}
.programmes_list .main_news{float: left;width: 68%;margin-right: 2%;}
.programmes_list .main_news > ul{margin-left:-2%;}
.programmes_list .main_news > ul:after{content: '';display: block;clear: both;}
.programmes_list .main_news > ul > li{float:left;width:48%;margin-left:2%;margin-bottom:2%;box-shadow:0 0 5px rgba(0,0,0,0.2);position:relative;} 
.programmes_list .main_news > ul > li .img{height:0;padding-bottom:102%;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;}
.programmes_list .main_news > ul > li .img .image{height:0;padding-bottom:55%;overflow:hidden;}
.programmes_list .main_news > ul > li .img .image + .txt{height:29px;}
.programmes_list .main_news > ul > li .img .image + .txt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;}
.programmes_list .main_news > ul > li .img img{width:100%;}
.programmes_list .main_news > ul > li .img img + .txt{background:#fff;padding:10px;height:59px;-webkit-transition:all .3s;transition:all .3s;}
.programmes_list .main_news > ul > li .img img + .txt .tit{position:absolute;left:10px;top:47%;color:#fff;border-color:#fff;}
.programmes_list .main_news > ul > li .img img + .txt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:120%;height:auto;}
.programmes_list .main_news > ul > li .img .txt{padding:35px 10px;text-align: center;}
.programmes_list .main_news > ul > li .img .txt .tit{display:inline-block;color:#000;font-size:16px;height:21px;line-height:21px;font-weight:400;}
.programmes_list .main_news > ul > li .img .txt p{display:block;font-size:14px;color:#000;line-height:130%;height:78px;overflow:hidden;padding-top: 10px;}
.programmes_list .main_news > ul > li .ico{position:absolute;left:0;right:0;bottom:0;padding:10px 15px;background:#fff;-webkit-transition:all .3s;transition:all .3s;}
.programmes_list .main_news > ul > li .ico span{display:block;padding-left:25px;font-size:16px;color:#030303;line-height:30px;height:30px;background-position:left center;background-repeat:no-repeat;}
.programmes_list .main_news > ul > li .ico a{position: absolute;right: 15px;top: 12px;font-size: 14px;color: #ed6d00;}
.programmes_list .main_banner{float: left;width: 30%;position: relative;}
.programmes_list .main_banner .bx-wrapper{height: 382px;}
.programmes_list .main_banner .bx-wrapper .bx-viewport{height: 100% !important;}
.programmes_list .main_banner ul{height: 100%;height: 382px;}
.programmes_list .main_banner ul li{text-align: center;height: 100%;}
.programmes_list .main_banner ul li a{display: block;height: 100%;}
.programmes_list .main_banner ul li a img{width: 100%;height: 100%;}
.programmes_list .main_banner .bx-controls{position: absolute;right: 0;top: 10px;}
.programmes_list .main_banner .bx-controls .bx-pager{margin-right: 17px;}
.programmes_list .main_banner .bx-controls .bx-pager .bx-pager-item{display: inline-block;margin-left: 4px;}
.programmes_list .main_banner .bx-controls .bx-pager .bx-pager-item a{display: block;width: 14px;height: 14px;border-radius: 50%;background: #3d81c6;text-indent: -9999px;overflow: hidden;}
.programmes_list .main_banner .bx-controls .bx-pager .bx-pager-item a.active{background: #053377;}
.programmes_list .main_banner .bx-wrapper .bx-start{display: none;}
.programmes_list .main_banner .bx-wrapper .bx-stop{display: block;position: absolute;right: 0;top: 3px;background: url(../img/btn_pause02.png) no-repeat center center;text-indent: -9999px;overflow: hidden;width: 12px;height: 15px;}


/* 200313 */
/*
.main_visual ul{background: url(../img/bg_main_visual_new.jpg) no-repeat;background-size: cover;height: 496px;}
.main_visual ul li{max-width: 1124px;margin: 0 auto;padding-top: 100px;}
.main_visual ul li:after{content: '';display: block;clear: both;}
.main_visual ul li .txt{float: left;font-size: 35px;font-weight: 500;text-align: center;}
.main_visual ul li .txt strong{color: #ef9429;}
.main_visual ul li .txt .visual_tit{color: #fff;margin: 10px 0;}
.main_visual ul li .txt .visual_cont{}
.main_visual ul li .txt .visual_cont p{font-size: 20px;color: #fff;margin-bottom: 20px;}
.main_visual ul li .main_iframe{float: right;}
*/


@media all and (max-width:1201px) {
	.top_banner .inner .btn_close{right:10px;}
    .main_visual ul li .txt .visual_cont p{font-size: 18px;}
}


@media all and (max-width:1040px) {
	#header .inner .in h1 img{
    	max-width: 120px;
    }
	#header .inner .in .gnb{display:none;}
	#header .inner .in .btn_fullmenu{margin: 15px 15px 0 0;}
	#header .inner .in .btn_kor{margin: 15px 15px 0 0 ;}
    
	.fullmenu{overflow-y:auto;}
	.fullmenu .full_btn{padding:25px 20px 20px 0;border-bottom:1px solid #666;}
	.fullmenu .full_in > div{border-left:1px solid #666;}
	#footer .inner{padding:20px;text-align: center;}
	#footer .inner .logo{position:static;padding-bottom:10px;}
	#footer .inner .txt{padding:0;    display: inline-block;}
	#site_index .site_in .site{padding:20px 10px;}	
	#container .main_visual{height:auto;}
	#container .main_visual .bx-viewport{height:400px;}
	#container .main_visual .main_visual_in ul li a{background-size:auto 100%;height:400px;}
	#container .main_visual .main_visual_in ul li span{background-size:auto 100%;height:400px;}
	#container .main_visual .main_visual_in .bx-wrapper .bx-pager{}
	#container .main_visual .main_visual_in .bx-wrapper .bx-start.active{}
	#container .main_visual .main_visual_in .bx-wrapper .bx-stop{}
	#container .main_visual .weather .inner .left .today{margin-right:0;padding-right:0;background:none;}
	#container .main_visual .weather .inner .left .today strong{padding: 10px 0 5px;}
	#container .main_visual .weather .inner .left .today > img{padding-left:5px;}
	#container .main_visual .weather .inner .left .next{display:none;}
	#container .main_notice > .inner > ul > li > div > .btn_sns{margin:20px 0;}
	#container .main_notice > .inner > ul > li > div > .btn_sns > li{float:none;display:inline-block;padding-left:20px;background-position:10px 5px}
	.horizontal-programmes{float:left;width:50%;}

	.explore-programmes{height:auto;}
	.horizontal-programmes{height:479px;border-bottom:1px solid #ddd;}
	.horizontal-programmes .programmes-pic{width:100%;height:auto;}
	.horizontal-programmes .programmes-info.news .list > li{margin-top:5px}
	.horizontal-programmes .programmes-info{width:100%;}
	.horizontal-programmes .programmes-info-content{height:378px;}
	.vertical-programmes{height:480px;}
	.vertical-programmes .programmes-pic{height:auto;}
	.programmes-info-content{width:100%;display:block;padding-top:30px;height:178px;}
	.programmes-info-content > div{width:auto;}
	.programmes-info-content > div p{margin:0 20px 20px 20px}
	.horizontal-programmes .programmes-info.news .tit{width:auto;padding:0 10px 20px 10px;display:block;}
	.horizontal-programmes .programmes-info.news .list{width:auto;padding:0 10px}
	.horizontal-programmes .programmes-info.news .list > li > a{font-size:14px;}
	.programmes-info-content .icon-link{font-size:14px;background-position:right 6px;}
	.vertical-programmes{width:50%;}
	.bottom-vertical-programmes{}
	.programmes-info-content > div p{margin:0 0 20px 0;}
	.programmes-info-content > div p.time em{font-size:20px;}
	.vertical-programmes .programmes-pic img{width:100%;height:100%;}
	
	.sub_top{margin-bottom:20px;height:150px;}
	.sub_top h2{font-size:25px;padding-top:58px;}
	.path{display:none;}
	.title{margin-bottom:30px;}
	.title h3{font-size:25px;padding:0 20px 20px 20px;}
	.tab_area{margin-bottom:20px;}
	.contents{padding:0 10px 100px 10px;}
	.fullmenu{background-image:none;}
	.fullmenu .full_in > div > strong{font-size:15px;}
	.tab_area > ul > li{padding:0 11px 0 15px;}
	.tab_area > ul > li > a{font-size:16px;padding-bottom: 15px;}
	.tab_area_sub{margin-bottom:30px;}
	.tab_area_sub > ul > li > a{font-size:16px;padding-bottom: 15px;padding:0 11px 0 15px;}
	.tab_area_sub > ul > li > a span{padding-bottom:5px;}
	.tab_area_sub > ul > li > a:before{height:15px;}
	#container .main_notice > .inner > ul > li > div > span.mid{font-size:14px;margin:18px 0;}
	#container .main_notice > .inner > ul > li > div > span.mid br{display:none;}
	
	.contents{padding-bottom:50px;}
	.useInfo .section{padding-bottom:30px;}
	.useInfo .section h4{font-size:18px;margin-bottom:10px;}
	.useInfo .section .list > ul > li{font-size:14px;background-position:left 8px;}
	.table_list table th{font-size:14px;padding:10px 0;}
	.table_list table th span{font-size:12px;display:block;}
	.table_list table td{font-size:14px;padding:10px 0;word-break:break-all;}
	.table_list table td img{height:20px;}
	.exclamation li{font-size:14px;background-position:left 5px;}
	.location .location_info > ul > li{padding-bottom:30px;}
	.location .location_info > ul > li h4{font-size:18px;margin-bottom:10px;}
	.location .location_info > ul > li > ul > li{font-size:14px;}
	.location .location_info > ul > li > dl > dt{font-size:15px;}
	.location .location_info > ul > li > dl > dd{font-size:14px;}
	.faq_list dl dt{background-position:5px 12px;}
	.faq_list dl dt a{font-size:15px;padding:10px 25px 10px 35px;background-size:auto 7px;background-position:right 19px}
	.faq_list dl dt a.on{background-size:auto 7px;background-position:right 19px}
	.faq_list dl dd{font-size:14px;padding-left:35px;}
	.greetings{background-size:auto 150px;padding-bottom:150px;}
	.greetings h4{font-size:18px;}
	.greetings h4 strong{font-size:20px;}
	.greetings .txt{font-size:14px;}
	
	.vision .section{padding-bottom:30px;}
	.vision .section h4{font-size:18px;padding-bottom:10px;}
	.vision .section p{font-size:14px;}
	.manage h4{font-size:18px;padding-bottom:10px;}
	.manage .txt{font-size:14px;}

	.organization_wrap .img_area{margin-bottom:20px;}
	.organization_wrap .organization_table{overflow-x:auto}
	.organization_wrap .organization_table table caption{font-weight:500;}
	.organization_wrap .organization_table table{min-width:600px;}
	.organization_wrap .organization_table table th{font-size:14px;font-weight:500;}
	.organization_wrap .organization_table table td{font-size:12px;}
	.search_bar{padding-bottom:20px;}

	.exhibit > h4{font-size:20px;}
	.exhibit > .txt02{font-size:16px;}
	.table_view .table_view_cont{padding:10px;}
	.library_list > ul > li .info{margin-right:150px}
	.library_list > ul > li.right .info{margin-left:150px}
	.sub_tit{margin-top:0;}
	.volunteer01 .section .list > ul > li .item{padding:10px 10px 0 10px; }
	.volunteer01 .section .list > ul > li .item h5{font-size:16px;padding-bottom:10px;margin-bottom:10px;background-size: auto 2px;}
	.volunteer01 .section .list > ul > li .item > ol > li > strong{font-size:14px;}
	.volunteer01 .section .list > ul > li .item > ol > li > ul > li{font-size:14px;}
	.volunteer01 .section .list > ul > li .item > ul{padding-bottom:10px;}
	.volunteer01 .section .list > ul > li .item > ul > li{font-size:14px;}
	.volunteer01 .section .list03 > ul{margin-left:-4%;}
	.volunteer01 .section .list03 > ul > li{background-size:auto 11px;width:21%;padding-left:4%;}
	.volunteer01 .section .list03 > ul > li img{width:100%;}
	.volunteer01 .section .list04 > ul > li{float:none;width:auto;font-size:14px;background-position:left 10px;}
	.volunteer01 .section > h4{font-size:20px;}
	.volunteer01 .section > p{font-size:14px;padding-bottom:20px;}
	.volunteer02 .section{padding-bottom:20px;}
	.volunteer02 .section > h4{font-size:20px;padding-bottom:10px;}
	.volunteer02 .section > p{font-size:14px;}
	.volunteer02 .section .list02 > ul{margin-left:0;}
	.volunteer02 .section .list02 > ul > li{float:none;width:auto;margin-left:0;padding-bottom:3px;font-size:14px;background-size:auto 4px;background-position:left 8px;}
	.volunteer02 .section .txt_box > strong{font-size:18px;}
	.volunteer02 .section .txt_box > p{font-size:14px;}
	.table_list table tr.view td .plants_info li{font-size:12px;line-height:150%;}
	.research_wrap > .section .img{width:200px;}
	.research_wrap > .section .img img{width:100%;}
	.research_wrap > .section .txt{padding:10px 10px 10px 210px;}
	.research_wrap > .section .txt strong{font-size:18px;}
	.research_wrap > .section .txt p{font-size:14px;}
	.pop_space .in{width:auto;left:20px;right:20px;top:20px;bottom:20px;margin:0;padding:20px;overflow-y:auto;}
	.pop_space .in > ul > li h4{font-size:20px;}
	.pop_space .in > ul > li p.sub_txt{font-size:13px;}
	.pop_space .in > ul > li .img img{width:100%;}
	.pop_space .in > ul > li .limg img{width:100%;}
	.pop_space .in .close_pop_space img{width:25px;}
	.newsletter_top{background-size: 100% 100%;}
	.newsletter_top .inner{background-size:auto 90px;}
	#container .main_visual .weather .inner{padding-left:10px;}
	.pop_newsletter .inner{width:auto;left:20px;right:20px;margin:0;top:33%;}
	.pop_newsletter .inner h4{font-size:20px;}
	.pop_newsletter .inner .close_pop img{width:25px;}
	.pop_newsletter .inner .subscribe{padding:0 20px;}
	.pop_newsletter .inner .subscribe > button{right:20px;	}
    
    /* 180827 */
    .gallery_list ul li a span{padding: 10px;}
    .vision .section .vision_img > ul > li > span{font-size: 14px;}
    
    /* 180829 */
    .progress_list > ul > li.left .txt > ul > li:before{left: -22px;}
    .progress_list > ul > li.right .txt > ul > li:before{right: -25px;}
    .rantal_list ul li{width: 31.33%;}
    
    /* 180830 */
    .space_wrap .vision_list ul li a h5{font-size: 22px;}
    .botanic_wrap .garden_list ul li{margin-bottom: 0;}
/*    .botanic_wrap .garden_list ul li{background-size:100px;}*/
    .volunteer02 .section .img_area ul li:after{background-size: 50px;right: -20px;}
    
    /* 181119 */
    .research_wrap .research_list ul li .txt p{padding-bottom: 20px;}
    .research_wrap .research_list ul li:last-child .txt p{padding-bottom: 60px;}
    
    /* 181217 */
    .botanic_wrap .garden_list ul li .txt{padding-top: 30px;}
    .botanic_wrap .garden_list ul li .img_area img{max-width: 100%;}
	
	/* 190121 */
	.eventInfo_view_cont{padding:20px 0 0 0;}
	.eventInfo_view_cont .section01 .img{width:150px;}
	.eventInfo_view_cont .section01 .img img{width:100%;}
	.eventInfo_view_cont .section01 .txt_wrap{margin-left:170px;}
	.eventInfo_view_cont .section01 .txt_wrap .info .btn_share{position:static;font-size:12px;}
	.eventInfo_view_cont .section01 .txt_wrap h4{font-size:20px;padding-bottom:20px;}
	.eventInfo_view_cont .section01 .txt_wrap .info > ul{padding-bottom:10px;}
	.eventInfo_view_cont .section01 .txt_wrap .info > ul > li{float:none;width:auto;margin-right:0;font-size:14px;}
	.eventInfo_view_cont .section01 .txt_wrap .txt .week{font-size:14px;padding-bottom:20px;}
	.eventInfo_view_cont .section01 .txt_wrap .txt p{font-size:14px;}
	.eventInfo_view_cont .section01 .txt_wrap .txt p img{width:100%;}
	.eventInfo_view_cont .section02{padding:20px 0;margin:0;}
	.eventInfo_view_cont .section02 h5{font-size:20px;}
	.eventInfo_view_cont .section02 .movie{height:400px;}
	.eventInfo_view_cont .section03{padding:20px 0;margin:0;}
	.eventInfo_view_cont .section03 h5{font-size:20px;}
	.eventInfo_view_cont .section03 .photo ul li{width:30.83%;margin-bottom:1.5%;}
	.eventInfo_view_cont .section04{padding:20px 0;margin:0;}
	.ico_webwatch{position:static;padding:10px 0;}
    
    /* 190704 */
    .popup_window{top: 104px !important;width: auto !important;}
    .popup_window img{width:100%;}
	.popup_window > p{font-size:12px}
    .popup_window#popup_window5{left:0 !important;top:500px !important;}
	
	/* 190902 */
	.top_banner .inner .btn_close{right:10px;}
    
    .main_guide .inner{margin: 0 10px;}
    .main_guide .main_list{float: none;width: 100%;margin-right: 0;margin-bottom: 32px;}
    .main_guide .main_notify{float: none;width: 100%;margin-right: 0;}
    .programmes_list{margin: 0 10px;}
    .programmes_list .main_news{float: none;width: 100%;margin-right: 0;margin-bottom: 32px;}
    .programmes_list .main_banner{float: none;width: 100%;}
    .main_guide .main_notify .main_notify_list{padding: 20px;min-height: auto;}
    
    /* 200313 */
    .main_visual ul{height: auto;}
    .main_visual ul li{}
    .main_visual ul li .txt{float: none;font-size: 25px;}
    .main_visual ul li .main_iframe{float: none;text-align: center;padding-bottom: 50px;}
    
    /* 200410 */
    .useInfo .section > div .list ul li{width: 32.33%;margin-bottom: 1%;}
    
    .pc .main_guide .main_list{float: none;width: 80%;margin: 0 auto;}
    .pc .main_guide .main_notify{float: none;width: 80%;margin: 0 auto;}
    #container .pc .main_visual{display: none;}
    #container .mobile .main_visual{display: block;height: 400px;}
    .mobile .main_guide{display: block;}
    .mobile .main_guide .main_list{float: none;width: 100%;}
    .mobile .main_guide .main_notify{float: none;width: 100%;}
    
    
    
}
@media all and (max-width:960px) {
    .manage_list ul{margin-right: -1%;}
    .manage_list ul li{width: 24%;margin-right: 1%;margin-bottom: 1%;}
    .research_wrap .research_list{padding: 50px 0 0;}
    /* .research_wrap .research_list ul li{padding-bottom: 0;} */
    .research_wrap .research_list ul li .txt{width: 470px;}
    .research_wrap .research_list ul li .txt strong{padding: 20px 0 15px;background-position: left 10px;}
    .quick_menu .quick .slick-slide { margin:0; }
    .quick_menu .quick div span {background-size: auto 25px; padding:40px 0 0 0 !important; background-position:center top 10px;}

}

@media all and (max-width:850px) {
	.location .location_info > ul > li > ul .location_bus {float: inherit;}
    /* .research_wrap .research_list ul li{height: 300px;} */
    
    /* 181217 */
    .botanic_wrap .garden_list ul li{float: none;width: 100%;}
    .botanic_wrap .garden_list ul li .img_area{width: 20%;}
    #container .main_notice .linkList ul li a{padding: 0 20px;}
    #container .main_notice .linkList ul{float: none;width: 100%;text-align: center;}
    #container .main_notice .linkList ul:first-child{margin-bottom: 20px;}
    #container .main_notice .linkList ul:last-child li:first-child{background: none;}
    
}

@media all and (max-width:700px) {
	#footer .inner .logo img{}
	.fullmenu .full_in > div{width:30.5%;padding-left:2%;margin:20px 0;}
	.fullmenu .full_in > div > ul > li > a{font-size:14px;letter-spacing:-1px;}
	.fullmenu .full_in > div > ul > li > ul > li > a{font-size:13px;}
	#site_index h2{padding:10px 0;}
	#site_index .site_in .site > div{width:33%;height:380px;}
	#site_index .site_in .site > div.short{height:200px;}
	#site_index .site_in .site > div > strong{font-size:14px;}
	#site_index .site_in .site > div > ul > li{margin:10px 0;}
	#site_index .site_in .site > div > ul > li > a{font-size:13px;display:block;}
	#site_index .site_in .site > div > ul > li > ul > li{padding:0 10px;}
	#site_index .site_in .site > div > ul > li > ul > li > a{font-size:12px;background:url(../img/ico_bul03.png) no-repeat left 8px;padding-left:5px;}
	
	#container .main_visual .main_visual_in ul li a{height:300px;}
	#container .main_visual .main_visual_in ul li span{height:300px;}
	#container .main_visual .weather .inner .left .today{display:none;}
	#container .main_visual .weather .inner .right{float:none;border-left:0;width:auto;}
	#container .main_visual .weather .inner .right .show .show_list{width:auto;left:0;}
	#container .main_notice{background-size: auto 100%;}
	#container .main_notice > .inner > ul{margin-left:0;}
	#container .main_notice > .inner > ul > li{float:none;width:auto;margin-left:0;margin-bottom:10px;}
	#container .main_notice > .inner > ul > li > div{padding:15px 0;height:auto;}
	#container .main_notice > .inner > ul > li > div > span.mid{margin:20px 0 10px;}
	#container .main_notice > .inner > ul > li > div > .btn_sns{margin:15px 0;}
	.full-vertical-programmes .programmes-pic{height:409px;border-top:1px solid #ddd;}
	.full-vertical-programmes .programmes-pic img{height:100%;}
	
	.group-filter .visitor-type li{width:24%;}
	.group-filter .visitor-type li a{display:block;width:auto;}
	.programmes-info-content > div p{font-size:16px;}
	.programmes-info-content > div p.info{font-size:16px;}
	.horizontal-programmes{float:none;width:auto;height:auto;}
	.horizontal-programmes .programmes-info{float:none;width:auto;height:auto;}
	.horizontal-programmes .programmes-info-content{height:auto;}
	.full-vertical-programmes .programmes-pic{height:auto;}
	.vertical-programmes .programmes-pic{height:auto;}
	.vertical-programmes{width:auto;float:none;height:auto;}
	#container .main_notice > .inner > ul > li > div > .btn_map{position:static;}
	#container .main_notice > .inner > ul > li > div > .btn_newsletter{position:static;}
	#container .main_notice > .inner > ul > li > div > span.mid br{display:inherit}
	#container .main_visual .weather .inner .left .dust{display:none;}
	
	/* 171122 */
	.todayGarden > ul > li{width:48.5%;}
	.library_list > ul > li .info{margin-right:100px}
	.library_list > ul > li .info .img{width:110px;height:95px;margin-bottom:10px;}
	.library_list > ul > li .info .txt strong{font-size:14px;}
	.library_list > ul > li .info .txt p{font-size:12px;}
	.library_list > ul > li.right .info{margin-left:100px}
	.library_list > ul > li .step{top:60px;}
	.library_list > ul > li .step img{width:100px;}
	.exhibit_list > ol{padding:0;border-top:0;}
	.exhibit_list > ol > li{float:none;width:auto;min-height:0;padding-bottom:10px;}
	.shoot_wrap > ul > li .img{position:static;padding-bottom:10px;}
	.shoot_wrap > ul > li .img img{width:100%;}
	.shoot_wrap > ul > li .txt{padding:0;}
	.shoot_wrap > ul > li .txt > strong{font-size:16px;}
	.shoot_wrap > ul > li .txt > .info{font-size:14px;}
	.rantal_list > ul > li a .txt{margin-right:0;padding-bottom:20px;}
	.rantal_list > ul > li a .txt .tit{font-size:16px;}
	.rantal_list > ul > li a .txt p{font-size:13px;}
	.rantal_list > ul > li a .img{position:static;width:auto;height:auto;}
	.rantal_list > ul > li a .img img{width:100%;}
	.volunteer01 .section .list > ul{margin-left:0;}
	.volunteer01 .section .list > ul > li{float:none;width:auto;margin-left:0;margin-bottom:10px;}
	.volunteer01 .section .list > ul > li .item{height:auto;padding-bottom:20px;}
	.volunteer01 .section .list > ul > li .item .inquiry{font-size:14px;}
	.volunteer02 .section .list01 > ul{margin-left:0;padding-top:10px;}
	.volunteer02 .section .list01 > ul > li{width:31.33%;padding-bottom:30px;}
	.research_wrap > .section .img{width:auto;position:static;}
	.research_wrap > .section .txt{padding:10px;}
	.newsletter_top{padding:0 20px;}
	.newsletter_top .inner{background-size:auto 70px;}
	.newsletter_top .inner h4{font-size:18px;}
	.newsletter_top .inner p{font-size:13px;}
	.newsletter_list > ul > li{width:47.5%;}
    
    /* 180827 */
     .faq_tab ul{display:grid;grid-template-columns: repeat(3, 1fr);}
    .faq_tab ul li:first-child{margin-left: 0;}
    .faq_tab ul li{margin-left:0;}
    .faq_tab ul li a{font-size: 14px;padding: 10px 0;}
    .faq_list table th{font-size: 16px;}
    .faq_list table td{font-size: 16px;padding: 10px 0;}
    .gallery_list ul li{width: 48%;}
    
    /* 180828 */
    .faq_list table td > span{font-size: 15px;}
    .progress_list > ul > li.left > .txt > ul > li > strong:before{left: -10%;}
    .progress_list > ul > li.right > .txt > ul > li > strong:before{right: -11%;}
    .vision .vision_list ul li a h5{font-size: 18px;}
    .vision .section .vision_img > ul > li{width: 45%;}
    .vision .section .vision_img img{width: auto;}
    .vision .section .vision_img > ul > li:nth-child(2) > p:after{background: none;}
    .vision .section .vision_img > ul > li{margin-bottom: 20px;}
    .summary .txt{padding-right:0;min-height:0;}
    .summary .txt h4{font-size: 25px;}
    .summary .img{position: static;width: 80%;margin: 0 auto 50px;}
    .summary .img img{max-width: 100%;}
    
    .space_wrap .vision_list ul li a h5{font-size: 18px;padding: 20px 0;}
    .space_wrap .section .img_area > ul > li{width: 45%;}
    .space_wrap .section .img_area img{width: auto;}
    .space_wrap .section .img_area > ul > li:nth-child(2) > p:after{background: none;}
    .space_wrap .section .img_area > ul > li{margin-bottom: 20px;}
    
    /* 180829 */
    .progress_list > ul > li .txt > ul > li > strong{font-size: 18px;}
    .progress_list > ul > li.left .txt > ul > li:before{left: -18px;top: 6px;}
    .progress_list > ul > li.right .txt > ul > li:before{right: -20px;top: 6px;}
    .rantal_list ul li{width: 48%;}
    .rantal_list ul li a .img{padding-bottom: 0;}
    
    /* 180830 */
    .space_wrap > .summary{min-height: inherit;}
    .space_wrap > .summary .txt{padding: 0;}
    .section .img{position: static;text-align: center;padding-bottom: 50px;}
    .space_wrap .section p{padding-bottom: 40px;}
    .space_wrap .vision_list ul{margin-right: -2%;}
    .space_wrap .vision_list ul li{width: 48% !important; margin-right: 2%;margin-bottom: 2%;min-height: 300px;}
    .space_wrap .vision_list ul li a{background: rgba(0,0,0,0.5);min-height: 300px;}
    .space_wrap .vision_list ul li a p{display: block !important;}
    .space_wrap .vision_list ul li{height: auto;}
    .space_wrap .vision_list ul li a p span{font-size: 14px;}
    .space_wrap .vision_list ul li a h5 strong{padding: 20px 0;}
    .space_wrap .vision_list.three ul li{height: auto;min-height: 320px}
    .space_wrap .vision_list.three ul li a{min-height: 320px}
    .tab_area > ul > li > a{font-size: 14px;}
    .progress_tab{width: 100%;}
    .vision .vision_list ul{}
    .vision .vision_list ul li{width: 48% !important; margin-right: 2%;margin-bottom: 2%;min-height: 270px;}
    .vision .vision_list ul li a{background: rgba(0,0,0,0.5);min-height: 270px;}
    .vision .vision_list ul li a p{display: block !important;}
    .vision .vision_list ul li{height: auto;}
    .vision .vision_list ul li a p span{font-size: 14px;}
    .vision .vision_list ul li a h5{padding: 20px 0;}
    .vision .vision_list ul li a h5 strong{padding: 20px 0;}
    .manage_list ul li{width: 32.33%;}
    .manage_list ul li .txt{padding: 40px 10px; font-size: 14px;}
    
    .bi_wrap .bi h2{font-size: 25px;}
    .bi_wrap .bi .bi_cont .bi_txt p{font-size: 14px;padding-bottom: 40px;}
    .bi_wrap .bi .bi_cont .bi_txt span{padding: 5px 10px;margin-bottom: 5px;}
    .bi_wrap .bi .bi_cont .bi_txt span a{font-size: 12px;}
    .bi_wrap .logo_area ul li a span{font-size: 12px;}
    .bi_wrap .color_rule p{font-size: 14px;}
    .library_wrap .time ul li{font-size: 16px;}
    .exhibit > h2{font-size: 20px;}
    .special_exhibit h2{font-size: 20px;}
    .exhibit .left{float: none;width: 100%;padding-bottom: 50px;}
    .exhibit .right{float: none;width: 100%;}

    .botanic_wrap .garden_list{padding-top: 30px;}
    .botanic_wrap .garden_list h2 {font-size: 25px;}
/*    .botanic_wrap .garden_list ul li{float: none;width: 80%;padding: 30px 0 30px 20%;background-size: 80px;}*/
    .greenhouse_wrap .city_greenhouse .city_list > ul > li .pink h3{font-size: 20px;}
    .greenhouse_wrap .city_greenhouse .city_list > ul > li .green h3{font-size: 20px;}
    
    /* 180904 */
    .gallery_view_cont{padding: 20px 0;}
    .gallery_view_cont .img_area{float: none;width: 100%;}
    .gallery_view_cont .text_area{float: none;width: 100%;padding-top: 20px;}
    .exhibit_list table td{font-size: 14px;}
    .volunteer02 .section .list02 > ul > li{padding-left: 2%;}
    .volunteer02 .section .img_area ul li{width: 45%;padding-bottom: 20px;}
    .volunteer02 .section .img_area ul li:nth-child(2):after{width: 0;}
    .useInfo .section h5{font-size: 16px;padding: 15px 50px 15px 15px;}
    .useInfo .section h5 a{right: 10px;top: 20px;}
    .facilities_wrap .facilities .floor > ul > li > h2{font-size: 14px;padding-right: 90px;}

	.useInfo .box_col.col1 > ul > li {display: inline-block;float: left;width: 50%;padding-bottom: 10px;}

	.vision .img_area ul li{float: none; width:100%;}
	.vision .img_area ul li span{display:block;font-size:12px;line-height:150%;height:54px;}
    
    /* 181119 */
    .research_wrap .research_list{padding: 0;}
    .research_wrap .office p strong{font-size: 20px;}
    .research_wrap .research_list ul li{/* height: auto; */flex-direction: column;gap: 0;padding-bottom: 0;}
    .research_wrap .research_list ul li .img.right{float: none;width: 100%;margin-left: 0;order: inherit;}
    .research_wrap .research_list ul li .img img{width: 100%;}
    .research_wrap .research_list ul li .txt{width: 90%;padding: 0 2%;}
    .research_wrap .research_list ul li .txt.left{position: relative;left: 3%;z-index: 1000;order: inherit;}
    .research_wrap .research_list ul li .txt.right{position: relative;left: 3%;right: 0;z-index: 1000;}
    .research_wrap .research_list ul li .txt.right strong{margin-left: 0;}
    .research_wrap .research_list ul li .txt.right p{padding-left: 0;}
    .research_wrap .research_list ul li:last-child .txt p{padding-bottom: 0;}
    .research_wrap .office p{background:none;}
    
    .facilities_wrap .exhibit_list .facilities_cont h2{font-size: 18px;padding: 15px 0 15px 20px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size: 15px;padding: 10px;}
	
	/* 181206 VR버튼 추가 */
	.greenhouse_wrap .city_greenhouse .city_list > ul > li > div span a.btn_VR{padding:0 10px;font-size:12px;}
    
    /* 181217 */
    .botanic_wrap .garden_list ul li{padding-bottom: 20px;}
	
	/* 190104 */
	.useInfo .info_txt{padding-bottom:20px;}
	.useInfo .info_txt ul li{background-position:left 9px;}
    .useInfo .info_txt ul li > strong{font-size:15px;}
	.useInfo .info_txt ul li .table_list02 table th{font-size:14px;padding:10px 5px;}
	.useInfo .info_txt ul li .table_list02 table td{font-size:14px;padding:10px 5px;}
	.useInfo .info_txt ul li p{font-size:14px;}
	
	.horizontal-programmes .programmes-pic{float:none;}
	.horizontal-programmes .programmes-info.news{float:none;width:auto;}
	.horizontal-programmes .programmes-info.news .programmes-info-content{padding-bottom:40px;}
	.vertical-programmes{border-bottom:1px solid #ddd;}
	
	/* 190902 */
	.top_banner .inner a{background-size:auto 100%;height:60px;}
    
    /* 191004 */
    .location .location_info > ul > li > ul > li table td.big{font-size: 14px;}
    .location .location_info > ul > li > ul > li table td{font-size: 13px;}
    
    
    .quick_menu { }
    .quick_menu .quick { margin:10px 0; padding:0 44px; }
    .quickCtrl { display:block; }
    .quick_menu .quick div span { font-size:15px;}
    .main_guide h3{font-size: 18px;margin: 22px 20px 0;}
    .main_guide .main_list .price ul{padding: 20px;}
    .main_guide .main_list .price .box{margin: 0 20px;}
    .main_guide .main_list .time ul{padding-left: 30px;}
    .main_guide .main_list .time ul li{font-size: 20px;}
    .main_guide .main_list .price .box p{font-size: 20px;}
    .programmes_list h3{font-size: 18px;}
    .programmes_list .main_news > ul > li .img{padding-bottom: 95%;}
    .programmes_list .main_news > ul > li .img .txt .tit{font-size: 14px;}
    .programmes_list .main_news > ul{margin-left: 0;}
    .programmes_list .main_news > ul > li{float: none;width: 100%;margin-left: 0;}
    .programmes_list .main_banner .bx-controls{top: 3px;}
    .programmes_list .main_news > ul > li{background-size: contain;}
    .programmes_list .main_news > ul > li .img .txt{padding: 20px;}
    .main_guide .main_notify .main_notify_list ul li a{width: 75%;}
    .main_guide .main_notify .main_notify_list ul li span.date{display: none;}
    .main_visual ul li .main_iframe iframe{width: 400px;}
    
    /* 200410 */
    .useInfo .section > div .list ul li{width: 49%;}
    
    
    .online_cont .txt h4{font-size: 20px;}
    .online_cont .txt span{font-size: 16px;}
    .mobile .main_guide .main_list .price{float: none;width: 100%;border-bottom: 1px solid #e1e9ed;}
    .mobile .main_guide .main_list .time{float: none;width: 100%;}
    #footer .inner .logo1{position: static;text-align: center;margin-bottom: 15px;}

    
}

@media all and (max-width:460px) {
	
	#container .main_visual .main_visual_in ul li a{height:200px;}
	#container .main_visual .main_visual_in ul li span{height:200px;}
    .main_visual ul li .txt{font-size: 20px;}
    .main_visual ul li .txt .visual_cont p{font-size: 15px;}
    .main_visual ul li .main_iframe iframe{width: 380px;}
	
	/* 171122 */
	.library_list > ul > li .info{margin-right:20px;}
	.library_list > ul > li.right .info{margin-left:20px;}
	.library_list > ul > li .step{display:none;}
	.library_list > ul > li.right .step{display:none;}
	.newsletter_top .inner .btn a{font-size:12px;margin-right:10px;}
    
    /* 180827 */
    .faq_list table td{font-size: 14px;}
    .tab_area > ul > li{padding: 0 5px;}
    .tab_area > ul > li > a{padding-bottom: 10px;}
    .gallery_list ul li{width: 98%;}
    
    /* 180828 */
    .faq_list table td > span{font-size: 10px;}
    .progress_list > ul > li > .txt > ul > li > p{font-size: 12px;}
    .progress_list > ul > li.left > .txt > ul > li > strong:before{left: -12%;}
    .progress_list > ul > li.right > .txt > ul > li > strong:before{right: -14%}
    .vision .section .vision_img > ul > li{width: 49%;margin-right: 0;}
    .vision .section .vision_img > ul > li > p:after{top: 20px;right: -20px;}
    .vision .section .vision_img > ul > li > span{font-size: 12px;display: block;height: 70px;}
    .vision .vision_list ul li a h5{font-size: 14px;}
    .vision .vision_list ul li a h5 strong{padding-bottom: 20px;}
    .vision .vision_list ul li a p span{font-size: 11px;line-height: 130%;}

    .space_wrap .section .img_area > ul > li{width: 49%;margin-right: 0;}
    .space_wrap .section .img_area > ul > li > p:after{top: 20px;right: -20px;}
    .space_wrap .section .img_area > ul > li > span{font-size: 12px;display: block;height: 70px;}
    .space_wrap .vision_list ul li a h5{font-size: 14px;}
    .space_wrap .vision_list ul li a p span{font-size: 11px;line-height: 130%;}    
    
    /* 180829 */
    .progress_wrap h2 span{font-size: 14px;}
    .progress_list > ul > li .txt > ul > li > strong{font-size: 14px;}
    .progress_list > ul > li.left .txt > ul > li:before{left: -14px;top: 2px;}
    .progress_list > ul > li.right .txt > ul > li:before{right: -18px;top: 2px;}
    .rantal_list ul li{width: 98%;margin-right: 0;margin: 2%}
    
    /* 180830 */
    .space_wrap > .summary .txt h4{font-size: 18px;}
    .space_wrap > .summary .txt p{font-size: 13px;}
    .space_wrap > .summary .txt p.sub_txt{font-size: 14px;}
    .space_wrap .section h4{font-size: 18px;}
    .space_wrap .section .img_area{padding-top: 20px;}
    .exhibit > .txt02{font-size: 13px;}
    .sub_tab > ul > li > a{font-size: 12px;}
    .faq_list table td a{font-size: 14px;}
    .progress_tab ul li a{font-size: 12px;padding: 5px;}
    .manage_list ul li{width: 48%;margin: 1%;height: 200px;background-size: cover;}
    .manage_list ul li .txt{font-size: 12px;}
    .manage_list ul li a{background-repeat: no-repeat;}
    .manage_list ul li a.sub_list01{background-image: url(../img/sub_list01.jpg);}
    .manage_list ul li a.sub_list01:hover{background-image: url(../img/sub_list01.jpg);}
	.manage_list ul li a.sub_list01:focus{background-image: url(../img/sub_list01.jpg);}
    .manage_list ul li a.sub_list01.active{background-image: url(../img/sub_list01_1.jpg);}
    .manage_list ul li a.sub_list02{background-image: url(../img/sub_list02.jpg);}
    .manage_list ul li a.sub_list02:hover{background-image: url(../img/sub_list02.jpg);}
	.manage_list ul li a.sub_list02:focus{background-image: url(../img/sub_list02.jpg);}
    .manage_list ul li a.sub_list02.active{background-image: url(../img/sub_list02_1.jpg);}
    .manage_list ul li a.sub_list03{background-image: url(../img/sub_list03.jpg);}
    .manage_list ul li a.sub_list03:hover{background-image: url(../img/sub_list03.jpg);}
	.manage_list ul li a.sub_list03:focus{background-image: url(../img/sub_list03.jpg);}
    .manage_list ul li a.sub_list03.active{background-image: url(../img/sub_list03_1.jpg);}
    .manage_list ul li a.sub_list04{background-image: url(../img/sub_list04.jpg);}
    .manage_list ul li a.sub_list04:hover{background-image: url(../img/sub_list04.jpg);}
	.manage_list ul li a.sub_list04:focus{background-image: url(../img/sub_list04.jpg);}
    .manage_list ul li a.sub_list04.active{background-image: url(../img/sub_list04_1.jpg);}
    .manage_list ul li a.sub_list05{background-image: url(../img/sub_list05.jpg);}
    .manage_list ul li a.sub_list05:hover{background-image: url(../img/sub_list05.jpg);}
	.manage_list ul li a.sub_list05:focus{background-image: url(../img/sub_list05.jpg);}
    .manage_list ul li a.sub_list05.active{background-image: url(../img/sub_list05_1.jpg);}
    .manage_list ul li a.sub_list06{background-image: url(../img/sub_list06.jpg);}
    .manage_list ul li a.sub_list06:hover{background-image: url(../img/sub_list06.jpg);}
	.manage_list ul li a.sub_list06:focus{background-image: url(../img/sub_list06.jpg);}
    .manage_list ul li a.sub_list06.active{background-image: url(../img/sub_list06_1.jpg);}
    .manage_list ul li a.sub_list07{background-image: url(../img/sub_list07.jpg);}
    .manage_list ul li a.sub_list07:hover{background-image: url(../img/sub_list07.jpg);}
	.manage_list ul li a.sub_list07:focus{background-image: url(../img/sub_list07.jpg);}
    .manage_list ul li a.sub_list07.active{background-image: url(../img/sub_list07_1.jpg);}
    .manage_list ul li a.sub_list08{background-image: url(../img/sub_list08.jpg);}
    .manage_list ul li a.sub_list08:hover{background-image: url(../img/sub_list08.jpg);}
	.manage_list ul li a.sub_list08:focus{background-image: url(../img/sub_list08.jpg);}
    .manage_list ul li a.sub_list08.active{background-image: url(../img/sub_list08_1.jpg);}
    .manage_list ul li a.sub_list09{background-image: url(../img/sub_list09.jpg);}
    .manage_list ul li a.sub_list09:hover{background-image: url(../img/sub_list09.jpg);}
	.manage_list ul li a.sub_list09:focus{background-image: url(../img/sub_list09.jpg);}
    .manage_list ul li a.sub_list09.active{background-image: url(../img/sub_list09_1.jpg);}
    .manage_list ul li a.sub_list10{background-image: url(../img/sub_list10.jpg);}
    .manage_list ul li a.sub_list10:hover{background-image: url(../img/sub_list10.jpg);}
	.manage_list ul li a.sub_list10:focus{background-image: url(../img/sub_list10.jpg);}
    .manage_list ul li a.sub_list10.active{background-image: url(../img/sub_list10_1.jpg);}
    .manage_list ul li a:hover .tit{display:block}
    .manage_list ul li a:hover .txt{display:none}
	.manage_list ul li a:focus .tit{display:block}
    .manage_list ul li a:focus .txt{display:none}
    .manage_list ul li a.active .tit{display:none !important;}
    .manage_list ul li a.active .txt{display:block !important;}
    .bi_wrap .bi .bi_cont .bi_txt{float: none;width: 100%;}
    .bi_wrap .bi .bi_cont .bi_txt p{padding-bottom: 10px;}
    .bi_wrap .bi .bi_img{float: none;width: 100%;padding-top: 20px;}
    .bi_wrap .logo_area ul li{width: 49%;margin-bottom: 2%;}
    .bi_wrap .color_rule ul li{width: 49%;margin-bottom: 1%;}
    .library_wrap p{font-size: 14px;}
    .library_wrap span{font-size: 14px;}
    .library_wrap .time ul li{display: block;margin-right: 0;font-size: 14px;}
    .exhibit > h2{font-size: 15px;}
    .special_exhibit h2{font-size: 15px;}
    .exhibit .left p{font-size: 14px;}
    .botanic_wrap .garden_list{padding-top: 20px;}
    .botanic_wrap .garden_list h2{font-size: 15px;}
    .botanic_wrap .garden_list p{padding: 10px 0;font-size: 14px;}
/*    .botanic_wrap .garden_list ul li{background-size: 70px;width: 75%; padding: 20px 0 20px 25%;font-size: 14px;}*/
    .greenhouse_wrap .greenhouse{margin-right: 0;}
    .greenhouse_wrap .greenhouse ul{float: none;width: 99%;margin-bottom: 10px;}
    .greenhouse_wrap .city_greenhouse .city_list > ul > li > div span{font-size: 14px;}
    .greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul > li{padding: 10px 20px;}
    .greenhouse_wrap .city_greenhouse .city_list > ul > li > div > ul > li p{font-size: 14px;}
    .magog_wrap .sub_tab{margin-bottom: 20px;}
    .magog_wrap .magog span{font-size: 14px;}
    .magog_wrap .magog span{padding: 20px 0;}
    .magog_wrap .magog .magog_img ul {margin-right: 0;}
    .magog_wrap .magog .magog_img ul li{float: none;width: 100%;margin-right: 0;}
    .summary .txt h4{font-size: 20px;}
    .summary .txt p{font-size: 14px;}
    .summary .txt p.sub_txt{font-size: 14px;}
    .summary .img{width: 100%;margin: 0 auto 20px;}
    
    /* 180904 */
    .useInfo .info{padding: 20px 0;}
    .useInfo .section h5{font-size: 14px;}
    .useInfo .section .list > ul > li{font-size: 12px;}
    .useInfo .section .list > ul .char{font-size: 11px;}
    .map_area > h4{font-size: 14px;}
    .location .map_area .map{padding-bottom: 20px;}
    .location .map_area .btn{padding-bottom: 10px;left: 12px;bottom: 12px;}
    .location .map_area .btn img{width: 70px;}
    .location .location_info h2{font-size: 20px;padding-bottom: 10px;}
	.location .location_info h2 span{font-size: 14px;padding-left:5px;}
    .location .location_info > ul > li h4{font-size: 16px;}
    .location .location_info > ul > li h4 span{font-size: 14px;}
    .location .location_info > ul > li > ul > li{font-size: 12px;}
	.location .location_info > ul > li > ul.bus_info{}
	.location .location_info > ul > li > ul.bus_info > li{float:none;width:auto;}
	.location .location_info > ul > li > ul > li table th{font-size:14px;padding:10px 0;}
    .exhibit_list h2{font-size: 18px;}
    .exhibit_list table td{font-size: 12px;padding: 10px;}
    .volunteer02 .section > h4{font-size: 18px;}
    .volunteer02 .section .list01 > ul > li{width: 48%;}
    .volunteer02 .section .list01 > ul > li span{font-size: 12px;}
    .volunteer02 .section .txt_box > strong{font-size: 16px;}
    .volunteer02 .section .txt_box > strong:before{width: 240px;height: 2px;top: -10px;}
    .volunteer02 .section .img_area{padding-bottom: 20px;}
    .volunteer02 .section .img_area ul li:after{width: 0;}
    
    /* 180905 */
    .useInfo .section > div > ul > li{font-size: 12px;}
    .useInfo .section > div > ul .char{font-size: 12px;}
    .useInfo .section .list05 ul li{margin-right: 8px;}
    .useInfo .section h5 a img{width: 40px;}
    .useInfo .rental h4{font-size: 18px;margin-bottom: 10px;}
    .useInfo .rental .list06 h5{font-size: 14px}
    .useInfo .rental .list06 > ul > li{font-size: 12px;}
    .facilities_wrap .facilities p{font-size: 14px;}
    .facilities_wrap .facilities .floor > ul > li > h2{padding-right: 0;}
    .facilities_wrap .facilities .floor > ul > li > h2 strong{font-size: 20px;display: block;}
    .facilities_wrap .facilities .floor > ul > li > ul > li{width: 48%;padding-bottom: 7px;}
    .facilities_wrap .facilities .floor > ul > li > a img{width: 70px;}
    .useInfo .box_col.col1 > ul > li {display: inline-block;float: left;width: 100%;padding-bottom: 10px;}
    .gallery_view_cont .img_area p a{height: 50px;}
    
    /* 181119 */
	.research_wrap .office p{text-align: center;color: #000;padding:20px 0;margin: 0 30px;}
    .research_wrap .office p strong{font-size: 14px;}
    .research_wrap .office p span{font-size: 12px;}
    .research_wrap .office ul{padding: 15px 0;}
    .research_wrap .research_list ul li .txt strong{font-size: 18px;}
    .research_wrap .research_list ul li .txt p{font-size: 12px;}
    .research_wrap .research_list ul li .txt p br{display: none;} 
    
    .facilities_wrap .exhibit_list .facilities_cont{margin-bottom: 20px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size: 14px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li > ul{padding: 20px 0;}
    
    /* 181217 */
    .botanic_wrap .garden_list ul li .txt{padding-top: 0;}
    
    /* 190121 */
	.eventInfo_view_cont .section02 .movie{height:300px;}
	.eventInfo_view_cont .section01 .img{width:auto;position:static;padding-bottom:10px;}
	.eventInfo_view_cont .section01 .img img{max-width:none;}
	.eventInfo_view_cont .section01 .txt_wrap{margin-left:0;padding-bottom:20px;min-height:auto;}
	.eventInfo_view_cont .section01 .txt_wrap .info .btn_down{font-size:12px;position:relative;display:inline-block;bottom:auto;top:auto;width:150px;}
	.eventInfo_view_cont .section01 .txt_wrap .info .btn_down a{font-size:12px;}
	
	/* 190322 */
	.plant_manage .tit{padding:20px 10px;font-size:18px;}
	.plant_manage .cont{padding:15px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;}
	.plant_manage .cont .list ul li{background:url(../img/ico_plant_manage.png) no-repeat left top;padding:5px 0 5px 30px;font-size:14px;line-height:150%;margin-bottom:10px;word-break:break-all;}
	
	/* 190902 */
	.top_banner .inner a{background-size:auto 100%;height:40px;}
    
    /* 191004 */
    .location .location_info > ul > li > ul > li table td.big{font-size: 12px;}
    .location .location_info > ul > li > ul > li table td{font-size: 10px;}
	
	.tab_area_sub > ul{overflow:hidden; }
	.tab_area_sub > ul > li{display:block;float:left;width:50%;}
	.tab_area_sub > ul > li > a{font-size: 14px;display:block;}
	.tab_area_sub > ul > li:nth-child(3) > a:before{display:none;}
	.tab_area_sub > ul > li:nth-child(5) > a:before{display:none;}
    
    
    .mobile .main_guide .main_list .price{float: none;width: 100%;}
    .mobile .main_guide .main_list .time{float: none;width: 100%;}
    .mobile .main_guide .main_list .time ul{padding-left: 30px;}
    
    .main_guide .main_list .time{position: relative;}
    .main_guide .main_list .time ul{padding-left: 0;padding: 0 20px 20px 20px;}
    .main_guide .main_list .time ul:after{content: '';display: block;clear: both;}
    .main_guide .main_list .time ul li{float: none;width: 100%;}
    .main_guide .main_list .time .parking{position: static;right: 35px;bottom: 15px;border-top: 0;}
	.main_guide .main_list .time .parking h3{margin-top:0;}
    .main_guide .main_list .time ul li span{font-size: 13px;}
    .main_guide .main_notify .main_notify_list ul li span{width: 50px;font-size: 12px;}
    .main_guide .main_notify .main_notify_list ul li a{font-size: 14px;}
    
    #container .main_notice .linkList ul li a img{height: 30px;}
    #container .main_notice .linkList ul li a{font-size: 16px;}
    
    /* 200410 */
    .useInfo .section > div .tit{font-size: 15px;}
    .useInfo .section > div .list ul li{background-size: 50px;height: 240px;}
    .useInfo .section > div .list ul li p{font-size: 15px;padding-top: 100px;}
    .useInfo .section .note03 p{font-size: 15px;}
    
    /* 201124 */
    .vision .vision_list ul{margin-right: 0;}
    .vision .vision_list ul li{float: none;width: 100% !important;margin-right: 0;min-height: auto;}
    .vision .vision_list ul li a{min-height: auto;}
    .title h3{font-size: 18px;}
    .facilities_wrap .exhibit_list h5{font-size: 15px;}
    .space_wrap .vision_list ul{margin-right: 0;}
    .space_wrap .vision_list ul li{float: none;width: 100% !important;margin-right: 0;min-height: auto;}
    .space_wrap .vision_list ul li a{min-height: auto;}
    .sub_tab > ul > li{padding: 0 5px;}
    .space_wrap .vision_list.three ul li{min-height: auto;}
    .space_wrap .vision_list.three ul li a{min-height: auto;}
   
    #container .mobile .main_visual{height: 400px;}
    #container .mobile .main_visual .video iframe{width: 700px;height: 400px;margin-left: -350px;}
	
}
/* 2024.04.29 서울식물원 메인 리뉴얼  */
/* 폰트연결 */
@font-face {
  font-family: 'SeoulNamsan';
  font-weight: 900;
  src: url(../font/SeoulNamsanExtraBold.woff) format('woff');
}
@font-face {
  font-family: 'SeoulNamsan';
  font-weight: 700;
  src: url(../font/SeoulNamsanBold.woff) format('woff');
}
@font-face {
  font-family: 'SeoulNamsan';
  font-weight: 500;
  src: url(../font/SeoulNamsanMedium.woff) format('woff');
}
@font-face {
  font-family: 'SeoulNamsan';
  font-weight: 300;
  src: url(../font/SeoulNamsanLight.woff) format('woff');
}
/* body .main_wrap,body .main_wrap button, body .main_wrap a, #wrap, #wrap #seoul-gnb-plugin * {
    font-family: 'SeoulNamsan';
  font-weight: 500;
} */
#wrap #seoul-gnb-plugin.white .seoul-gnb-menu > dd > :is(a, button){
	font-weight: 700;
	color: #3e3a39;
}
/* 슬릭 높이 */
.main_wrap :is(.slick-list, .slick-track, .slick-slide img) {
  height: 100%;
}
.main_wrap .slide_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_wrap .section01 .slide_box {
  height: 100vh;
}
/* 공통 영역 */
.main_wrap {
	line-height:1.3;
}
.main_wrap div{
  box-sizing: border-box;
}
.main_wrap button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.blind {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-break: normal;
  word-wrap: normal;
}
.sc_inner {
  max-width: 1540px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.main_wrap .sc_cont.frame {
  display: flex;
}
.main_wrap .sc_title {
  font-size: 34px;
  font-weight: 900;
  color:#000;
}
.main_wrap .section04 .sc_title{
	color: #fff;
}
.main_wrap .sc_title .point {
  color: #56a47c;
}
.main_wrap .more_view,
.main_wrap .slide_ctrl button {
  width: 40px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.main_wrap .slide_ctrl button {
  background-color: #fff;
  border: 1px solid #ccc;
}
.main_wrap .more_view {
  background-image: url(../img/ico_more_view.png);
  background-color: #2d7474;
  align-self: center;
}
.main_wrap .slide_ctrl .prev {
  background-image: url(../img/ico_prev.png);
  background-position: 47% center;
}
.main_wrap .slide_ctrl .next {
  background-image: url(../img/ico_next.png);
  background-position: 53% center;
}
.main_wrap .slide_ctrl .pause {
  background-image: url(../img/ico_pause.png);
}
.main_wrap .slide_ctrl .play {
  background-image: url(../img/ico_play02.png);
  display: none;
}
.main_wrap .slide_ctrl.pause .play {
  display: block;
}
.main_wrap .slide_ctrl.pause .pause {
  display: none;
}
.main_wrap .slide_ctrl,
.main_wrap .slide_ctrl_box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.main_wrap .tab_btn_list {
  display: flex;
  align-items: center;
}
.main_wrap .tab_btn_wrap.text .tab_btn_list {
  gap: 13px;
}
.main_wrap .tab_btn_wrap.sns .tab_btn_list {
  gap: 8px;
}
.main_wrap .tab_btn_wrap.text .tab_btn {
  min-width: 120px;
  padding: 0 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background-color: #8f9496;
  border-radius: 20px;
  transition: 0.3s;
  letter-spacing: -0.08em;
}
.main_wrap .tab_btn_wrap.sns .tab_btn {
  width: 50px;
  aspect-ratio: 1 /1;
  font-size: 0px;
  background-color: #8f9496;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
.main_wrap .tab_btn_wrap.text .tab_btn.on {
  background-color: #3f746b;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.facebook {
  background-image: url(../img/ico_facebook.png);
}
.main_wrap .tab_btn_wrap.sns .tab_btn.instagram {
  background-image: url(../img/ico_instagram.png);
  transition: 0s;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.youtube {
  background-image: url(../img/ico_youtube.png);
}
.main_wrap .tab_btn_wrap.sns .tab_btn.facebook.on {
  background-image: url(../img/ico_facebook.png);
  background-color: #445d98;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.instagram.on {
  background-image: url(../img/ico_instagram.png);
  position: relative;
  background-color: transparent;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.instagram::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #c81b79;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  opacity: 0;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.instagram.on::before {
  opacity: 1;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.instagram::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-image: url(../img/ico_instagram.png);
  background-position: center;
  background-repeat: no-repeat;
}
.main_wrap .tab_btn_wrap.sns .tab_btn.youtube.on {
  background-image: url(../img/ico_youtube.png);
  background-color: #9b2a3a;
}
.main_wrap section :is(.slide_ctrl_box_wrap, .sc_cont_wrap)>div:not(:first-of-type) {
  display: none;
}
@media screen and (hover:hover) {
  .main_wrap .slide_ctrl button:hover {
    border: 1px solid #2d7474;
  }
  .main_wrap .more_view:hover {
    background-color: #679913;
  }
  .main_wrap .slide_ctrl .prev:hover {
    background-image: url(../img/ico_prev_on.png);
    background-position: 47% center;
  }
  .main_wrap .slide_ctrl .next:hover {
    background-image: url(../img/ico_next_on.png);
    background-position: 53% center;
  }
  .main_wrap .slide_ctrl .pause:hover {
    background-image: url(../img/ico_pause_on.png);
  }
  .main_wrap .slide_ctrl .play:hover {
    background-image: url(../img/ico_play02_on.png);
  }
}
@media screen and (max-width:1024px){
	  .main_wrap .tab_btn_wrap.text .tab_btn {
          font-size: 15px;
        padding: 5px 10px;
  }
}
@media screen and (max-width:768px) {
  .main_wrap .sc_title {
    font-size: 26px;
  }
    .main_wrap .tab_btn_wrap.text li{
    min-width:0;
    }
    .main_wrap .tab_btn_wrap.text .tab_btn{
     min-height: 40px;
     height: auto;
    }
  .main_wrap .tab_btn_wrap.text .tab_btn_list {
    gap: 10px;
    flex-wrap: wrap;
  }
  .main_wrap .tab_btn_wrap.sns .tab_btn_list {
    gap: 6px;
  }
  .main_wrap .tab_btn_wrap.sns .tab_btn {
    width: 35px;
  }
  .main_wrap .tab_btn_wrap.sns .tab_btn.facebook {
    background-size: 8px 15px;
  }
  .main_wrap .tab_btn_wrap.sns .tab_btn.instagram {
    background-size: 15px 15px;
  }
  .main_wrap .tab_btn_wrap.sns .tab_btn.youtube {
    background-size: 17px 13px;
  }
}
/* 섹션01 */
.main_wrap .section01 .sc_inner {
  padding: 0;
  max-width: 1500px;
}
.main_wrap .section01 {
  background-color: #004e46;
}
.main_wrap .section01 .green_area {
  width: calc(470 / 1500 * 100%);
  background-color: #679913;
  display: flex;
  gap: 25px;
  align-items: center;
}
.main_wrap .section01 .cal_box {
  width: 122px;
  aspect-ratio: 122 / 127;
  background: url(../img/cal_back.png) no-repeat center;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  padding-top: 10px;
  color: #000;
}
.main_wrap .section01 .cal_box .year {
  font-size: 15px;
  font-weight: 700;
}
.main_wrap .section01 .cal_box .date_list {
  font-size: 22px;
  font-weight: 900;
}
.main_wrap .section01 .cal_box .top {
  border-bottom: 1px solid #ea6149;
}
.main_wrap .section01 .cal_box .bot {
  margin-top: 5px;
}
.main_wrap .section01 .cal_box .today {
  font-size: 18px;
  font-weight: 700;
}
.main_wrap .section01 .text_box .main_text {
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 5px;
}
.main_wrap .section01 .text_box {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  flex: 1;
  min-width: 0;
}
.main_wrap .section01 .info_area {
  display: flex;
  flex: 1;
  min-width: 0;
}
.main_wrap .section01 :is(.info_area > div, .green_area) {
  padding: 35px 45px 40px;
}
}.main_wrap .section01 .info_area .left {
    width : 50%;
}
.main_wrap .section01 .info_area .right {
    width : 50%;
}
.main_wrap .section01 .info_area>div {
  position: relative;
}
.main_wrap .section01 .info_area>div:not(:last-of-type)::after {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 76px);
  background-color: rgba(255, 255, 255, 0.4);
  right: 0;
  top: 36px;
}
.main_wrap .section01 .point {
  color: #dae145;
}
.main_wrap .section01 .info_title {
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 10px;
}
.main_wrap .section01 .dot_list.grid {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 4px 14px;
}
.main_wrap .section01 .dot_list>li {
  position: relative;
  padding-left: 12px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.main_wrap .section01 .dot_list.grid>li {
  display: flex;
  justify-content: space-between;
}
.main_wrap .section01 .dot_list>li+li {
  margin-top: 4px;
}
.main_wrap .section01 .dot_list.grid>li+li {
  margin-top: 0;
}
.main_wrap .section01 .dot_list>li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #fff;
}
.main_wrap .section01 .guide_text {
  font-size: 18px;
  font-weight: 300;
  margin-top: 4px;
}
@media screen and (max-width:1300px) {
  .main_wrap .section01 .info_area .left {
    flex: 1;
    min-width: 0;
  }
  .main_wrap .section01 :is(.info_area > div, .green_area) {
    padding: 30px 20px;
  }
  .main_wrap .section01 .green_area {
    flex-direction: column;
  }
  .main_wrap .section01 .dot_list.grid{
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width:1024px) {
  .main_wrap .section01 .green_area {
    width: 100%;
  }
  .main_wrap .section01 .sc_cont.frame {
    flex-direction: column;
  }
  .main_wrap .section01 .green_area {
    flex-direction: row;
    justify-content: center;
  }
  .main_wrap .section01 .text_box {
    max-width: 250px;
  }
}
@media screen and (max-width:768px) {
  :root {
    --side_gap: 22px;
  }
  .main_wrap .section01 .info_area {
    flex-direction: column;
  }
  .main_wrap .section01 .info_area>div:not(:last-of-type)::after {
    width: calc(100% - 44px);
    height: 1px;
    right: auto;
    bottom: 0;
    top: auto;
  }
  .main_wrap .section01 .info_area .left,
  .main_wrap .section01 .info_area .right{
  	width:100%;
  }
  .main_wrap .section01 .dot_list.grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .main_wrap .section01 :is(.info_area > div, .green_area) {
    padding: 20px var(--side_gap) 15px;
  }
  .main_wrap .section01 .info_title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .main_wrap .section01 .dot_list>li {
    font-size: 16px;
    line-height: 24px;
  }
  .main_wrap .section01 .guide_text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width:450px) {
  .main_wrap .section01 .sc_cont .green_area {
    padding: 0;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .main_wrap .section01 .cal_box {
    width: 100%;
    aspect-ratio: auto;
    background: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
    gap: 4px;
    padding: 17px var(--side_gap) 13px;
    padding-right: 90px;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
    flex-wrap: wrap;
  }
  .main_wrap .section01 .cal_box :is(.year, .date_list, .today),
  .main_wrap .section01 .text_box .main_text {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
  }
  .main_wrap .section01 .cal_box .bot {
    margin-top: 0;
  }
  .main_wrap .section01 .cal_box .top {
    border-bottom: 0;
    display: flex;
    gap: 4px;
  }
  .main_wrap .section01 .text_box {
    max-width: 100%;
    padding: 13px var(--side_gap) 11px;
    text-align: left;
    position: relative;
    width: 100%;
  }
  .main_wrap .section01 .text_box .main_text {
    position: absolute;
    right: var(--side_gap);
    top: -39px;
  }
}
/* 섹션02 */
.main_wrap .section02 {
  padding: 85px 0 45px;
}
.main_wrap .section02 .sc_title_box {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_wrap .section02 .notice_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
.main_wrap .section02 .item {
  border: 1px solid #c9caca;
  border-radius: 8px;
  display: block;
  padding: 35px 30px 50px;
  transition: 0.3s;
}
.main_wrap .section02 .tag {
  min-width: 50px;
  height:50px;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.main_wrap .section02 .type01 .tag {
  background-color: #4f9531;
}
.main_wrap .section02 .type02 .tag {
  background-color: #0089e8;
}
.main_wrap .section02 .type03 .tag {
  background-color: #f04e22;
}
.main_wrap .section02 .type04 .tag {
  background-color: #ff3600;
}
.main_wrap .section02 .type05 .tag {
  background-color: #ff3000;
}
.main_wrap .section02 .type06 .tag {
  background-color: #007236;
}
.main_wrap .section02 .type07 .tag {
  background-color: #008a8c;
}
.main_wrap .section02 .item_title {
  font-size: 20px;
  line-height: 30px;
  min-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 25px 0 35px;
  color: #3e3a39;
  font-weight: 900;
  transition: 0.3s;
}
.main_wrap .section02 .item .date {
  color: #828386;
  font-size: 16px;
}
@media screen and (max-width:1400px) {
  .main_wrap .section02 .notice_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .main_wrap .section02 .item {
    padding: 30px 25px 40px;
  }
}
@media screen and (max-width:768px) {
  .main_wrap .section02 .notice_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .main_wrap .section02 .item_title {
    line-height: 28px;
    min-height: 56px;
    margin: 16px 0 18px;
  }
  .main_wrap .section02 .notice_list>a:nth-of-type(n + 5) {
    display: none;
  }
  .main_wrap .section02 .sc_title_box {
    margin-bottom: 15px;
  }
  .main_wrap .section02 {
    padding: 50px 0 25px;
  }
}
@media screen and (max-width:560px) {
  .main_wrap .section02 .notice_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .main_wrap .section02 .notice_list>a:nth-of-type(n + 4) {
    display: none;
  }
  .main_wrap .section02 .item .date {
    font-size: 14px;
  }
}
/* 섹션3 */
.main_wrap .section03 {
  padding: 45px 0 80px;
}
.main_wrap .section03 .sc_inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.main_wrap .section03 .sc_title {
  margin-bottom: 10px;
}
.main_wrap .section03 .sc_title_box {
  width: 35%;
}
.main_wrap .section03 .sc_cont.help {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.main_wrap .section03 .item {
  text-align: center;
}
.main_wrap .section03 .item p {
  font-size: 18px;
  font-weight: 700;
  color: #3e3a39;
  transition : 0.3;
}
.main_wrap .section03 .item::before {
  content: '';
  display: block;
  width: 120px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #eaf1f0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 auto 15px;
  transition: 0.3s;
}
.main_wrap .section03 .item.type01::before {
  background-image: url(../img/ico_quick01.png);
}
.main_wrap .section03 .item.type02::before {
  background-image: url(../img/ico_quick02.png);
}
.main_wrap .section03 .item.type03::before {
  background-image: url(../img/ico_quick03.png);
}
.main_wrap .section03 .item.type04::before {
  background-image: url(../img/ico_quick04.png);
}
.main_wrap .section03 .item.type05::before {
  background-image: url(../img/ico_quick05.png);
}
.main_wrap .section03 .item.type06::before {
  background-image: url(../img/ico_quick06.png);
}
@media screen and (hover:hover) {
  .main_wrap .section03 .item:hover::before {
    background-position: 50% 40%;
  }
  .main_wrap .section03 .item:hover p{
  	color: #56a47c;
  }
}
@media screen and (max-width:1200px) {
  .main_wrap .section03 .sc_cont.help {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }
  .main_wrap .section03 .sc_inner {
    align-items: flex-start;
  }
  .main_wrap .section03 .sc_title_box {
    width: 33%;
  }
}
@media screen and (max-width:768px) {
  .main_wrap .section03 .sc_title_box {
    width: 100%;
  }
  .main_wrap .section03 {
    padding: 25px 0 55px;
  }
  .main_wrap .section03 .sc_inner {
    flex-direction: column;
  }
  .main_wrap .pc {
    display: none;
  }
  .main_wrap .section03 .item::before {
    width: 80px;
    margin-bottom: 10px;
  }
  .main_wrap .section03 .item p {
    font-size: 13px;
  }
  .main_wrap .section03 .item.type01::before {
    background-size: 40px 42px;
  }
  .main_wrap .section03 .item.type02::before {
    background-size: 39px 38px;
  }
  .main_wrap .section03 .item.type03::before {
    background-size: 40px 39px;
  }
  .main_wrap .section03 .item.type04::before {
    background-size: 40px 40px;
  }
  .main_wrap .section03 .item.type05::before {
    background-size: 36px 45px;
  }
  .main_wrap .section03 .item.type06::before {
    background-size: 42px 43px;
  }
}
/* 섹션4 */
.main_wrap .section04 {
  padding: 85px 0 90px;
  position: relative;
  overflow: hidden;
  background-image: url(../img/back_img01.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
.main_wrap .section04::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-color: rgba(0 0, 0, 0.6);
}
.main_wrap .section04 .sc_inner {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 4;
}
.main_wrap .section04 .sc_title {
  margin-bottom: 10px;
}
.main_wrap .section04 .sc_title_box {
  width: 20%;
  color: #fff;
}
.main_wrap .section04 .slide_box {
  width: 80%;
}
.main_wrap .section04 .slide_item {
  margin: 0 23px;
  outline-offset: -2px;
}
.main_wrap .section04 .slick-list {
  margin: 0 -23px;
}
.main_wrap .section04 .img_box {
  width: 100%;
  aspect-ratio: 363 / 408;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.main_wrap .section04 .img_box>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main_wrap .section04 .text_box {
  background-color: #fff;
  padding: 28px 25px 35px;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.main_wrap .section04 .slide_title {
  /* display: inline-block;
  font-size: 20px;
  font-weight: 900;
  line-height: 29px;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  word-break: break-all; */
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  font-size: 20px;
  font-weight: 900;
  line-height: 29px;
  overflow: hidden;
  max-width: 100%;  
  text-overflow: ellipsis;
  word-break: break-all;
  min-height: 58px;
  white-space: normal;
}
.main_wrap .section04 .date,
.section04 .place {
  font-size: 16px;
  line-height: 24px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  max-width: 100%;
  color: #828386;
  white-space: nowrap;
  min-height: 22px;
}
.main_wrap .section04 .date {
  display:none;
}
.main_wrap .section04 .slide_ctrl_box {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  .main_wrap .section04 .sc_title_box {
    width: 200px;
  }
  .main_wrap .section04 .slide_box {
    min-width: 0;
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .main_wrap .section04 .sc_inner {
    flex-direction: column;
  }
  .main_wrap .section04 .sc_title_box {
    width: 100%;
  }
  .main_wrap .section04 .slide_box {
    width: 100%;
  }
  .main_wrap .section04 {
    padding: 50px 0 140px;
  }
  .main_wrap .section04 .sc_title_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main_wrap .section04 .slide_ctrl_box {
    margin-top: 0;
  }
  .main_wrap .section04 .slide_ctrl {
    position: absolute;
    left: 50%;
    bottom: -80px;
    transform: translateX(-50%);
  }
  .main_wrap .section04 .date,
  .main_wrap .section04 .place {
    font-size: 14px;
  }
  .main_wrap .section04 .text_box {
    padding: 13px 25px 20px;
  }
}
/* 섹션5 */
.main_wrap .section05 {
  padding: 90px 0 40px;
  position: relative;
  overflow: hidden;
}
.main_wrap .section05 .slide_item {
  margin: 50px 22px;
}
.main_wrap .section05 .slick-list {
  margin: 0 -24px;
}
.main_wrap .section05 .img_box {
  width: 100%;
  aspect-ratio: 342 / 227;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.main_wrap .section05 .img_box>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main_wrap .section05 .text_box {
  background-color: #fff;
  padding: 26px 25px 30px;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.main_wrap .section05 .slide_item .inner {
  border: 1px solid #ccc;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s;
}
.main_wrap .section05 .slide_title {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  line-height: 29px;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  word-break: break-all;
}
.main_wrap .section05 .date {
  font-size: 16px;
  line-height: 24px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  max-width: 100%;
  color: #828386;
  white-space: nowrap;
  min-height: 22px;
}
.main_wrap .section05 .left {
  display: flex;
  gap: 50px;
  align-items: center;
}
.main_wrap .section05 .sc_title_box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:1650px) {
  .main_wrap .section05 .left{
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
  }
}
@media screen and (max-width:1024px) {
   .main_wrap .section05 .left {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width:768px) {
  .section05 .left,
  .main_wrap .section05 .left {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .main_wrap .section05 {
    padding: 55px 0 95px;
  }
  .main_wrap .section05 .more_view{
    position: absolute;
    right: 20px;
    top: 70px;
}
.section05 .sc_title .point{
	display: block;
}
  .main_wrap .section05 .slide_ctrl {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
  }
  .main_wrap .section05 .date {
    font-size: 14px;
  }
  .main_wrap .section05 .slide_item {
    margin: 30px 23px;
  }
}
/* 섹션06 */
.main_wrap .section06 {
  padding: 75px 0 90px;
  background-color: #eaf1f0;
}
.main_wrap .section06 .sc_cont {
  display: grid;
  gap: 44px;
  margin-top: 30px;
  grid-template-columns : repeat(4, 1fr);
}
.main_wrap .section06 .sc_cont .sns_item {
  transition: 0.3s;
  min-width: 0;
}
.main_wrap .section06 .left {
  display: flex;
  gap: 50px;
  align-items: center;
}
.main_wrap .section06 .img_box {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
}
.main_wrap .section06 .img_box>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.main_wrap .section06 .img_box iframe{
	width:100%;
	height:100%;
}
.main_wrap .section06 .text_box {
  width: 100%;
}
.main_wrap .section06 .sns_item .inner {
  border: 1px solid #ccc;
  background-color: #fff;
  display: block;
  padding: 35px 35px 25px;
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s;
}
.main_wrap .section06 .sns_title {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  line-height: 29px;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-top: 14px;
}
.main_wrap .section06 .date {
  font-size: 16px;
  line-height: 24px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  max-width: 100%;
  color: #828386;
  white-space: nowrap;
  min-height: 22px;
}
.main_wrap .section06 .img_box::before,
.main_wrap .section06 .img_box::after {
  position: absolute;
  content: '';
  display: block;
  width: 44px;
  aspect-ratio: 1 / 1;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.main_wrap .section06 .facebook .img_box::before {
  background-color: #3a5daa;
}
.main_wrap .section06 .facebook .img_box::after {
  background-image: url(../img/ico_facebook.png);
}
.main_wrap .section06 .instagram .img_box::before {
  background: #c81b79;
}
.main_wrap .section06 .instagram .img_box::after {
  background-image: url(../img/ico_instagram.png);
}
.main_wrap .section06 .youtube .img_box::before {
  background-color: #9b2a3a;
}
.main_wrap .section06 .youtube .img_box::after {
  background-image: url(../img/ico_youtube.png);
}
@media screen and (max-width:1024px){
	.main_wrap .section06 .sc_cont {
  grid-template-columns : repeat(2, 1fr);
}
}
@media screen and (max-width:768px) {
  .main_wrap .section06 {
    padding: 60px 0;
  }
  .main_wrap .section06 .left {
    gap: 8px;
        flex-direction: column;
        align-items: flex-start;
  }
  .main_wrap .section06 .sc_cont {
    margin-top: 20px;
    gap : 20px;
  }
  .main_wrap .section06 .sns_item .inner {
    padding: 30px 30px 24px;
  }
  .main_wrap .section06 .date {
    font-size: 14px;
  }
  .main_wrap .section06 .sc_cont {
  grid-template-columns : repeat(1, 1fr);
}
}
/* 푸터 */
#footer {
  background-color: #222;
}
#footer div{
	box-sizing: border-box;
}
.ft_nav_list {
  display: flex;
  gap: 65px;
}
.ft_top {
  border-bottom: 1px solid #4a4a4a;
}
.footer .info {
  padding-top: 4px;
  padding-left: 25px;
}
.footer .address {
  color: #999999;
}
.footer .copyright {
  color: #ededed;
}
.ft_link {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cbcbcb;
}
.footer .sns_list {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer .sns_link {
  width: 25px;
  aspect-ratio: 1 / 1;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  transition: 0.3s;
  opacity: 0.4;
}
.footer .sns_link.facebook {
  background-image: url(../img/ico_facebook.png);
  background-size: 9px 18px;
}
.footer .sns_link.youtube {
  background-image: url(../img/ico_youtube.png);
  background-size: 21px 15px;
}
.footer .sns_link.instagram {
  background-image: url(../img/ico_instagram.png);
  background-size: 19px 19px;
}
.ft_bot {
  padding: 55px 0 60px;
}
.footer .sc_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.footer .sc_inner>div {
  display: flex;
  align-items: center;
}
.footer .ft_bot .sc_inner .left {
  gap: 20px;
}
.footer .ft_bot .sc_inner .right {
  gap: 35px;
}
@media screen and (hover:hover) {
  .ft_link:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
  }
  .footer .sns_link:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 1400px) {
  .footer .ft_bot .sc_inner {
    flex-direction: column;
  }
  .footer .ft_top .sc_inner {
    gap: 0;
  }
  .ft_nav_list{
  gap: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .ft_bot .sc_inner .left {
    flex-direction: column;
  }
  .footer .info {
    padding-top: 35px;
    padding-left: 0;
    text-align: center;
  }
  .ft_link {
    height: 65px;
  }
}
@media screen and (max-width: 768px) {
  .ft_top {
    border-bottom: none;
  }
  .footer .ft_top .sc_inner {
    padding: 0;
    flex-direction: column;
  }
  .footer .sc_inner>div {
    width: 100%;
    justify-content: center;
  }
  .footer .sns_list {
    padding-top: 5px;
  }
  .footer .copyright {
    padding-top: 10px;
  }
  .ft_nav_list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .ft_link {
    height: 55px;
    border-bottom: 1px solid #4a4a4a;
    border-right: 1px solid #4a4a4a;
    font-size: 14px;
    text-align:center;
  }
  .ft_nav_list>li:nth-of-type(2n) .ft_link {
    border-right: none;
  }
  .ft_bot {
    padding: 25px 0 72px;
  }
  .footer .ft_bot .sc_inner .left {
    gap: 0px;
  }
  .footer .sc_inner {
    gap: 20px;
  }
  .footer .ft_bot .sc_inner .right {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
/* 애니메이션 */
.section04 .slide_title,
.section05 .slide_title,
.section06 .sns_title {
  position: relative;
  z-index: 2;
}
.section04 .slide_title::after,
.section05 .slide_title::after,
.section06 .sns_title::after {
  content: '';
  display: block;
  width: 0%;
  height: 12px;
  background-color: #56a47c;
  border-radius: 6px;
  position: absolute;
  opacity: 0.4;
  bottom: 4px;
  left: 0;
  z-index: -1;
  transition: 0.4s;
}
@media screen and (hover:hover) {
  /* .section04 a:hover .slide_title::after,
  .section05 a:hover .slide_title::after,
  .section06 a:hover .sns_title::after{
    width: 100%;
  } */
}
@media (hover:hover) {
  .section02 .item:hover,
  .section05 .slide_item .inner:hover{
    box-shadow: 0px 0px 15px 10px rgba(133, 133, 133, 0.26);
    -webkit-box-shadow: 0px 0px 15px 10px rgba(133, 133, 133, 0.26);
    -moz-box-shadow: 0px 0px 15px 10px rgba(133, 133, 133, 0.26);
  }
  .section02 .item:hover .item_title {
    text-decoration: underline;
    text-underline-offset: 6px;
  }
}

/* 2024.04.29 서울식물원 메인 헤더 리뉴얼 */
#wrap.main.hideTopBanner #header{background: #fff;}
#seoul-common-gnb #seoul-gnb-plugin .seoul-gnb-holder, #header .inner .in{max-width: calc(100% - 175px);padding-left: 25px;}
#header .inner .in{display:flex;justify-content: space-between; align-items:center;}
#header .inner .in:after{display:none}
#header .inner .in .gnb:after{display:none}
#header .inner .in .gnb > li > .gnb_sub{border-top:1px solid #c4c5c5;}
#header .inner .in .gnb > li > a {line-height : 100px; height:100px; font-size:22px; color:#3e3a39;font-weight:900;}
#header .inner .in .gnb > li > .gnb_sub > .gnb_sub_in > strong{font-weight:700;}
#header .inner .in .main_btn a{margin-top:0px;}
#header .inner .in .main_btn a.btn_kor img{margin-top:6px;}
#header .inner .in h1 {margin-top:0; margin-right:45px;}
#header .inner .in .gnb{    display: flex;justify-content: space-between;flex: 1;max-width: 1100px; margin-right:45px;}
#header .inner .in .gnb > li{margin:0px;}
@media screen and (max-width:1600px) {
#seoul-common-gnb #seoul-gnb-plugin .seoul-gnb-holder, #header .inner .in{max-width: calc(100% - 40px);padding-left: 0px;}
#header .inner .in .gnb > li > a{font-size:20px; line-height : 75px; height:75px;}
}
@media screen and (max-width:1100px){
	#header .inner .in .gnb {
        display: none;
    }
    #header .inner .in{
    height: 60px;
    }
#header .inner .in .main_btn a.btn_kor img{margin-right: 0px;}
}
/* 달력 팝업 */
.cal_pop{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.cal_pop table{
  font-family: 'SeoulNamsan';
    width: 100%;
    border-collapse: collapse;
}
.cal_pop table caption{
	position: static;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    word-break: initial;
    word-wrap: initial;
}
.cal_pop::before{
  content: '';
  display: block;
  background-color: rgba(0 0, 0, 0.6);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cal_pop .cal_item{
  position: relative;
}
.cal_pop .cal_date{
  font-size: 22px;
  text-align: center;
  position: absolute;
  width: 160px;
  left: 50%;
  transform: translateX(-50%);
  top: -56px;
}
.cal_pop .cal_area{
  background-color: #fff;
  max-width: 500px;
  width: calc(100% - 40px);
  height: 450px;
  pointer-events: all;
  position: relative;
  z-index: 10;
  padding: 50px 30px 40px;
}
.cal_pop .cal_area .slide_ctrl{
  align-items: center;
  justify-content: space-between;
  gap: 140px;
  margin-bottom: 25px;
}
.cal_pop .cal_area .left{
  display: flex;
  justify-content: flex-end;
  flex: 1;
  background-color: #fff;
  position: relative;
  z-index: 9;
  padding-right: 10px;
}
.cal_pop .cal_area .right{
  display: flex;
  justify-content: flex-start;
  flex: 1;
  background-color: #fff;
  position: relative;
  z-index: 9;
  padding-left: 10px;
}
.cal_pop .cal_area .top button{
  display: block;
  width: 40px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}
.cal_pop .cal_area .cal a,
.cal_pop .cal_area .cal p{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 65 / 50;
}
.cal_pop .cal_area .cal :is(th, td):not(:last-of-type){
  border-right: 1px solid #ccc;
}
.cal_pop .cal_area .cal a{
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s;
}
.cal_pop .cal_area .cal p{
  font-size: 20px;
  color: #fff;
  font-weight: 900;
}
.cal_pop .cal_area .cal tbody tr{
  border-bottom: 1px solid #ccc;
}
.cal_pop .cal_area .cal thead{
  background-color: #014e46;
}
.cal_pop .cal_area .cal .sun a{
  color: #d23131;
}
.cal_pop .cal_area .cal .sat a{
  color: #2e6ee5;
}
.cal_pop .cal_area .cal thead .sun p{
  color: #ff6b51;
}
.cal_pop .cal_area .cal thead .sat p{
  color: #87cffc;
}
.cal_pop .cal_area .slick-list{
  overflow: visible;
}
.cal_pop .cal_area > .inner{
  overflow: hidden;
}
.cal_pop .pop_close{
  width: 22px;
  aspect-ratio: 1 / 1;
  display: block;
  position: absolute;
  top: 25px;
  right: 30px;
  background: url(../img/ico_cal_close.png) no-repeat center;
  background-size: contain;
  z-index: 13;
}
body.modal{
  overflow: hidden;
}
.cal_pop .cal_area .cal .rest{
    background-color: #eaf1f0;
  }
@media screen and (max-width:768px) {
  .cal_pop .cal_area{
    padding: 25px 20px 30px;
    height: auto;
  }
  .cal_pop .cal_area .cal p{
    font-size: 18px;
  }
  .cal_pop .cal_area .cal a{
    font-size: 16px;
  }
  .cal_pop .pop_close{
    right: 20px;
    top: 20px;
  }
}
/* 2024.04.30 헤더 호버 효과 */
#header .inner .in .main_btn a .on{
	display:none;
}
#header .inner .in .main_btn a:hover .on{
	display: inline-block;
}
#header .inner .in .main_btn a:hover .default{
	display: none;
}

/* 2024.05.21 슬라이드 추가 */
.section01 .slide_wrap{
	position: relative;
}
.section01 .m_img {
	display: none;
}
.slide_ctrl_box02 {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 44px;
	padding: 0 45px;
	border-radius: 22px;
	background-color: rgba(0, 0, 0, 0.65);
}
.slide_ctrl_box02 .slick-dots, .slide_ctrl_box02 {
	font-size: 0;
	display: flex;
	align-items: center;
	gap: 17px;
}
.slide_ctrl_box02 .slick-dots button {
	display: block;
	width: 14px;
	aspect-ratio: 1/1;
	background: #fff;
	border-radius: 50%;
	font-size: 0;
}
.slide_ctrl_box02 .slick-dots .slick-active button {
	background: #e6fd32;
}
.slide_ctrl_box02 .pause {
	display: block;
	width: 14px;
	aspect-ratio: 1/1;
	background: url(../img/ico_pause04.png) no-repeat center;
}
.slide_ctrl_box02 .play {
	display: none;
	width: 14px;
	aspect-ratio: 1/1;
	background: url(../img/ico_play04.png) no-repeat center;
}
@media screen and (max-width:768px){
	.slide_ctrl_box02{
	padding : 0 25px;
	}
}
@media screen and (max-width:460px) {
	.section01 .pc_img {
		display: none;
	}
	.section01 .m_img {
		display: block;
	}
}

/*국문 씨앗도서관 CSS추가*/
/* 181119 + 2024.07.01 편의시설 수정*/
.facilities_wrap .exhibit_list{padding-bottom:25px;color:#000;border-top:2px solid #000;}
.facilities_wrap .exhibit_list h4{font-size:26px;line-height:150%;margin-bottom:25px;color:#000;font-weight:500;letter-spacing:-1px;}
.facilities_wrap .exhibit_list h4 span{font-weight:300;}
.facilities_wrap .exhibit_list h5 {gap: 10px;font-size:24px;min-height:94px;display:flex;justify-content: space-between;align-items: center;padding:10px 40px;border-bottom: 1px solid #bebebe;}
.facilities_wrap .exhibit_list h5:has(a){cursor: pointer;}
.facilities_wrap .exhibit_list h5 > span{display:flex;align-items:center;gap:20px;}
.facilities_wrap .exhibit_list h5 > span::before{content:'';display:block;width:69px;aspect-ratio:1/1;border-radius:50%;background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink: 0;}
.facilities_wrap .exhibit_list h5 > span.type01::before{background-image:url(../../img/ico_f00.png)}
.facilities_wrap .exhibit_list h5 > span.type02::before{background-image:url(../../img/ico_f01.png)}
.facilities_wrap .exhibit_list h5 > span.type03::before{background-image:url(../../img/ico_f02.png)}
.facilities_wrap .exhibit_list h5 > span.type04::before{background-image:url(../../img/ico_f03.png)}
.facilities_wrap .exhibit_list h5 > span.type05::before{background-image:url(../../img/ico_f04.png)}
.facilities_wrap .exhibit_list h5 > span.type06::before{background-image:url(../../img/ico_f05.png)}
.facilities_wrap .exhibit_list h5 > span.type07::before{background-image:url(../../img/ico_f06.png)}
.facilities_wrap .exhibit_list h5 a{flex-shrink: 0;width:40px;aspect-ratio:1/1;background:url(../../img/ico_f.png) no-repeat center top calc(50% + 2px);background-size:13px 7px;border-radius:50%;border:1px solid #c5c5c5;}
.facilities_wrap .exhibit_list h5 a img{width:28px; display:none;}
.facilities_wrap .exhibit_list h5 .on {background-image:url(../img/ico_f_on.png);border:1px solid #009c7d;background-color: #009c7d;background-position:center;}
.facilities_wrap .exhibit_list .list .facilities_cont{display: block;}
.facilities_wrap .exhibit_list .facilities_cont{display: none;padding: 45px 40px 50px;border-bottom: 1px solid #bebebe;}
.facilities_wrap .exhibit_list .facilities_cont h2{font-size:30px; position:relative;text-align:center;font-weight:900;color:#000;padding-bottom: 0;}
.facilities_wrap .exhibit_list .facilities_cont h2:not(:first-of-type){margin-top: 40px;}
.facilities_wrap .exhibit_list .facilities_cont h2::after{content:''; display:block;margin:20px auto 30px;width:40px; height:2px; background:#000;}
.facilities_wrap .exhibit_list .facilities_cont > ul{}
.facilities_wrap .exhibit_list .facilities_cont > ul > li + li{margin-top: 40px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3{font-size: 20px;line-height: 30px;color: #000;font-weight:500;margin-bottom:25px;letter-spacing: -0.06em;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 .point{display:inline-block; color: #00876c; margin-left:10px;}
/* 편의시설 텍스트 수정 2024.02.22*/
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span{display:inline-block}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span + span{margin-left: 5px}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.place{width: 60px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.time{width: 100px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li h3 > span.winter{width: 105px;}
/* 편의시설 텍스트 수정 끝 2024.02.22*/
.facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size:18px; line-height:30px;text-align:center;display:flex;align-items:center;justify-content:center;background:#f2f5fa;padding:33px 15px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul{overflow: hidden;display:grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li p + ul{margin-top:40px;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul > li{aspect-ratio: 324 / 207; overflow:hidden;}
.facilities_wrap .exhibit_list .facilities_cont > ul > li > ul > li img{width: 100%; height:100%; object-fit:cover;object-position:center;}

.facilities_mgb40 {margin-bottom: 40px;width: 100%;display: inline-block;}
.facilities_mgb40 {margin-bottom: 40px;width: 100%;display: inline-block;}
.facilities_mgb40 > h4{font-size: 18px;font-weight: 400;border-bottom: 1px solid #a1a1a1;padding-bottom: 15px;}
.facilities_mgb40 .lounge_box {padding: 17px 19px;background: #f8fafc;float: left;width: 100%;}
.facilities_mgb40 .lounge_box > img {padding-right: 31px;float: left;}
.facilities_mgb40 .lounge_box > ul {padding-top: 10px;float: left;}
.facilities_mgb40 .lounge_box > ul > li {padding-bottom: 10px}


 @media screen and (max-width: 768px) {
    .plant_culture_text{font-size: 18px;line-height: 26px;}
    .facilities_wrap .exhibit_list h5{min-height:40px;font-size:18px;padding:10px 20px;}
    .facilities_wrap .exhibit_list h5 a {width:25px;}
    .facilities_wrap .exhibit_list h5 .sub {font-size: 16px;}
    .facilities_wrap .exhibit_list .facilities_cont{padding: 30px 20px;}
    .facilities_wrap .exhibit_list .facilities_cont h2{font-size:22px;}
    .facilities_wrap .exhibit_list .facilities_cont h2::after{margin:10px auto 15px;}
    .facilities_wrap .exhibit_list h5 > span{gap:10px;}
    .facilities_wrap .exhibit_list h5 > span::before{width:40px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li h3{font-size:16px;margin-bottom: 20px;line-height: 24px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p{font-size:16px; line-height:24px;padding: 15px 20px;}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li > ul{grid-template-columns: repeat(1, 1fr);}
    .facilities_wrap .exhibit_list .facilities_cont > ul > li p + ul{margin-top:25px;}
    .exhibit_list table{margin-bottom:30px;}
     }
     
}

 /* 식물연구소 */
  .research_wrap .exhibit_list h5 > span.research01::before{
  	background-image: url(../../img/ico_plant01.png);
  }
   .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li p{
     background: none;
   	 padding: 0;
   	 font-weight: 600;
    }
  .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp{
  	background: #f2f5fa;
    padding: 33px 15px;
    border-radius: 8px;
  }
   .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp p + .basic_list{
   	margin-top: 10px;
   }
   .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list{
    text-align: center;
   }
   .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list li{
   	font-size: 18px;
   }
    .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list li + li{
      margin-top: 10px;
    }
    .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list li .txt_green{
      	color: #00876c;
    }
        .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle{
        	margin-top: 40px;
        }
    .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle > ul{
    	display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    gap: 15px;
    }
    .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle > ul li{
	    aspect-ratio: 324 / 207;
	    overflow: hidden;
    }
    .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle > ul li img{
	   	width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: center;
    }
    
  .facilities_wrap .exhibit_list .facilities_cont > .left_tit{
  	font-size: 22px;
  	font-weight: 500;
  	margin-bottom: 20px;
  	margin-top: 40px;
  }
    @media screen and (max-width: 768px) {
    	.research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle > ul{
    		grid-template-columns: repeat(1, 1fr);
    	}
    	.research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .img_bundle{
        	margin-top: 25px;
        }
       .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp{
	  	 padding: 15px 20px;
	  }
	  .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li p{
	     	font-size: 16px;
            line-height: 24px;
	     }
	.research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list li{
		font-size: 16px;
            line-height: 24px;
	}
	 .research_wrap .facilities_wrap .exhibit_list .facilities_cont > ul > li .inner_wp .basic_list li + li{
      margin-top: 5px;
    }
     .facilities_wrap .exhibit_list .facilities_cont > .left_tit{
	  	font-size: 20px;
	  	margin-bottom: 15px;
	  	margin-top: 30px;
	  }
   }
   
   /* 시설안내 - 식물전시 */
    .research_wrap .img img{
    	width: 100%;
    }
   .research_wrap .b_tit{
       text-align: center;
	   font-size: 28px;
	   line-height: 40px;
	   font-weight: 700;
	   margin-bottom: 25px;
	   color: #000;
   }
  .research_wrap .sub_text_wp{
    margin-top: 25px;
  }
   .research_wrap .sub_text_wp strong{
   	display: block;
   	color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
   }
  .research_wrap .sub_text_wp p{
      font-size: 20px;
     line-height: 30px;
     text-align: center;
     color: #000;
     margin-top: 20px;  
  }
  .research_wrap .sub_text_wp .txt_green{
    color: #00876c
  }
  @media screen and (max-width: 768px) {
	  .research_wrap .b_tit {
	    font-size: 20px;
	    line-height: 28px;
	    margin-bottom: 20px;
	  }
	  .research_wrap .sub_text_wp strong{
	      font-size: 18px;
	  }
	 .research_wrap .sub_text_wp p{
	 	font-size: 16px;
	    line-height: 24px;
	    margin-top: 12px;
	 }
  }
 /* 시설안내 - 씨앗도서관 - 이용안내 */
  .facilities_wrap .exhibit_list h5 > span.seed01::before{
    background-image: url(../../img/ico_f03.png);
  }
  .facilities_wrap .exhibit_list h5 > span.seed02::before{
    background-image: url(../../img/ico_f05.png);
  }
  .facilities_wrap .exhibit_list h5 > span.seed03::before{
    background-image: url(../../img/ico_seed03.png);
  }
  .facilities_wrap .exhibit_list h5 > span.seed04::before{
    background-image: url(../../img/ico_seed04.png);
  }
  .facilities_wrap .exhibit_list h5 > span.research01::before{
    background-image: url(../../img/ico_plant01.png);
  }