#wrapper{}
#wrapper.nav-fixed{padding-top: 100px;}
#wrapper.is-sub .footer-wrap{margin-top: 100px;}



.topbanner-wrap{background: #339967;}
.topbanner{text-align: center;position: relative;overflow: hidden;}
.topbanner img{vertical-align: top;width: 100%;max-width:1600px;}
.topbanner .topbanner-close{position: absolute;right:50%;margin-right: -600px;text-indent:-9999px;overflow: hidden;background: url(/img/top_banner_close.jpg) center center no-repeat;width: 65px;height: 11px;bottom:20px}

.header-wrap.nav-fixed #header h1 a{height: 100px;}
.header-wrap.nav-fixed #gnb{height: 100px;}
.header-wrap.nav-fixed #gnb>ul{height: 100px;}
.header-wrap.nav-fixed #gnb>ul>li{height: 100px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span{height: 100px;line-height: 100px;}
.header-wrap.nav-fixed #gnb>ul>li>a>span:after{bottom:28px;}
.header-wrap.nav-fixed #gnb .smenu-wrap{top:100px;}
.header-wrap.nav-fixed #allmenu-btn{top:27px;}



.header-wrap{height: 143px;position: relative;background: #fff;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; z-index: 888;}
.header-wrap.nav-fixed{position: fixed;width: 100%;left:0;top:0;z-index: 888;height: 100px;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);}
#header{width: 1200px;margin: 0 auto;zoom:1;}
#header:after{content:""; display:block; clear:both;}
#header h1{float: left;}
#header h1 a{display: block;height: 143px;width: 300px;background: url(/img/logo.jpg) 0 center no-repeat;text-indent:-9999px;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out;}
.header-sns{float: right;padding-left: 340px;height: 113px;background: url(/img/toptext.jpg) 0 center no-repeat;}
.header-sns a{margin-left: 5px;display: inline-block;width: 39px;height: 39px;text-indent:-9999px;margin-top: 37px;}
.sns-twitter{background: url(/img/sns1.jpg) 0 0 no-repeat;}
.sns-facebook{background: url(/img/sns2.jpg) 0 0 no-repeat;}
.sns-naver{background: url(/img/sns3.jpg) 0 0 no-repeat;}

.footer-wrap{background: #434450;}
#footer{padding-top: 50px;width: 1200px;margin: 0 auto;padding-bottom: 80px;}
.footer-top{margin-bottom: 20px;}
.footer-top a{color:#fff;font-size: 14px;font-weight: 500;margin-right: 30px;display: inline-block;}
.footer-top a:hover{color:#66ccff;}
.footer-bottom{color:#fff;font-size: 14px;font-weight: normal;line-height: 1.8em;}

.footer-bottom .copyright{color:#999;font-size: 10px;font-weight: 600;margin-top: 20px;}

#mobile-menu-btn{width: 65px;height: 65px;display: block;background: url(/img/nv.jpg) center center no-repeat;position: absolute;right:0;top:0;text-indent:-9999px;display: none;background-size: 33px auto;}

#gnb{float: left;height: 143px;z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul{float: left;height: 143px;zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left;height: 143px;}
#gnb ul li a{display: block;font-size: 20px;font-weight: 700;padding: 0 20px;}
#gnb ul li#gnb_main_sub06>a>span{text-indent:-9999px;width: 142px;background: url(/img/logo_dada.jpg) center center no-repeat;}
#gnb>ul>li#gnb_main_sub06>a>span:after{display: none !important;}
#gnb>ul>li>a>span{position: relative;display: block;height: 143px;line-height: 143px;transition-property : height, line-height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb>ul>li>a>span:after{transition-property : left, width ; transition-duration : .3s; transition-timing-function : ease-out; content: ""; position: absolute; left: 50%; bottom: 50px; height: 4px; width: 0; background-color: #00abe8;}
#gnb ul li.hover>a>span:after, #gnb ul li.gnb-active>a>span:after{left: 0; width: 100%; }

#gnb .smenu-wrap{display: none;position: absolute;left:0;top:143px;width: 100%;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);border-top: 1px solid #dfdfdf;z-index: 999;background: #fff;transition-property : top; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb .smenu{width: 1200px;margin: 0 auto;padding-top: 30px;padding-bottom: 50px;zoom:1;position: relative;}
#gnb .smenu:after{content:""; display:block; clear:both;}
#gnb .smenu-bg{position: absolute;left:-30px;bottom:0;}
#gnb #gnb-sub-sub01 .smenu-bg{width: 118px;height: 157px;background: url(/img/menu_bg01.png) 0 0 no-repeat;}
#gnb #gnb-sub-sub02 .smenu-bg{width: 114px;height: 152px;background: url(/img/menu_bg02.png) 0 0 no-repeat;}
#gnb #gnb-sub-sub03 .smenu-bg{width: 135px;height: 152px;background: url(/img/menu_bg03.png) 0 0 no-repeat;}
#gnb #gnb-sub-sub04 .smenu-bg{width: 84px;height: 152px;background: url(/img/menu_bg04.png) 0 0 no-repeat;}
#gnb #gnb-sub-sub05 .smenu-bg{width: 113px;height: 152px;background: url(/img/menu_bg05.png) 0 0 no-repeat;}
#gnb #gnb-sub-sub06 .smenu-bg{width: 96px;height: 152px;background: url(/img/menu_bg06.png) 0 0 no-repeat;}
#gnb .smenu .smenu-title{float: left;width: 275px;padding-left: 80px;position: relative;}
#gnb .smenu .smenu-title strong{display: block;font-size: 28px;}
#gnb .smenu .smenu-title span{display: block;font-size: 13px;margin-top: 25px; margin-right:25px;color:#666;letter-spacing:-1px; z-index:99999999;}
#gnb .smenu ul{height: auto;float: left;width: 925px;padding-left: 24px;border-left: 1px solid #dfdfdf;padding-bottom: 25px;}
#gnb .smenu ul li{float: left;height: auto;padding-left: 44px;width: 300px;}
#gnb .smenu ul li a{height: auto;line-height: 1.4em;font-size: 15px;font-weight: 700;height: 49px;border-bottom: 1px solid #dfdfdf;line-height: 48px;padding: 0;position: relative;}
#gnb .smenu ul li a:hover, #gnb .smenu ul li.gnb-active2 a{padding-left: 30px;color:#fff;background: #00abe8;}
#gnb .smenu ul li a:hover:after, #gnb .smenu ul li.gnb-active2 a:after{position: absolute;display: block;content:"";left:0;top:23px;height: 1px;background: #fff;width: 18px;}

#allmenu-btn{position: absolute;right:50%;top:48px;margin-right: -600px;width: 64px;height: 56px;background: url(/img/fullm_m.png) center center no-repeat;text-indent:-9999px;transition-property : top; transition-duration : .3s; transition-timing-function : ease-out; }


/*#gnb .smenu ul.column-4 li{width: 225px;}
#gnb .smenu ul.column-3 li{width: 300px;}*/



#allmenu{position:fixed;width:100%;height:100%;margin:0 auto;top:0;left:0;z-index:1050;background:#29ae6a;display: none;}
#allmenu .wsize{position:relative;width:1200px;margin:0 auto;text-align:left;}
#allmenu .allmenu-logo{height: 168px;background: url(/img/allmenu_header_logo.jpg) center center no-repeat;}
#allmenu .allmenu_close{position:absolute;top:60px;right:0;}
#allmenu .allmenu-box{position:relative;display:inline-block;}

#allmenu .allmenu-box ul{*zoom:1;}
#allmenu .allmenu-box ul:after{content:""; display:block; clear:both;}
#allmenu .allmenu-box ul li{float: left;width: 200px;padding: 0 10px;}
#allmenu .allmenu-box>ul>li>a{display: block;height: 94px;padding-top: 55px;text-align: center;border: 1px solid #6ac697;border-radius: 20px;color:#fff;font-size:20px;}
#allmenu .allmenu-box ul li#allmenu-sub01>a{background: url(/img/fullm_icon01.png) center 15px no-repeat;}
#allmenu .allmenu-box ul li#allmenu-sub02>a{background: url(/img/fullm_icon02.png) center 15px no-repeat;}
#allmenu .allmenu-box ul li#allmenu-sub03>a{background: url(/img/fullm_icon03.png) center 15px no-repeat;}
#allmenu .allmenu-box ul li#allmenu-sub04>a{background: url(/img/fullm_icon04.png) center 15px no-repeat;}
#allmenu .allmenu-box ul li#allmenu-sub05>a{background: url(/img/fullm_icon05.png) center 15px no-repeat;}
#allmenu .allmenu-box ul li#allmenu-sub06>a{background: url(/img/fullm_icon06.png) center 15px no-repeat;}
#allmenu .allmenu-box ul ul{margin-top: 20px;}
#allmenu .allmenu-box ul li li{padding: 0;width: auto;float: none;}
#allmenu .allmenu-box ul li li a{display: block;font-size: 16px;text-align: center;color:#fff;padding: 3px 0;}
#allmenu .allmenu-box ul li li a:hover, #allmenu .allmenu-box ul li li.allmenu-active2 a{color:#ffffcc}



/*Àüü¸Þ´ºº¸±â*/
#rightMenu{display:none; position:absolute; top:0;height:100%;width:100%;text-align:left;background:#fff;box-sizing:border-box;}
.totalwrap{height:100%;}
.total {position:relative;width:95%;height:100%;margin:0 auto;z-index:9;background:#fff;}
.total .total_top{position:absolute; right:0; top:15px; height:40px;background:#fff; z-index:9;}
.total .total_top .total_close{position:absolute;right:0; top:20px;z-index:9000;}
.total .total_top .total_close img{height:20px;width:20px;}

.total_mn_w{position:absolute;top:40px;z-index:1;}
.total_mn{position:absolute;top:0;left:0;width:100px; border:2px solid #d8e2e5;border-radius:10px;box-sizing:border-box;}
.total_mn li{height:60px;line-height:60px;border-top:1px solid #d8e2e5;border-radius:0 0 10px 10px;}
.total_mn li a{display:block;color:#222;letter-spacing:-0.05em;font-size:14px;text-align:center;}
.total_mn li:first-child{margin-top:-1px;border-radius:10px 10px 0 0;}
.total_mn li.on{position:relative;height:62px;line-height:62px;margin-bottom:-1px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-radius:0;z-index:1;}
.total_mn li.on a{color:#fff;border-radius:10px;background-color:#47c2f0;}

.total_login{position:absolute;left:0;width:100px;top:390px;border:1px solid #d8e2e5;border-radius:10px;box-sizing:border-box;}
.total_login li a{display:block;height:30px;padding-top:30px;font-size:13px;color:#222;text-align:center;}
.total_login li.icon1 a{border-bottom:1px solid #d8e2e5;border-radius:10px 10px 0 0;background:url(/nanum/site/img/common/login_allmenu.png) no-repeat 50% 10px #f8fbfc;background-size:13px;}
.total_login li.icon2 a{border-radius: 0 0 10px 10px;background:url(/nanum/site/img/common/info_allmenu.png) no-repeat 50% 10px #f8fbfc;background-size:17px;}
.total_login li.icon3 a{border-bottom:1px solid #d8e2e5;border-radius:10px 10px 0 0;background:url(/nanum/site/img/common/logout_allmenu.png) no-repeat 50% 10px #f8fbfc;background-size:17px;}


.total_submn{position:relative; top:0;height:90%;margin-left:135px;}
.total_submn .subcon{position:absolute;width:100%;background:#fff;}
.total_submn dl{width:100%;margin-top:50px;}
.total_submn dl dt{margin-bottom:15px;padding-top:60px;}
.total_submn dl dt.icon1{background:url(/img/allmenu_icon1.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt.icon2{background:url(/img/allmenu_icon2.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt.icon3{background:url(/img/allmenu_icon3.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt.icon4{background:url(/img/allmenu_icon4.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt.icon5{background:url(/img/allmenu_icon5.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt.icon6{background:url(/img/allmenu_icon6.gif) no-repeat 0 0;background-size:47px;}
.total_submn dl dt span{display:block; padding-bottom:10px;font-size:19px;color:#000;border-bottom:1px solid #222;font-weight: 700;}

.total_submn dl dd{margin-left: 0;}
.total_submn dl dd:last-child{border-bottom:none;}
.total_submn dl dd > a {display:block; padding:5px 0;font-size:14px; color:#626262;word-break:keep-all;font-weight: 500;}
.lastdl{height:150px !important;}





#sub-container{position: relative;}
#sub-container img{max-width:100%;}
.sub-content-wrap{}
#sub-content-header h3{padding-top: 60px;text-align: center;font-size: 36px;font-weight: normal;padding-bottom: 30px;width: 1200px;border-bottom: 2px solid #333;margin: 0px auto 0;position: relative;background:url(/img/contents/title_bg.jpg) 0 0 no-repeat;margin-bottom: 50px;}
#sub-content-header h3.page-title-sub01{background:url(/img/contents/title_bg1.jpg) 0 0 no-repeat;}
#sub-content-header h3.page-title-sub02{background:url(/img/contents/title_bg2.jpg) 0 0 no-repeat;}
#sub-content-header h3.page-title-sub03{background:url(/img/contents/title_bg3.jpg) 0 0 no-repeat;}
#sub-content-header h3.page-title-sub04{background:url(/img/contents/title_bg4.jpg) 0 0 no-repeat;}
#sub-content-header h3.page-title-sub05{background:url(/img/contents/title_bg5.jpg) 0 0 no-repeat;}
#sub-content-header h3.page-title-sub06{background:url(/img/contents/title_bg6.jpg) 0 0 no-repeat;}

#sub-content-header h3 strong{display: block;font-size: 32px;text-align: left;}
#sub-content-header h3 span{display: block;font-size: 14px;color:#999;text-align: left;margin-top: 20px;}
#sub-content-body{min-height:500px;width: 1200px;margin: 0 auto;padding: 0px 0;}
.sub-content-header-nav{border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;background: #fafafa;}
.sub-top-nav{width: 1200px;margin: 0 auto;*zoom:1}
.sub-top-nav:after{content:""; display:block; clear:both;}
.sub-top-nav a.sub-top-home{display: inline-block;height: 50px;background: #fafafa;border-left: 1px solid #eaeaea;vertical-align: top;float: left;line-height: 50px;text-align: center;font-size: 14px;color:#5a5a5a;padding: 0 15px;font-weight: 600;}
.sub-top-nav a.sub-top-home i{font-size: 20px;vertical-align: middle;margin-right: 2px;}
.sub-top-nav .select-box{float: left;border: none;border-left: 1px solid #eaeaea;}
.sub-top-nav .select-box:last-child{border-right: 1px solid #eaeaea;}
.sub-top-nav .select-box>a{font-size: 14px;height: 50px !important;line-height: 50px !important;background-color: #fafafa !important;font-weight: 600;color:#5a5a5a;letter-spacing:-1px;}
.sub-top-nav .select-box ul{top:50px !important;border: 1px solid #eaeaea;z-index: 5 !important;}
.sub-top-nav .select-box ul a{height: 30px !important;line-height: 30px !important;font-size: 13px;}
.sub-top-nav select{display: none;}
.sub-top-print{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_print.png) 0 0 no-repeat;right:0;top:70px;}
.sub-top-link{position: absolute;display: block;width: 40px;height: 40px;background: url(/img/sub_link.png) 0 0 no-repeat;right:55px;top:70px;}

.sns-share{position: absolute;right:0;top:70px}
.sns-share li {float: left;margin: 0 5px;}
.sns-share li:last-child{margin-right: 0;}
.sns-share li a{display: block;width: 40px;height: 40px;}
.sns-share li a.sns1{background: url(/img/sub_link.png) 0 0 no-repeat;}
.sns-share li a.sns2{background: url(/img/subt_fb.png) 0 0 no-repeat;}
.sns-share li a.sns3{background: url(/img/subt_in.png) 0 0 no-repeat;}
.sns-share li a.sns4{background: url(/img/sub_print.png) 0 0 no-repeat;}



.right-float-menu{position: fixed;right:0;top:0; width: 135px;height: 100%;background: #29ae6c;z-index: 1000;padding: 100px 0px 0;}
.right-float-title{padding-top: 40px;background: url(/img/mleft01.png) center 0 no-repeat;}
.right-float-title strong{color:#fff;font-size: 20px;font-weight: 700;display: block;text-align: center;}
.right-float-title span{color:#c0e2ca;font-size: 12px;font-weight: 7000;display: block;text-align: left;padding-left: 20px;margin-top: 5px;}
.right-float-menu ul{padding: 20px;}
.right-float-menu ul li{background: url(/img/dot_line.jpg) 0 0 repeat-x;padding: 20px 0;text-align: center;}
.right-float-menu ul li.right-info1 div{font-size: 15px;font-weight: 500;color:#fff;}
.right-float-menu ul li.right-info1 span{font-size: 12px;color:#315b43;font-weight: 700;letter-spacing:-1px;margin-bottom: 8px;display: block;}
.right-float-menu ul li.right-info1 strong{font-size: 17px;}
.right-float-menu ul li.right-info1 span:last-child{margin-bottom: 0;}
.right-float-menu ul li.right-info2 a{position: relative;display: block;line-height: 21px;vertical-align: top;font-weight: 700;}
.right-float-menu ul li.right-info2 a:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/mleft02.png) center center no-repeat;vertical-align: top;margin-right: 5px;}
.right-float-menu ul li.right-info3 a{position: relative;display: block;line-height: 21px;vertical-align: top;font-weight: 700; letter-spacing:-2px;}
.right-float-menu ul li.right-info3 a:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/mleft03.png) center center no-repeat;vertical-align: top;margin-right: 5px;}
.right-float-menu ul li.right-info4 a{position: relative;display: block;line-height: 21px;vertical-align: top;font-weight: 700;letter-spacing:-1px;padding-bottom: 48px;background: url(/img/mleft04.png) center bottom no-repeat;}
.right-float-menu ul li.right-info6 a{position: relative;display: block;line-height: 21px;vertical-align: top;font-weight: 700;}
.right-float-menu ul li.right-info6 a:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/mleft06.png) center center no-repeat;vertical-align: top;margin-right: 5px;}



/* main */
.main-visual-wrap{position: relative;height: 583px;background: url(/img/topbg.jpg) center center no-repeat;background-size: cover;padding-top: 65px;}
.main-visual-title{font-size: 30px;color:#fff;text-align: center;text-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);line-height: 1em;}
.main-visual-title strong{font-weight: 700;display: block;text-align: center;margin-top: 10px;}
.main-visual-content{width: 1200px;margin: 0 auto;*zoom:1;}
.main-visual-content:after{content:""; display:block; clear:both;}
.main-visual-left{float: left;width: 560px;padding-top: 25px;}
.main-visual-right{float: right;width: 485px;padding-top: 90px;}

.main-top-banner{position: relative;overflow: hidden;}
.main-banner-slider{width: 560px;height: 297px;overflow: hidden;}
.main-banner-slider .swiper-slide{width: 100%;height: 0;padding-top: 53%;position: relative;}
.main-banner-slider .swiper-slide a{display: block;height: 100%;width: 100%;position: absolute;left:0;top:0;}
.main-banner-slider .swiper-slide img{width: 100%;height: 100%;}
.main-banner-top{z-index: 10;position: relative;padding: 15px 0;opacity: .5;}
.main-banner-top .swiper-pagination{color:#fff;display: inline-block;position: static;width: auto;vertical-align: top;line-height: 20px;font-size: 18px;}
.main-banner-prev{cursor:pointer;display: inline-block;width: 20px;height: 20px;background: url(/img/msb_01.png) center center no-repeat;vertical-align: top;}
.main-banner-next{cursor:pointer;display: inline-block;width: 20px;height: 20px;background: url(/img/msb_02.png) center center no-repeat;vertical-align: top;margin-right: 20px;}
.main-banner-pause{cursor:pointer;display: inline-block;width: 20px;height: 20px;background: url(/img/msb_03.png) center center no-repeat;vertical-align: top;margin: 0 20px;}

.main-notice-title{text-indent: -9999px;background: url(/img/msb_notice.png) 0 0 no-repeat;height: 28px;margin-bottom: 30px;}
.main-notice-list{height: 180px;overflow: hidden;overflow-y: auto;padding-right: 20px;}
.main-notice-list::-webkit-scrollbar{width:5px;} 
.main-notice-list::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.7);}  

.main-notice-list li{margin-bottom: 13px;}
.main-notice-list li:last-child{margin-bottom: 0;}
.main-notice-list li a{display: block;position: relative;color:#fff;font-size: 17px;padding-left: 95px;}
.main-notice-list li em{font-style: normal;width: 50px;position: absolute;left:0;top:0;}
.main-notice-list li span{width: 35px;position: absolute;left:52px;top:0;}
.main-notice-list li span.cate1{color:#ffcc00;}
.main-notice-list li span.cate2{color:#99cc00;}
.main-notice-list li strong{font-weight: normal;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}



.main-facebook-wrap{padding-top: 85px;position: relative;}
.main-facebook-prev{left:50%;margin-left: -730px;background: url(/img/f_01.png) 0 0 no-repeat;}
.main-facebook-next{right:50%;margin-right: -730px;background: url(/img/f_02.png) 0 0 no-repeat;}
.main-facebook-prev, .main-facebook-next{position: absolute;margin-top: -30px;top:50%;width: 61px;height: 61px;opacity:.5;transition-property : opacity; transition-duration : .3s; transition-timing-function : ease-out;}

.main-facebook-prev:hover, .main-facebook-next:hover{opacity:1;}
.main-facebook-title{width: 1200px;margin: 0 auto 45px;font-size: 36px;color:#000;padding-left: 48px;line-height: 40px;background: url(/img/f.png) 0 center no-repeat;}
.main-facebook-title strong{font-weight: 700;}
.facebook-slider-wrap{position: relative;width: 1225px;margin: 0 auto;overflow: hidden;}
.facebook-slider-prev{position: absolute;width: 47px;height: 47px;background: url(/img/pr_b.png) 0 0 no-repeat;opacity:0.8;cursor:pointer;left:-70px;top:50%;margin-top: 15px;}
.facebook-slider-next{position: absolute;width: 47px;height: 47px;background: url(/img/pr_b2.png) 0 0 no-repeat;opacity:0.8;cursor:pointer;right:-70px;top:50%;margin-top: 15px;}
.facebook-slider-prev:hover, .facebook-slider-next:hover{opacity: 1;}
.facebook-slider{margin: 0 auto;width: 1200px;height: 360px;}
.facebook-slider .swiper-slide{width: 264px;margin-right: 25px;height: 290px;border-radius: 15px;position: relative;box-shadow:8px 8px 10px 0px rgba(0,0,0,0.3);}
.facebook-slider .swiper-slide:nth-child(2n) {margin-top: 50px;}

/*
.facebook-slider .swiper-slide:after{content:"";display: block;position: absolute;right:15px;top:15px;background: url(http://ycenter.oasisweb.co.kr/img/facebook.png) 0 0 no-repeat;background-size: 100% 100%;width: 25px;height: 25px;}*/

.facebook-slider .swiper-slide a{display: block;height: 100%;width: 100%;position: absolute;left:0;top:0;}
.facebook-slider .swiper-slide .thumb{display: block;}
.facebook-slider .swiper-slide .thumb img{width: 100%;height: 100%;vertical-align: top;}
.facebook-slider .swiper-slide .square1 .thumb{height: 100%;}
/*.facebook-slider .swiper-slide .square1 .thumb img{border-radius: 15px;}*/
.facebook-slider .swiper-slide .square2 .thumb0{height: 144px;margin-bottom: 2px;}
.facebook-slider .swiper-slide .square2 .thumb1{height: 144px;}
/*
.facebook-slider .swiper-slide .square2 .thumb0 img{border-radius: 15px 15px 0 0;}
.facebook-slider .swiper-slide .square2 .thumb1 img{border-radius: 0 0 15px 15px;}*/

.facebook-slider .swiper-slide .square3 .thumb0{height: 144px;}
.facebook-slider .swiper-slide .square3 .thumb1{height: 144px;position: absolute;left:0;bottom:0;width: 131px;}
.facebook-slider .swiper-slide .square3 .thumb2{height: 144px;position: absolute;right:0;bottom:0;width: 131px;}
/*
.facebook-slider .swiper-slide .square3 .thumb0 img{border-radius: 15px 15px 0 0;}
.facebook-slider .swiper-slide .square3 .thumb1 img{border-radius: 0 0 0 15px;}
.facebook-slider .swiper-slide .square3 .thumb2 img{border-radius: 0 0 15px 0;}*/

.facebook-slider .swiper-slide .square4 .thumb0{position: absolute;width: 131px;height: 144px;left:0;top:0;}
.facebook-slider .swiper-slide .square4 .thumb1{position: absolute;width: 131px;height: 144px;right:0;top:0;}
.facebook-slider .swiper-slide .square4 .thumb2{position: absolute;width: 131px;height: 144px;left:0;bottom:0;}
.facebook-slider .swiper-slide .square4 .thumb3{position: absolute;width: 131px;height: 144px;right:0;bottom:0;}
/*
.facebook-slider .swiper-slide .square4 .thumb0 img{border-radius: 15px 0 0 0;}
.facebook-slider .swiper-slide .square4 .thumb1 img{border-radius: 0 15px 0 0px;}
.facebook-slider .swiper-slide .square4 .thumb2 img{border-radius: 0 0 0 15px;}
.facebook-slider .swiper-slide .square4 .thumb3 img{border-radius: 0 0 15px 0;}
*/

.facebook-slider .swiper-slide .thumb-message{position: absolute;left:0;bottom:0;width: 100%;padding: 20px;background: rgba(30,83,161, 0.7);z-index: 5;color:#fff;/*border-radius: 0 0 15px 15px;*/font-size: 14px;line-height: 1.5em;}

.facebook-slider .swiper-slide .message div{display: table;width: 100%;height: 100%;}
.facebook-slider .swiper-slide .message div span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding: 20px;background: #1e53a1;color:#fff;font-size: 16px;line-height: 1.5em;border-radius: 15px;}


.lds-ripple {display: inline-block;width: 64px;height: 64px;position: absolute;left:50%;top:50%;margin-left: -32px;top:50%;}
.lds-ripple div {position: absolute;border: 4px solid #fff;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
	0% {top: 28px;left: 28px;width: 0;height: 0;opacity: 1;}
	100% {top: -1px;left: -1px;width: 58px;height: 58px;opacity: 0;}
}


.main-quick-list{*zoom:1;width: 1200px;margin: 0 auto;padding: 45px 0;}
.main-quick-list:after{content:""; display:block; clear:both;}
.main-quick-list li{float: left;width: 16.6%;}
.main-quick-list li a{display: block;height: 73px;padding-left: 82px;padding-top: 15px;}
.main-quick-list li a span{display: block;font-size: 12px;font-weight: 600;}
.main-quick-list li a strong{display: block;font-size: 17px;font-weight: 500;}
.main-quick-list li a.main-quick1{background: url(/img/co_01.png) 0 center no-repeat;}
.main-quick-list li a.main-quick2{background: url(/img/co_02.png) 0 center no-repeat;}
.main-quick-list li a.main-quick3{background: url(/img/co_03.png) 0 center no-repeat;}
.main-quick-list li a.main-quick4{background: url(/img/co_04.png) 0 center no-repeat;}
.main-quick-list li a.main-quick5{background: url(/img/co_05.png) 0 center no-repeat;}
.main-quick-list li a.main-quick6{background: url(/img/co_06.png) 0 center no-repeat;}

.main-facebook-wrap{height: 635px;background: #f5f4f4;}

.main-program-wrap{background: #fab809;padding: 80px 0;}
.main-program-content{width: 1200px;margin: 0 auto;}
.main-program-title{position: relative;text-align: center;}
.main-program-title:after{content:"";display: block;height: 1px;background: #fff;position: absolute;width: 100%;left:0;bottom:25px}
.main-program-title span{font-size: 16px;display: block;text-align: center;color:#fff;letter-spacing:10px;line-height: 23px;height: 23px;vertical-align: top;}
.main-program-title strong{font-size: 36px;font-weight: 700;display: inline-block;text-align: center;color:#fff;line-height: 52px;height: 52px;vertical-align: top;background: #fab809;position: relative;z-index: 2;padding: 0 30px;}

.main-program-list1{padding: 30px 0;*zoom:1;border-bottom: 1px solid #f9d981;}
.main-program-list1:after{content:""; display:block; clear:both;}
.main-program-list1 li{float: left;width: 25%;}
.main-program-list1 li a{display: block;position: relative;background: url(/img/youthc_b01.png) 10px 20px no-repeat;height: 86px;padding-right: 30px;padding-left: 70px;padding: 20px 30px 20px 70px;transition-property : background; transition-duration : .3s; transition-timing-function : ease-out;}
.main-program-list1 li a span{font-size: 12px;display: block;}
.main-program-list1 li a strong{font-size: 18px;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.main-program-list1 li a:hover{background-image: url(/img/youthc_b02.png);}

.main-program-list2{text-align: center;margin-top: 58px;margin-bottom: 35px;}
.main-program-list2 a{display: inline-block;font-size: 24px;margin: 0 13px;margin-bottom: 20px;position: relative;line-height: 28px;vertical-align: top;font-weight: 500;}
.main-program-list2 a:after{display: inline-block;content:"";width: 20px;height: 28px;vertical-align: top;background: url(/img/youthc_r01.png) 0 center no-repeat;margin-left: 4px;transition-property : background; transition-duration : .3s; transition-timing-function : ease-out;}
.main-program-list2 a:hover:after{background-image: url(/img/youthc_r02.png);}
.main-program-bottom{font-size: 18px;color:#fff;font-weight: 500;text-align: center;}

.main-dada-wrap{padding: 100px 0;}
.main-dada-title{text-align: center;}
.main-dada-title-top{color:#666;font-size: 36px;text-align: center;}
.main-dada-title-top strong{color:#f90}
.main-dada-title-bottom{font-size: 14px;color:#999;margin-top: 5px;}
.main-dada-list{margin-top: 45px;text-align: center;}
.main-dada-list li{display: inline-block;margin: 0 25px;width: 159px;}
.main-dada-list li a{display: block;padding-top: 185px;transition-property : background; transition-duration : .3s; transition-timing-function : ease-out;font-size: 24px;font-weight: 500;}
.main-dada-list li a.main-dada1{background: url(/img/dada_01.png) center 0 no-repeat;color:#86d37e;}
.main-dada-list li a.main-dada2{background: url(/img/dada_02.png) center 0 no-repeat;color:#f5bb63;}
.main-dada-list li a.main-dada3{background: url(/img/dada_03.png) center 0 no-repeat;color:#d7a4e5;}
.main-dada-list li a.main-dada1:hover{background-image: url(/img/dada_01_over.png);}
.main-dada-list li a.main-dada2:hover{background-image: url(/img/dada_02_over.png);}
.main-dada-list li a.main-dada3:hover{background-image: url(/img/dada_03_over.png);}

.main-advice-wrap{background: url(/img/advice_bg.jpg) center center no-repeat;background-size: cover;height: 340px;text-align: center;}
.main-advice-title{padding-top: 110px;font-size: 36px;color:#fff;text-align: center;}
.main-advice-title strong{display: block;font-size: 36px;color:#fff;margin-bottom: 15px;}
.main-advice-title span{display: block;font-size: 14px;color:#fff;opacity:.6}
.main-advice-wrap a{display: inline-block;color:#fff;font-size: 16px;background: #29ae6a;width: 112px;height: 36px;line-height: 36px;text-align: center;margin-top: 25px;border-radius: 20px;}
.main-advice-wrap a:hover{background: #14864c;transition-property : background; transition-duration : .3s; transition-timing-function : ease-out;}


.main-movie-wrap{padding: 105px 0;background: #fff;}
.main-movie-content{width: 1200px;margin: 0 auto;*zoom:1;}
.main-movie-content:after{content:""; display:block; clear:both;}
.main-movie-left{width: 470px;float: left;}
.main-movie-right{width: 620px;float: right;}
.main-movie-title{position: relative;vertical-align: top;line-height: 40px;height: 40px;color:#666;font-size: 36px;padding-left: 52px;background: url(/img/youtube.png) 0 center no-repeat;font-weight: 500;margin-bottom: 40px;}
.main-movie-title strong{color:#333;font-weight: 700;}
.main-movie-left p{margin-bottom: 25px;font-size: 24px;color:#000;font-weight: 500;line-height: 1.2em;}
.main-movie-left span{display: block;margin-bottom: 35px;color:#999;font-size: 16px;font-weight: 500;line-height: 1.5em;}
.main-movie-left a{width: 198px;height: 42px;text-align: center;line-height: 40px;border: 1px solid #ccc;display: inline-block;color:#999;font-size: 14px;transition-property : background, color; transition-duration : .3s; transition-timing-function : ease-out;}
.main-movie-left a:hover{background: #ccc;color:#fff;}
.movie-box{width: 587px;height: 330px;box-shadow:12px 12px 10px 0px rgba(0,0,0,0.3);}


.main-bottom-wrap{}
.main-bottom-banner{padding: 20px 0;width: 1200px;margin: 0 auto;position: relative;padding-left: 110px;}
.bottom-banner-slider{height: 60px;overflow: hidden;}
.bottom-banner-slider .swiper-slide a{width: 165px;height: 60px;display: block;background-position: center center;background-repeat: no-repeat;}
.bottom-banner-manage{position: absolute;left:0;top:35px;}
.bottom-banner-prev{width: 29px;height: 30px;background: url(/img/cl_01.png) 0 0 no-repeat;position: absolute;left:0px;top:0px;cursor:pointer;z-index: 9;}
.bottom-banner-pause{width: 30px;height: 30px;background: url(/img/cl_03.png) 0 0 no-repeat;position: absolute;left:29px;top:0px;cursor:pointer;z-index: 9;}
.bottom-banner-next{width: 29px;height: 30px;background: url(/img/cl_02.png) 0 0 no-repeat;position: absolute;left:59px;top:0px;cursor:pointer;z-index: 9;}

.visible-sm{display: none;}
#rightMenuOpenHeader{display: none;}
#mobile-tel-btn{display: none;}
@media screen and (max-width: 1470px){
	.right-float-menu{display: none;}
}
@media screen and (max-width: 1200px){
	#header, #footer, #sub-content-header h3, #sub-content-body, .sub-top-nav, .main-visual-content, .main-facebook-title, .facebook-slider, .main-quick-list, .main-program-content, .main-movie-content, .main-bottom-banner{width: auto;}



	.main-visual-wrap{height: auto;padding: 0;}
	.main-visual-title{display: none;}
	.main-visual-left{width: auto;float: none;padding-top: 0;}
	.main-top-banner{position: relative;padding-bottom: 50px;}
	.main-banner-top{position: absolute;left:0;bottom:0;width: 100%;text-align: center;}
	.main-visual-right{float: none;width: auto;padding: 30px;}
	.main-notice-list{padding-right: 0;}
	.main-quick-list{padding: 20px 20px;text-align: center;}
	.main-quick-list li{float: none;display: inline-block;padding: 10px 0;vertical-align: top;width: 180px;}
	.main-quick-list li span{letter-spacing:-1px;text-align: left;}
	.main-quick-list li strong{font-size: 14px;text-align: left;}

	.main-facebook-wrap{padding: 30px 20px;height: auto;}
	.facebook-slider-wrap{width: auto;}
	.main-top-banner{float: none;padding-top: 0;}
	.facebook-slider-wrap{float: none;}
	.facebook-slider{width: auto;height: auto;}
	.main-facebook-prev,	.main-facebook-next{display: none;}
	.facebook-slider .swiper-slide:nth-child(2n){margin-top: 0;}
	.facebook-slider .swiper-slide{width: auto;margin-right: 0;height: 0;padding-top: 109.84%;}

	.facebook-slider .swiper-slide .square1 .thumb{height: 100%;}
	/*.facebook-slider .swiper-slide .square1 .thumb img{border-radius: 15px;}*/

	.facebook-slider .swiper-slide .square2 .thumb0{height: 50%;position: absolute;left:0;top:0;width: 100%;}
	.facebook-slider .swiper-slide .square2 .thumb1{height: 50%;position: absolute;left:0;bottom:0;width: 100%;}

	.facebook-slider .swiper-slide .square3 .thumb0{height: 50%;position: absolute;left:0;top:0;width: 100%;}
	.facebook-slider .swiper-slide .square3 .thumb1{height: 50%;position: absolute;left:0;bottom:0;width: 50%;}
	.facebook-slider .swiper-slide .square3 .thumb2{height: 50%;position: absolute;right:0;bottom:0;width: 50%;}

	.facebook-slider .swiper-slide .square4 .thumb0{width: 50%;height: 50%;position: absolute;left:0;top:0;}
	.facebook-slider .swiper-slide .square4 .thumb1{width: 50%;height: 50%;position: absolute;right:0;top:0;}
	.facebook-slider .swiper-slide .square4 .thumb2{width: 50%;height: 50%;position: absolute;left:0;bottom:0;}
	.facebook-slider .swiper-slide .square4 .thumb3{width: 50%;height: 50%;position: absolute;right:0;bottom:0;}
	.facebook-slider .swiper-wrapper{height: auto !important;}

	#gnb{display: none;}
	#allmenu-btn{display: none;}
	#rightMenuOpenHeader{display: block;width: 65px;height: 65px;background: url(/img/mobile_menu.jpg) center center no-repeat;background-size: 33px auto;position: absolute;right:0;top:50%;margin-top: -32px;}
	#mobile-tel-btn{display: block;width: 65px;height: 65px;background: url(/img/mobile_tel.jpg) center center no-repeat;background-size: 33px auto;position: absolute;left:0;top:50%;margin-top: -32px;}
	.main-banner-slider{width: auto;height: auto;}
	.main-banner-slider .swiper-wrapper{height: auto !important;}
	.menu-wrap{display: none;}
	.header-sns{display: none;}
	.topbanner{display: none;}
/*	#wrapper, #wrapper.nav-fixed{padding-top: 65px;}*/
	.header-wrap{height: auto;}
	#header h1{float: none;text-align: center;}
	#header h1 a{display: inline-block;width: 280px;background-size: 100% auto;height: 80px;}
	.header-wrap.nav-fixed, .header-wrap.nav-fixed #header h1 a{height: 80px;}
	#wrapper.nav-fixed{padding-top: 80px;}

	.class-info-wrap{background: #29ae6a;padding: 30px 20px;}
	.class-info-title{color:#fff;}
	.class-info-title strong{font-size: 24px;}
	.class-info-title span{font-size: 16px;opacity:.5;margin-left: 10px;}
	.class-info1{*zoom:1;margin: 15px 0 20px;}
	.class-info1:after{content:""; display:block; clear:both;}
	.class-info-left{float: left;width: 50%;padding-right: 10px;}
	.class-info-right{float: right;width: 50%;padding-left: 10px;}
	.class-info-left div, .class-info-right div{border: 1px solid #fff;text-align: center;padding: 20px 0;}
	.class-info-left p, .class-info-right p{font-size: 20px;color:#fff;}
	.class-info-left span, .class-info-right span{color:#315b43;font-weight: 700;}
	.class-info-left strong, .class-info-right strong{font-size: 22px;}
	.class-info-bottom{text-align: center;}
	.class-info2{position: relative;display: inline-block;line-height: 21px;vertical-align: top;font-weight: 700;margin-top: 5px;}
	.class-info2:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/mleft02.png) center center no-repeat;vertical-align: top;margin-right: 5px;}
	.class-info3{position: relative;display: inline-block;line-height: 21px;vertical-align: top;font-weight: 700;margin: 0 10px;margin-top: 5px;}
	.class-info3:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/mleft03.png) center center no-repeat;vertical-align: top;margin-right: 5px;}
	.class-info4{position: relative;display: inline-block;line-height: 21px;vertical-align: top;font-weight: 700;margin-top: 5px;}
	.class-info4:before{display: inline-block;content:"";width: 20px;height: 21px;background: url(/img/class_tel.jpg) center center no-repeat;vertical-align: top;margin-right: 5px;}

	.main-program-wrap{padding: 40px 0;}
	.main-program-list1{padding: 20px;border-bottom: none;}
	.main-program-list1 li{width: auto;float: none;}
	.main-program-list3{text-align: center;padding: 0 20px 30px;}
	.main-program-list3 select{border: 3px solid #fff;width: 100%;background: transparent;padding: 10px;font-size: 14px;font-weight: 700;}
	
	.main-movie-wrap{padding: 40px 20px 130px;position: relative;}
	.main-movie-left{float: none;width: auto;}
	.main-movie-right{float: none;width: auto;}
	.main-movie-left a{position: absolute;left:50%;bottom:40px;margin-left: -99px;}
	.movie-box{width: auto;height: 0;padding-top: 56.2%;position: relative;}
	.movie-box iframe{position: absolute;left:0;top:0;width: 100% !important;height: 100% !important;}

	.main-dada-wrap{padding: 40px 30px;}
	.main-dada-list li{margin: 0 15px 15px;}

	.bottom-banner-slider{margin: 0 auto;}
	.bottom-banner-manage{position: absolute;left:10px;top:35px;}
	#footer{padding: 50px 20px 70px;background: none;}
	.hidden-sm{display: none;}
	.visible-sm{display: block;}

	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}
	.content-body{padding: 30px 10px 50px;width: auto;}
	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}
	.sub-content-header{display: none;}
	#sub-container{padding-top: 0;}

	#sub-content-header h3{margin: 0px 30px 0;}
	#sub-content-body{padding: 50px 30px;}
	

}
@media screen and (max-width: 980px){
	.main-bottom-banner{padding-left: 150px}
}
@media screen and (max-width: 700px){
	#footer{padding: 50px 10px 70px;}
	#header h1 a{display: inline-block;width: 230px;background-size: 100% auto;height: 65px;}
	.main-bottom-banner{padding-left: 150px}

	.header-wrap.nav-fixed, .header-wrap.nav-fixed #header h1 a{height: 65px;}
	#wrapper.nav-fixed{padding-top: 65px;}
	.footer-top a{margin-right: 15px;}

	.main-program-title strong, .main-dada-title-top, .main-advice-title strong, .main-movie-title{font-size: 30px;}
	.main-facebook-title{font-size: 24px;}
	.main-visual-right{padding: 30px 10px;}
	.main-quick-list{padding: 20px 10px;}
	.class-info-wrap{padding: 30px 10px;}
	.main-facebook-wrap{padding: 30px 10px;}
	.main-program-list1{padding: 20px 10px;}
	.main-program-bottom{padding: 0 10px;}
	.main-program-list3{padding: 0 10px 30px;}
	.main-dada-wrap{padding: 40px 10px;}
	.main-dada-list li a{padding-top: 170px;}
	.main-movie-wrap{padding: 40px 10px 130px;}
	#sub-content-header h3{margin: 0px 10px 0;padding: 30px 0;}
	.sub-top-btn{text-align: right;height: 40px;margin-top: 10px;}
	.sub-top-btn a{position: static;display: inline-block;vertical-align: top;}
	#sub-content-body{padding: 50px 10px;}

	.page-title{*zoom:1;}
	.page-title:after{content:""; display:block; clear:both;}
	.sns-share{float: right;position: static;margin-top: 20px;}
}