@charset "utf-8";

/*reset*/
html{-webkit-text-size-adjust:none !important}
html, body{width:100%;height:100%;word-wrap:break-word;word-break:break-all}
html, body, div, header, footer, section, article, span, object, iframe ,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{margin:0;padding:0;font-size:100%;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}
body{font-family:'Pretendard', 'Malgun Gothic', '맑은고딕', sans-serif;;font-size:12px;color:#000;letter-spacing:-0.5px;line-height:1.2}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
form, fieldset, iframe{display:block;border:none}
button{margin:0;padding:0;border:none;background:none}
img{vertical-align:middle;border:0 none}
hr{display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q{quotes:none}
caption, legend, .hide, .blind{visibility:hidden;overflow:hidden;position:absolute;left:-9999em;top:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;line-height:0;font-size:0;outline:none;z-index:-1}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}

input, textarea, select, button{color:#727171;vertical-align:middle;box-sizing:border-box;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='number']{border-radius: 0;-webkit-appearance:none}
input[type='checkbox']{margin:0;border-radius:0}
input[type='radio']{margin:0}

textarea{border-radius:0;-webkit-appearance:none}
::-webkit-input-placeholder{color:#a0a0a0}

a{color:#000;text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none}
img{max-width:100%;vertical-align:middle}

@font-face {
  font-family: 'Pretendard';
  src: url(../font/Pretendard.woff2) format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'Pretendard';
  src: url(../font/Pretendard.woff2) format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Pretendard';
  src: url(../font/Pretendard.woff2) format('woff2');
  font-weight: 700;
}


/* ========== 레이아웃 ========== */
#wrap{overflow:hidden;min-width:360px;}
/* header */
header{border-bottom:3px solid #009944}
.header{position:relative;height:75px}
.header .logo{position:absolute;left:18px;top:23px;width:125px}
.header .btn_aside{position:absolute;right:0;bottom:0;width:58px;height:52px;font-size:0;color:transparent}
.header .btn_aside span{position:absolute;left:50%;top:50%;width:23px;height:5px;border-radius:3px;background-color:#a0a0a0;transform:translate(-50%,-50%)}
.header .btn_aside span:before{content:'';position:absolute;left:0;top:-8px;width:100%;height:100%;border-radius:3px;background-color:#a0a0a0}
.header .btn_aside span:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:100%;border-radius:3px;background-color:#a0a0a0}
.header_menu{display:none}
@media only screen and (min-width: 1024px) {
.header{width:1024px;height:114px;margin:0 auto;}
.header .logo{left:0;top:18px;width:214px}
.header .btn_aside{display:none}
.header_menu{display:block;position:absolute;right:0;bottom:0;}
.header_menu ul{overflow:hidden}
.header_menu li{float:left;margin-right:40px}
.header_menu li:last-child{margin-right:0}
.header_menu li a{display:block;padding:10px 10px 20px;font-size:24px;color:#000;line-height:30px}
.header_menu li.current a{color:#009944}
.header_menu .language{position:absolute;right:0;bottom:100%;height:23px;padding:0 12px 0 32px;border-radius:17px;background:#a0a0a0 url(/images/layout/icon_language.png) no-repeat 9px 50%;font-size:19px;color:#fff}
}
/* 사이드메뉴 */
.sideMenuOpen #aside .aside_dimmed{width:100%;height:100%;opacity:0.5}
.sideMenuOpen #aside .aside_body{transform:translateX(0)}
#aside{}
#aside .aside_dimmed{position:fixed;left:0;top:0;width:0;height:0;z-index:200;background:#000;opacity:0;transition:opacity 0.3s ease-out 0s}
#aside .aside_body{position:fixed;right:0;top:0;width:75%;height:100%;z-index:200;background:#fff;transform:translateX(100%);transition:transform 0.3s ease-out 0s}
#aside .aside_top{position:relative;height:60px;background-color:#009944}
#aside .language{position:absolute;left:15px;bottom:10px;height:20px;padding:0 8px 0 20px;border-radius:10px;background:#fff url(/images/layout/icon_language2.png) no-repeat 7px 50%;background-size:10.5px;font-size:12px;color:#000;line-height:21px}
#aside .btn_aside_close{position:absolute;right:10px;bottom:8px;width:35px;height:30px;font-size:0;color:transparent;background:url(/images/layout/btn_aside_close.png) no-repeat 50% 50%;background-size:12.5px}
#aside .aside_menu{padding:0 15px}
#aside .aside_menu li{border-bottom:1px solid #e0e0e0}
#aside .aside_menu li a{display:block;padding:14px 0 14px 5px;font-size:16px;color:#000}
#aside .aside_menu li.current a{color:#009944}
#aside .aside_bottom{position:absolute;left:0;bottom:0;width:100%;padding-bottom:35px;text-align:center}
#aside .aside_bottom .link{display:inline-block;padding:5px;font-size:14px;color:#565656}
#aside .aside_bottom .list_sns{margin-top:15px}
#aside .aside_bottom .list_sns li{display:inline-block;margin:0 6px}
#aside .aside_bottom .list_sns li img{height:18.5px}
#aside .aside_bottom .list_appdown{margin-top:20px}
#aside .aside_bottom .list_appdown li{margin-top:5px}
#aside .aside_bottom .list_appdown li img{width:103.5px}
@media only screen and (min-width: 1024px) {
#aside{display:none}
}
/* 퀵메뉴 */
#quick{display:none}
@media only screen and (min-width: 1024px) {
#quick{display:block;overflow:hidden;position:fixed;left:64%;top:50%;z-index:200;margin-left:512px;border:1px solid #a0a0a0;border-radius:20px;background-color:#fff;transform:translate(-100%, -50%)}
#quick li a{display:block;position:relative;padding:0 2px 5px;font-size:15px;color:#444;text-align:center;white-space:nowrap}
#quick li a:after{content:'';position:absolute;left:7px;right:9px;bottom:0;height:1px;background-color:#a0a0a0}
#quick li .sns_insta{padding-top:50px;background:url(/images/layout/quick_insta.png) no-repeat left 50% bottom 27px}
#quick li .sns_blog{padding-top:48px;background:url(/images/layout/quick_blog.png) no-repeat left 50% bottom 27px}
#quick li .sns_kakao{padding-top:55px;background:url(/images/layout/quick_kakao.png) no-repeat left 50% bottom 27px}
#quick li .sns_link{padding-top:51px;background:url(/images/layout/quick_link.png) no-repeat left 50% bottom 27px}
#quick li .sns_app{padding-top:53px;background:url(/images/layout/quick_app.png) no-repeat left 50% bottom 27px}
#quick li .top{padding:8px 0 12px;font-size:19px;color:#0054a7}
#quick li .top:after{display:none}
}

/* footer */
footer{padding:15px 0 15px 30px;background-color:#009944}
footer .logo img{width:100px}
footer .footer_cont{margin-top:8px;font-size:10px;color:#fff;line-height:1.4}
footer .footer_cont .address span{display:inline-block;margin-right:10px}
footer .footer_cont .info{overflow:hidden}
footer .footer_cont .info li{float:left;margin-right:10px}
@media only screen and (min-width: 1024px) {
footer{padding:0}
footer .footer{overflow:hidden;width:1024px;margin:0 auto;padding:80px 0 80px 90px}
footer .logo{float:left;margin-right:40px}
footer .logo img{width:182px}
footer .footer_cont{float:left;margin-top:0;font-size:19px;line-height:1.1}
footer .footer_cont .address span{margin-right:20px}
footer .footer_cont .info li{margin-right:20px}
}
.blue_footer footer{background-color:#0054a6}

/* ========== 메인 ========== */
/* 컨텐츠 */
.main_zero{background-color:#009944}
.main_zero .cont{margin-left:80px;padding:30px 0 30px 10px;background-color:#fff}
.main_zero .cont .img img{width:133px}
.main_zero .cont .txt{margin-top:30px;font-size:16px;line-height:1.6}
.main_zero .cont .txt span{display:inline-block}
@media only screen and (min-width: 1024px) {
.main_zero{position:relative;background:none}
.main_zero_bg{width:1024px;margin:0 auto;background-color:#009944}
.main_zero_bg:before{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background-color:#009944}
.main_zero .cont{position:relative;margin-left:240px;padding:100px 0 90px 20px}
.main_zero .cont .img img{width:415px}
.main_zero .cont .txt{margin:140px 200px 0 0;font-size:24px}
}
/* 피드 */
.main_feed{padding:40px 0 25px}
.main_feed .list_feed{overflow-x:auto;padding:0 30px}
.main_feed .list_feed ul{display:table;padding-bottom:20px;white-space:nowrap}
.main_feed .list_feed ul li{display:table-cell}
.main_feed .list_feed ul li a{display:block;width:228px;padding-right:8px}
.main_feed .list_feed ul li:last-child a{padding-right:0}
.main_feed .list_feed ul li .img{overflow:hidden;border-radius:15px}
.main_feed .list_feed ul li .img img{width:220px;height:220px}
.main_feed .list_feed ul li .txt{margin-top:5px;font-size:16px;line-height:1.4;white-space:normal}
@media only screen and (min-width: 1024px) {
.main_feed{width:716px;margin:0 auto;padding:105px 0 150px}
.main_feed .list_feed{padding:0}
.main_feed .list_feed ul{display:block;padding-bottom:0}
.main_feed .list_feed ul li{display:block;float:left;margin-top:45px}
.main_feed .list_feed ul li a{display:block;width:248px;padding-right:28px}
.main_feed .list_feed ul li a:hover img{transform:scale(1.5)}
.main_feed .list_feed ul li:nth-child(3n+1){clear:both}
.main_feed .list_feed ul li:nth-child(3n) a{width:220px;padding-right:0}
.main_feed .list_feed ul li .img{border-radius:30px}
.main_feed .list_feed ul li .img img{transition:transform 0.5s ease-out}
.main_feed .list_feed ul li .txt{margin-top:10px;font-size:20px}
}
/* 참여현황 */
.main_board .total{overflow:hidden;height:140px;padding-top:25px;background-color:#0054a7}
.main_board .total .cont{width:194px;height:194px;margin:0 auto;padding-top:20px;border-radius:50%;background-color:#fff;text-align:center}
.main_board .total .cont strong{display:inline-block;border-bottom:2px solid #000;font-size:18px;font-weight:normal}
.main_board .total .cont .num{display:block;margin-top:7px;font-size:32px;font-weight:bold}
.main_board .total .cont .kg{display:block;margin-top:5px;font-size:16px;}
.main_board .box{width:250px;margin:17px auto 0;padding-bottom:5px;border:1px solid #b8b8b8;border-radius:12px;}
.main_board .box ul{padding-left:40px}
.main_board .box ul li{overflow:hidden;margin-top:5px;font-size:16px}
.main_board .box ul li .dt{float:left;width:125px}
.main_board .box ul li .dd{float:left}
.main_board .box .check_time{margin-top:5px;font-size:12px;color:#a0a0a0;text-align:center}
@media only screen and (min-width: 1024px) {
.main_board .total{height:390px;padding-top:75px}
.main_board .total .cont{width:550px;height:550px;padding-top:65px}
.main_board .total .cont strong{font-size:30px}
.main_board .total .cont .num{margin-top:40px;font-size:80px}
.main_board .total .cont .kg{margin-top:15px;font-size:24px;}
.main_board .box{width:425px;margin:0 auto;padding-bottom:15px;border-radius:15px;}
.main_board .box ul{padding-left:80px}
.main_board .box ul li{margin-top:10px;font-size:24px}
.main_board .box ul li .dt{width:200px}
.main_board .box .check_time{margin-top:15px;font-size:19px}
}
/* 지도 */
.main_map{padding:0 32px}
.main_map .member li{margin-top:20px;font-size:20px;font-weight:bold;text-align:center}
.main_map .member li.school{padding-top:35px;background:url(/images/main/icon_school.png) no-repeat 50% 0;background-size:32px}
.main_map .member li.people{padding-top:22px;background:url(/images/main/icon_people.png) no-repeat 50% 0;background-size:46px}
.main_map .member li.paper{padding-top:35px;background:url(/images/main/icon_paper.png) no-repeat 50% 0;background-size:20px}
.main_map .map{max-width:800px;height:380px;margin:30px auto 0;background:#CCC}
@media only screen and (min-width: 1024px) {
.main_map{overflow:hidden;width:1024px;margin:0 auto;padding:80px 154px 0 175px}
.main_map .member{float:right;width:280px}
.main_map .member ul{margin-top:25px}
.main_map .member li{margin-top:60px;font-size:40px}
.main_map .member li.school{margin-top:0;padding-top:80px;background-size:78px}
.main_map .member li.people{padding-top:60px;background-size:112px}
.main_map .member li.paper{padding-top:80px;background-size:47px}
.main_map .map{float:left;width:415px;height:540px;margin:0}
}
/* 파트너 */
.main_partner{margin-top:60px}
.main_partner .tit{text-align:center}
.main_partner .tit strong{border-bottom:2px solid #000;font-size:18px;font-weight:normal}
.main_partner .list_partner{overflow:hidden;position:relative;margin:35px 32px 0}
.main_partner .list_partner+.list_partner{margin-top:28px}
.main_partner .list_partner .swiper-container{overflow:hidden;margin:0 45px}
.main_partner .list_partner .swiper-wrapper{transition-timing-function:linear}
.main_partner .list_partner .swiper-slide{width:150px}
.main_partner .list_partner .swiper-slide img{width:110px}
.main_partner .list_partner .swiper-slide:last-child{width:110px}
.main_partner .swiper-button-prev{left:0;top:50%;width:25px;height:25px;margin:0;background:url(/images/common/btn_prev.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.main_partner .swiper-button-next{right:0;top:50%;width:25px;height:25px;margin:0;background:url(/images/common/btn_next.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.main_partner .swiper-button-prev:after,
.main_partner .swiper-button-next:after{display:none}
@media only screen and (min-width: 1024px) {
.main_partner{width:1024px;margin:150px auto 0}
.main_partner .tit strong{font-size:30px}
.main_partner .list_partner{margin:70px 90px 0}
.main_partner .list_partner+.list_partner{margin-top:70px}
.main_partner .list_partner .swiper-container{margin:0 85px}
.main_partner .list_partner .swiper-slide{width:260px}
.main_partner .list_partner .swiper-slide img{width:155px}
.main_partner .list_partner .swiper-slide:last-child{width:155px}
.main_partner .swiper-button-prev{width:43px;height:43px}
.main_partner .swiper-button-next{width:43px;height:43px}
}
/* contact us */
.main_contactus{position:relative;margin-top:50px;padding:58px 0;text-align:center}
.main_contactus:before{content:'';position:absolute;left:0;top:0;width:100%;height:106px;background-color:#0054a7}
.main_contactus .box{display:inline-block;position:relative;min-width:250px;padding:10px 22px 25px;border-radius:10px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3)}
.main_contactus .box .tit{display:inline-block;border-bottom:2px solid #000;font-size:18px;font-weight:bold;}
.main_contactus .box li{margin-top:10px;padding-left:20px;font-size:16px;text-align:left}
.main_contactus .box li.mail{background:url(/images/main/icon_mail.png) no-repeat 0 50%;background-size:12.5px}
.main_contactus .box li.phone{background:url(/images/main/icon_phone.png) no-repeat 2px 50%;background-size:10px}
.main_contactus .box .btn_contact{position:absolute;left:50%;bottom:0;height:25px;padding:0 8px;border-radius:13px;background-color:#0054a7;font-size:12px;font-weight:bold;color:#fff;line-height:26px;transform:translate(-50%,50%)}
@media only screen and (min-width: 1024px) {
.main_contactus{margin-top:100px;padding:160px 0}
.main_contactus:before{height:300px}
.main_contactus .box{width:500px;padding:30px 0 60px;border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.main_contactus .box .tit{font-size:24px}
.main_contactus .box ul{margin:40px 0 0 67px}
.main_contactus .box li{margin-top:20px;padding-left:60px;font-size:24px}
.main_contactus .box li.mail{background-size:35px}
.main_contactus .box li.phone{background-size:28px}
.main_contactus .box .btn_contact{height:50px;padding:0 25px;border-radius:25px;font-size:21px;line-height:51px}
.main_contactus .box .btn_contact:hover{background-color:#009944}
}
/* 미디어 */
.main_media{}
.main_media > .tit{padding:8px 0;background-color:#059b48;text-align:center}
.main_media > .tit strong{display:inline-block;border-bottom:2px solid #fff;font-size:18px;color:#fff}
.main_media .tit_media{display:inline-block;border-bottom:2px solid #000;font-size:16px;font-weight:normal}
.main_media .media_insta{padding:32px;}
.main_media .media_insta .list_insta{margin-top:20px}
.main_media .media_insta .list_insta a{display:block}
.main_media .media_insta .list_insta .img{overflow:hidden;width:220px;border-radius:15px}
.main_media .media_insta .list_insta .img img{width:100%}
.main_media .media_insta .list_insta .txt{margin-top:5px;font-size:16px;lin-height:1.4}
.main_media .media_insta .list_insta .swiper-slide{width:228px;padding-right:8px}
.main_media .media_insta .list_insta .swiper-slide:last-child{width:220px;padding-right:0}
.main_media .media_insta .list_insta .swiper-button-prev,
.main_media .media_insta .list_insta .swiper-button-next{display:none}

.main_media .media_blog{padding:25px 32px;background-color:#f0f0f0}
.main_media .media_blog .box_blog{position:relative;height:215px;margin-top:20px;padding:0 6px;border-radius:8px;background-color:#fff}
.main_media .media_blog .swiper{height:100%}
.main_media .media_blog .swiper-slide{height:auto}
.main_media .media_blog .swiper-scrollbar.swiper-scrollbar-vertical,
.main_media .media_blog .swiper-vertical>.swiper-scrollbar{right:-10px;}
.main_media .media_blog .swiper-scrollbar-drag{background-color:#009944}
.main_media .media_blog .cont{position:relative;padding:5px 0;border-bottom:1px solid #adadad;line-height:1.4}
.main_media .media_blog .cont .subject{display:block;font-size:12px}
.main_media .media_blog .cont .date{display:block;margin-top:2px;font-size:10px;color:#5f5f5f}
.main_media .media_blog .cont .click{position:absolute;right:0;top:50%;padding:10px 0;font-size:10px;color:#0054a7;transform:translateY(-50%)}

.main_media .media_news{padding:25px 32px 45px}
.main_media .media_news .cont_horizontal{display:none}
.main_media .media_news .cont_vetical{position:relative}
.main_media .media_news .cont_vetical .btn_more{position:absolute;right:-5px;top:-25px;padding:5px;font-size:12px;color:#000}
.main_media .media_news ul{overflow-y:scroll;height:410px;margin-top:5px}
.main_media .media_news li{padding:15px 0;border-bottom:1px solid #b9b9b9}
.main_media .media_news li a{display:block;overflow:hidden}
.main_media .media_news li .img{float:left;width:125px;margin-right:10px}
.main_media .media_news li .txt{overflow:hidden}
.main_media .media_news li .txt .by{display:block;font-size:12px;color:#0054a7}
.main_media .media_news li .txt .tit{display:block;overflow:hidden;margin-top:2px;font-size:16px;color:#000;text-overflow:ellipsis;white-space:nowrap}
.main_media .media_news li .txt .txt_cont{display:-webkit-box;overflow:hidden;margin-top:5px;font-size:16px;color:#5f5f5f;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main_media .media_news li .txt .date{display:block;margin-top:3px;font-size:12px;color:#5f5f5f}

@media only screen and (min-width: 1024px) {
.main_media{}
.main_media .tit{padding:8px 0}
.main_media .tit strong{font-size:30px}
.main_media .tit_media{font-size:20px}
.main_media .media_insta{width:676px;margin:0 auto;padding:45px 0 55px;}
.main_media .media_insta .list_insta{position:relative}
.main_media .media_insta .list_insta .swiper-container{overflow:hidden}
.main_media .media_insta .list_insta .img{width:240px;border-radius:30px}
.main_media .media_insta .list_insta .txt{margin-top:15px;font-size:19px}
.main_media .media_insta .list_insta .swiper-slide{width:260px;padding-right:20px}
.main_media .media_insta .list_insta .swiper-slide:last-child{width:240px;padding-right:0}
.main_media .media_insta .list_insta .swiper-button-prev{display:block;left:-87px;top:98px;width:43px;height:43px;margin:0;background:url(/images/common/btn_prev.png) no-repeat 0 0;background-size:100%}
.main_media .media_insta .list_insta .swiper-button-next{display:block;right:-87px;top:98px;width:43px;height:43px;margin:0;background:url(/images/common/btn_next.png) no-repeat 0 0;background-size:100%}
.main_media .media_insta .list_insta .swiper-button-prev:after,
.main_media .media_insta .list_insta .swiper-button-next:after{display:none}

.main_media .media_blog{padding:45px 0}
.main_media .media_blog .inner{width:676px;margin:0 auto;}
.main_media .media_blog .box_blog{height:455px;margin-top:25px;padding:0 32px;border-radius:20px}
.main_media .media_blog .swiper-vertical>.swiper-scrollbar{right:-20px;}
.main_media .media_blog .cont{padding:15px 0 10px}
.main_media .media_blog .cont .subject{font-size:21px}
.main_media .media_blog .cont .date{margin-top:7px;font-size:15px}
.main_media .media_blog .cont .click{font-size:17px}
.main_media .media_blog .cont .click:hover{color:#009944}

.main_media .media_news{width:696px;margin:0 auto;padding:30px 0 75px;}
.main_media .media_news .cont_vetical{display:none}
.main_media .media_news .cont_horizontal{display:block;position:relative;margin:0 -10px}
.main_media .media_news .cont_horizontal .btn_more{position:absolute;right:0;top:-40px;font-size:20px;color:#000}
.main_media .media_news .list_news{margin-top:25px}
.main_media .media_news .list_news .box{overflow:hidden;position:relative;height:430px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.main_media .media_news .list_news .img{overflow:hidden;height:125px}
.main_media .media_news .list_news .img img{width:100%}
.main_media .media_news .list_news .txt{padding:15px 20px 0}
.main_media .media_news .list_news .txt .by{display:block;font-size:19px;color:#0054a7}
.main_media .media_news .list_news .txt .tit{display:block;overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}
.main_media .media_news .list_news .txt .txt_cont{display:-webkit-box;overflow:hidden;margin-top:20px;font-size:19px;color:#5f5f5f;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.main_media .media_news .list_news .txt .date{position:absolute;left:0;bottom:0;width:100%;padding:13px 23px 23px;border-top:1px solid #d9d9d9;font-size:19px;color:#5f5f5f}
.main_media .media_news .list_news .txt .click{position:absolute;bottom:23px;right:20px;font-size:19px;color:#0054a7}
.main_media .media_news .list_news .swiper-container{overflow:hidden;padding:10px}
.main_media .media_news .list_news .swiper-slide{width:260px;padding-right:20px}
.main_media .media_news .list_news .swiper-slide:last-child{width:240px;padding-right:0}
.main_media .media_news .list_news .swiper-button-prev{display:block;left:-67px;top:50%;width:43px;height:43px;margin:0;background:url(/images/common/btn_prev.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.main_media .media_news .list_news .swiper-button-next{display:block;right:-67px;top:50%;width:43px;height:43px;margin:0;background:url(/images/common/btn_next.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.main_media .media_news .list_news .swiper-button-prev:after,
.main_media .media_news .list_news .swiper-button-next:after{display:none}
}
/* FAQ */
.main_faq{padding:30px 32px 40px;background-color:#0054a7}
.main_faq .tit{text-align:center}
.main_faq .tit strong{display:inline-block;border-bottom:3px solid #fff;font-size:18px;color:#fff}
.main_faq ul{margin-top:15px}
.main_faq li{border-bottom:1px solid #fff}
.main_faq li .btn_q{position:relative;width:100%;padding:7px 0;font-size:16px;font-weight:bold;color:#fff;text-align:left}
.main_faq li .btn_q:after{content:'';position:absolute;right:3px;top:50%;border-top:9px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateY(-50%);transition:all 0.3s ease-out}
.main_faq li .cont{overflow:hidden;height:0;font-size:12px;color:#fff;line-height:1.4;transform:scaleY(0);transform-origin:50% 0;transition:all 0.3s ease-out}
.main_faq li.view .btn_q:after{transform:translateY(-50%) rotate(180deg)}
.main_faq li.view .cont{height:auto;padding:10px 0;transform:scaleY(1);}
@media only screen and (min-width: 1024px) {
.main_faq{padding:70px 0}
.main_faq .inner{width:800px;margin:0 auto}
.main_faq .tit strong{border-bottom:4px solid #fff;font-size:30px}
.main_faq ul{margin-top:50px}
.main_faq li{border-bottom:2px solid #fff}
.main_faq li .btn_q{padding:14px 0;font-size:24px}
.main_faq li .btn_q:after{right:0;border-top:14px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}
.main_faq li .cont{font-size:24px}
.main_faq li.view .cont{padding:25px 0}
}

/* ========== 서브 ========== */
/* 소개 */
.intro_title .txt_shadow{position:absolute;left:0;bottom:5px;width:100%;font-size:30px;font-weight:bold;color:rgba(0,153,68,0.3);text-align:center;line-height:1;transform:rotateX(180deg) translateY(-100%)}
.intro_title .txt_shadow:after{content:'';position:absolute;left:0;top:0;width:100%;height:70%;background:rgba(255,255,255,0.6);background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%);}
.intro_cont{margin:65px 32px 0;text-align:center;}
.intro_why{margin-top:70px}
.intro_why .tit{position:relative}
.intro_why .tit:before{content:'';position:absolute;left:50%;top:50%;width:50%;height:5px;background-color:#009944;transform:translateY(-50%)}
.intro_why .tit strong{display:block;position:relative;width:360px;margin:0 auto}
.intro_why .tit strong:before{content:'';position:absolute;left:0;top:50%;width:100%;height:5px;background-color:#009944;transform:translateY(-50%)}
.intro_why .tit span{display:inline-block;position:relative;padding:0 10px 0 32px;background-color:#fff;font-size:50px;color:#009944}
.intro_why .tit2{margin-top:30px;text-align:right}
.intro_why .tit2:before{left:inherit;right:50%}
.intro_why .tit2 span{padding:0 32px 0 5px}
.intro_why .desc{margin-top:30px;font-size:16px;line-height:1.4;text-align:center}
.intro_why .desc .txt_green{color:#009944}

.intro_img{width:296px;margin:40px auto 0}
.intro_img .list_intro{position:relative}
.intro_img .list_intro:after{content:'';position:absolute;left:0;bottom:0;z-index:1;width:100%;height:40px;background:rgba(255,255,255,0.6);background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}
.intro_img .list_intro .swiper-wrapper{transition-timing-function:linear}
.intro_img .list_intro_w{display:none}
.intro_img .list_intro_m{height:234px}
.intro_img .list_intro_m .row{overflow:hidden}
.intro_img .list_intro_m .row li{float:left;width:103px;height:78px;padding-right:13px}
.intro_img .list_intro_m .row li:last-child{width:90px;padding-right:0}
.intro_img .list_intro_m .swiper{height:100%}
.intro_img .list_intro_m .swiper-slide{height:78px}
.intro_img .txt{font-size:16px;font-style:italic;color:#595959;text-align:center;line-height:1.6}

.intro_how{margin-top:60px;padding:40px 0;background-color:#0054a6;text-align:center}
.intro_how .tit{display:block;width:200px;margin:0 auto}
.intro_how .tit span{display:inline-block;margin-top:3px;border-bottom:2px solid #fff;font-size:18px;font-weight:normal;color:#fff}
.intro_how ul{overflow:hidden;width:296px;margin:20px auto 0}
.intro_how li{float:left;width:144px;height:144px;margin:8px 8px 0 0;padding-top:100px;border-radius:15px;background-color:#fff;font-size:14px;line-height:1.4}
.intro_how li:nth-child(2n+1){clear:both}
.intro_how li:nth-child(2n){margin-right:0}
.intro_how li .br_m{}
.intro_how li .br_w{display:none}
.intro_how li.how1{background:#fff url(/images/intro/how_bg1.png) no-repeat 0 0;background-size:100%}
.intro_how li.how2{background:#fff url(/images/intro/how_bg2.png) no-repeat 0 0;background-size:100%}
.intro_how li.how3{background:#fff url(/images/intro/how_bg3.png) no-repeat 0 0;background-size:100%}
.intro_how li.how4{background:#fff url(/images/intro/how_bg4.png) no-repeat 0 0;background-size:100%}
.intro_how li.how5{background:#fff url(/images/intro/how_bg5.png) no-repeat 0 0;background-size:100%}
.intro_how li.how6{background:#fff url(/images/intro/how_bg6.png) no-repeat 0 0;background-size:100%}
.intro_how li.how7{width:100%;margin-right:0;padding:43px 0 0 160px;background:#fff url(/images/intro/how_bg7.png) no-repeat 12px 22px;background-size:153px}
.intro_how .q{margin-top:20px}
.intro_how .link{display:inline-block;padding-left:15px;background:url(/images/intro/icon_q.png) no-repeat 0 50%;background-size:12px;font-size:12px;color:#fff}
.intro_how .link:hover{color:#fff850}

.intro_good{padding:40px 0;background-color:#009944;text-align:center}
.intro_good .tit{display:block;width:300px;margin:0 auto}
.intro_good .tit span{display:inline-block;margin-top:3px;border-bottom:2px solid #fff;font-size:18px;font-weight:normal;color:#fff}
.intro_good ul{width:360px;margin:33px auto 0;padding:0 32px}
.intro_good li{display:table;width:100%;height:50px;margin-top:13px;padding:0 20px;border-radius:25px;background-color:#fff;font-size:14px;line-height:1.4;text-align:center}
.intro_good li .td{display:table-cell;vertical-align:middle}
.intro_good li span{display:inline-block}
@media only screen and (min-width: 1024px) {
.intro_title .txt_shadow{bottom:9px;font-size:60px}
.intro_cont{margin:140px 0 0}
.intro_why{margin-top:120px}
.intro_why .tit:before{height:10px}
.intro_why .tit strong{width:1024px}
.intro_why .tit strong:before{height:10px}
.intro_why .tit span{padding:0 10px 0 87px;font-size:100px}
.intro_why .tit2{margin-top:50px}
.intro_why .tit2:before{left:inherit;right:50%}
.intro_why .tit2 span{padding:0 175px 0 20px}
.intro_why .desc{width:1024px;margin:40px auto 0;padding-right:175px;font-size:24px;text-align:right}
.intro_why .desc2{padding:0 0 0 87px;text-align:left}
.intro_why .desc .br_m{display:none}

.intro_img{width:850px;margin-top:70px}
.intro_img .list_intro:after{height:80px}
.intro_img .list_intro_m{display:none}
.intro_img .list_intro_w{display:block;height:402px}
.intro_img .list_intro_w .row{overflow:hidden}
.intro_img .list_intro_w .row li{float:left;width:174px;height:134px;padding-right:20px}
.intro_img .list_intro_w .row li:last-child{width:145px;padding-right:0}
.intro_img .list_intro_w .swiper{height:100%}
.intro_img .list_intro_w .swiper-slide{height:134px}
.intro_img .txt{margin-top:30px;font-size:24px}

.intro_how{margin-top:90px;padding:70px 0 120px}
.intro_how .inner{width:677px;margin:0 auto}
.intro_how .tit{display:inline-block;width:auto;border-bottom:2px solid #fff}
.intro_how .tit span{display:inline;margin-top:0;border-bottom:none;font-size:35px}
.intro_how ul{width:677px;margin:30px auto 0}
.intro_how li{width:207px;height:207px;margin:24px 28px 0 0;padding-top:143px;border-radius:30px;font-size:20px}
.intro_how li:nth-child(2n+1){clear:none}
.intro_how li:nth-child(2n){margin-right:28px}
.intro_how li:nth-child(3n){margin-right:0}
.intro_how li .br_m{display:none}
.intro_how li .br_w{display:block}
.intro_how li.how7{padding:70px 0 0 310px;background:#fff url(/images/intro/how_bg7.png) no-repeat 55px 13px;background-size:273px;font-size:25px}
.intro_how .q{text-align:right;margin-top:15px;}
.intro_how .link{display:inline-block;padding-left:30px;background-size:24px;font-size:20px}

.intro_good{padding:70px 0 90px}
.intro_good .inner{width:1024px;margin:0 auto}
.intro_good .tit{display:inline-block;width:auto;border-bottom:2px solid #fff}
.intro_good .tit span{display:inline;margin-top:0;border-bottom:none;font-size:35px}
.intro_good ul{width:auto;margin:70px 110px 0;padding:0}
.intro_good li{display:table;height:130px;margin-top:30px;border-radius:80px;font-size:25px}
}

/* 보도자료 */
.page_title{position:relative;height:125px;background-color:#009944;}
.page_title h2{position:absolute;left:0;bottom:-5px;width:100%;font-size:30px;color:#fff;text-align:center;line-height:1}
.tabtype{overflow:hidden;width:215px;height:30px;margin:50px auto 0;border-radius:15px}
.tabtype li{float:left;width:50%}
.tabtype li a{display:block;background-color:#e0e0e0;font-size:15px;color:#000;text-align:center;line-height:31px}
.tabtype li.on a{background-color:#009944;color:#fff}
.search_area{margin-top:25px;text-align:center}
.search_area .input_search{width:150px;height:20px;border:1px solid #a0a0a0;border-radius:10px;font-size:12px;color:#000;text-align:center;vertical-align:top}
.search_area .btn_search{display:inline-block;width:22px;height:20px;background:url(/images/common/btn_search.png) no-repeat 50% 50%;background-size:16px;font-size:0;color:transparent;vertical-align:top}
.table_news{margin:20px 32px 0}
.table_news .col_num{width:45px}
.table_news .col_date{width:80px}
.table_news th{padding:12px 0;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;background-color:#f0f0f0;font-size:12px;font-weight:normal;color:#595959}
.table_news td{padding:15px 0;border-bottom:1px solid #a0a0a0;font-size:12px;color:#595959;text-align:center}
.table_news .subject{padding-left:10px;text-align:left}
.table_news .subject a{color:#595959}
.pagination{margin:20px 0 45px;text-align:center}
.pagination a{display:inline-block;min-width:25px;height:30px;padding:0 5px;font-size:15px;color:#595959;line-height:31px;vertical-align:top}
.pagination a.current{color:#009944}
.pagination a.icon_page{font-size:0;color:transparent}
.pagination a.first{background:url(/images/common/page_first.png) no-repeat 50% 50%;background-size:11.5px}
.pagination a.prev{background:url(/images/common/page_prev.png) no-repeat 50% 50%;background-size:7px}
.pagination a.next{background:url(/images/common/page_next.png) no-repeat 50% 50%;background-size:7px}
.pagination a.last{background:url(/images/common/page_last.png) no-repeat 50% 50%;background-size:11.5px}
@media only screen and (min-width: 1024px) {
.page_title{height:250px}
.page_title h2{bottom:-9px;font-size:60px}
.tabtype{width:430px;height:60px;margin:80px auto 0;border-radius:30px}
.tabtype li a{font-size:30px;line-height:61px}
.search_area{margin-top:60px}
.search_area .input_search{width:260px;height:32px;border-radius:15px;font-size:20px}
.search_area .btn_search{width:44px;height:32px;background-size:32px}
.table_news{width:800px;margin:60px auto 0}
.table_news .col_num{width:100px}
.table_news .col_date{width:140px}
.table_news th{padding:17px 0;font-size:20px}
.table_news td{padding:32px 0;font-size:20px}
.table_news .subject{padding-left:20px}
.pagination{margin:50px 0 90px}
.pagination a{min-width:45px;height:55px;padding:0 10px;font-size:30px;line-height:56px}
.pagination a.first{background-size:23px}
.pagination a.prev{background-size:14px}
.pagination a.next{background-size:14px}
.pagination a.last{background-size:23px}
}
.list_video{margin:0 32px}
.list_video ul{max-width:500px;margin:0 auto}
.list_video li{margin-top:25px}
.list_video li:first-child{margin-top:20px}
.list_video li img{width:100%}
.list_video li .info{text-align:center}
.list_video li .info .subject{display:block;margin-top:13px;font-size:14px;font-weight:normal;color:#595959}
.list_video li .info .date{display:block;margin-top:9px;font-size:12px;color:#595959}
@media only screen and (min-width: 1024px) {
.list_video{margin:0}
.list_video ul{overflow:hidden;max-width:716px;padding-top:40px}
.list_video li{float:left;width:348px;margin-top:20px}
.list_video li:nth-child(2n+1){clear:both;margin-right:20px}
.list_video li .info .subject{margin-top:15px;font-size:25px}
.list_video li .info .date{margin-top:10px;font-size:20px}
}

/* 저탄소스쿨 */
.school_visual{position:relative}
.school_visual .bg{padding-top:58.58%;background:url(/images/school/bg.jpg) no-repeat 50% 0;background-size:cover;}
.school_visual ul{overflow:hidden;width:274px;margin:0 auto;padding:30px 0}
.school_visual ul li{float:left}
.school_visual ul li+li{float:right}
.school_visual ul li img{width:133px}

.school_share{padding:25px 0 40px;background-color:#009944}
.school_share .tit{display:block;font-size:18px;font-weight:normal;color:#fff;text-align:center}
.school_share .tit .br_w{display:none}
.school_share .list_share{position:relative;width:308px;margin:25px auto 0;padding:0 60px}
.school_share .list_share .img{box-shadow:0 0 5px rgba(0,0,0,0.3)}
.school_share .list_share .swiper-container{overflow:hidden}
.school_share .list_share .swiper-slide{width:188px;padding:5px}
.school_share .swiper-button-prev{left:0;top:50%;width:13px;height:19px;margin:0;background:url(/images/common/btn_prev2.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.school_share .swiper-button-next{right:0;top:50%;width:13px;height:19px;margin:0;background:url(/images/common/btn_next2.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.school_share .swiper-button-prev:after,
.school_share .swiper-button-next:after{display:none}

.school_challenge{padding:30px 0;background-color:#0054a6}
.school_challenge .list_challenge{position:relative;width:308px;margin:0 auto;padding:0 70px}
.school_challenge .list_challenge .txt{margin-top:15px;font-size:16px;color:#fff;text-align:center}
.school_challenge .list_challenge .swiper-container{overflow:hidden}
.school_challenge .list_challenge .swiper-slide{width:169px}
.school_challenge .swiper-button-prev{left:0;top:50%;width:13px;height:19px;margin:0;background:url(/images/common/btn_prev2.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.school_challenge .swiper-button-next{right:0;top:50%;width:13px;height:19px;margin:0;background:url(/images/common/btn_next2.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.school_challenge .swiper-button-prev:after,
.school_challenge .swiper-button-next:after{display:none}

.school_intro{position:relative;height:250px}
.school_intro .tit{display:block;padding-top:50px;font-size:18px;font-weight:normal;line-height:1.6;text-align:center}
.school_intro ul{position:absolute;left:50%;bottom:0;width:304px;transform:translate(-50%,80px)}
.school_intro ul:after{content:'';display:block;clear:both}
.school_intro ul li{float:left;width:100px;margin-right:2px;opacity:0;transform:translateY(50%);}
.school_intro ul li:nth-child(1){animation:schoolIntro1 5s ease-out 0s infinite}
.school_intro ul li:nth-child(2){animation:schoolIntro2 5s ease-out 0s infinite}
.school_intro ul li:nth-child(3){margin-right:0;animation:schoolIntro3 5s ease-out 0s infinite}
@keyframes schoolIntro1{
	0% {opacity:0;transform:translate(0,50%);}
	30% {opacity:1;transform:translate(0,0);}
	100% {opacity:1;transform:translate(0,0);}
}
@keyframes schoolIntro2{
	0% {opacity:0;transform:translate(0,50%);}
	10% {opacity:0;transform:translate(0,50%);}
	40% {opacity:1;transform:translate(0,0);}
	100% {opacity:1;transform:translate(0,0);}
}
@keyframes schoolIntro3{
	0% {opacity:0;transform:translate(0,50%);}
	20% {opacity:0;transform:translate(0,50%);}
	50% {opacity:1;transform:translate(0,0);}
	100% {opacity:1;transform:translate(0,0);}
}

.school_check{padding:150px 0 35px;background-color:#009944}
.school_check .tit{display:block;font-size:18px;font-weight:normal;color:#fff;text-align:center}
.school_check .tit .br_w{display:none}
.school_check ul{margin-top:30px;}
.school_check li{margin-top:15px;text-align:center}
.school_check li .img{overflow:hidden;width:175px;margin:0 auto;border-radius:5px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3)}
.school_check li .txt{margin-top:7px;font-size:13px;color:#fff}

.school_king{overflow:hidden;width:360px;margin:0 auto;padding-top:50px}
.school_king .txt{text-align:center}
.school_king .txt .tit{display:block;font-size:18px;font-weight:normal}
.school_king .txt .desc{margin-top:20px;font-size:15px;line-height:1.4}
.school_king .txt .desc .br_w{display:none}
.school_king .obj{padding:35px 25px 0 0;background:url(/images/school/bg_king.png) no-repeat 50% 100%;background-size:360px;text-align:right}
.school_king .obj img{width:185px;transform:translateY(100%);animation:schoolKing 3s ease-out 0s infinite}
@keyframes schoolKing{
	0% {transform:translateY(100%);}
	15% {transform:translateY(0%);}
	100% {transform:translateY(0%);}
}

.school_down{padding:50px 0 5px;background-color:#009944;text-align:center}
.school_down .tit{display:block;font-size:20px;color:#fff}
.school_down .list_market{margin-top:30px;}
.school_down .list_market li{margin-top:10px}
.school_down .list_market li img{width:174px}
.school_down .contact{margin-top:40px;font-size:16px;color:#fff;line-height:1.4}
.school_down .list_link{overflow:hidden;width:360px;margin:60px auto 0;padding:0 32px}
.school_down .list_link li a{font-size:12px;color:#fff}
.school_down .list_link .link1{float:left}
.school_down .list_link .link2{float:right}
@media only screen and (min-width: 1024px) {
.school_visual ul{position:absolute;left:50%;bottom:45px;width:560px;margin-left:-690px;padding:0}
.school_visual ul li img{width:auto;height:80px}

.school_share{padding:75px 0}
.school_share .inner{overflow:hidden;width:1024px;margin:0 auto}
.school_share .tit{float:left;padding:120px 35px 0 85px;font-size:40px;text-align:left;line-height:1.4}
.school_share .tit .br_w{display:block}
.school_share .list_share{float:left;position:relative;width:375px;margin:0;padding:00}
.school_share .list_share .img{box-shadow:0 0 10px rgba(0,0,0,0.3)}
.school_share .list_share .swiper-slide{width:375px;padding:10px}
.school_share .swiper-button-prev,
.school_share .swiper-button-next{display:none}

.school_challenge{padding:120px 0 130px}
.school_challenge .list_challenge{width:850px;margin:0 auto;padding:0 85px}
.school_challenge .list_challenge .txt{margin-top:25px;font-size:25px}
.school_challenge .list_challenge .swiper-slide{width:259px}
.school_challenge .swiper-button-prev,
.school_challenge .swiper-button-next{width:26px;height:38px}

.school_intro{height:580px}
.school_intro .tit{padding-top:100px;font-size:36px}
.school_intro ul{width:816px;transform:translate(-50%,200px)}
.school_intro ul li{width:230px;margin-right:63px}
.school_intro ul li:nth-child(1){margin-top:-140px}
.school_intro ul li:nth-child(3){margin-top:-250px}

.school_check{padding:355px 0 110px}
.school_check .inner{position:relative;width:695px;margin:0 auto}
.school_check .tit{position:absolute;left:0;top:60px;font-size:40px;text-align:left;line-height:1.6}
.school_check .tit .br_w{display:block}
.school_check ul{margin-top:0;}
.school_check ul:after{content:'';display:block;clear:both}
.school_check li{float:left;margin-top:40px}
.school_check li:nth-child(1){width:353px;margin:0 0 0 342px}
.school_check li:nth-child(2){clear:both;width:310px}
.school_check li:nth-child(3){float:right;width:356px}
.school_check li .img{width:auto;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.school_check li .txt{margin-top:10px;font-size:25px}

.school_king{width:1024px;padding-top:100px}
.school_king .txt{padding-left:173px;text-align:left}
.school_king .txt .tit{font-size:40px}
.school_king .txt .desc{margin-top:30px;font-size:25px}
.school_king .txt .desc .br_w{display:block}
.school_king .obj{margin-top:-80px;padding:0 114px 0 0;background:url(/images/school/bg_king_w.png) no-repeat 50% 100%}
.school_king .obj img{width:369px}

.school_down{padding:90px 0 80px;text-align:left}
.school_down .inner{position:relative;width:697px;margin:0 auto}
.school_down .tit{font-size:45px}
.school_down .list_market{margin-top:140px;}
.school_down .list_market li{margin-top:20px}
.school_down .list_market li img{width:348px}
.school_down .contact{position:absolute;left:425px;bottom:0;margin-top:0;font-size:20px}
.school_down .list_link{position:absolute;left:425px;top:0;width:auto;margin:0;padding:00}
.school_down .list_link li a{font-size:20px}
.school_down .list_link .link1{float:none;margin-bottom:25px}
.school_down .list_link .link2{float:none}
}

/* 참여하기 */
.uicheckbox_wrap{display:inline-block;position:relative}
.uicheckbox_wrap .uicheckbox_check{position:absolute;left:0;top:0;width:1px;height:1px;border:none;background:none;opacity:0}
.uicheckbox_wrap .uicheckbox_label{display:block;position:relative;padding-left:20px;font-size:14px;color:#000;line-height:16px}
.uicheckbox_wrap .uicheckbox_label:after{content:'';position:absolute;left:0;top:50%;width:16px;height:16px;border:1px solid #009944;border-radius:50%;background-color:#fff;transform:translateY(-50%)}
.uicheckbox_wrap .uicheckbox_check:checked + .uicheckbox_label:after{background:#009944 url(/images/common/bg_check_on.png) no-repeat 50% 50%;background-size:16px}
.join_title{}
.join_title .title{position:relative;height:125px;background-color:#0054a6;}
.join_title h2{position:absolute;left:0;bottom:-3px;width:100%;font-size:30px;color:#fff;text-align:center;line-height:1}
.join_title .msg{padding:30px 0 5px 15px;border-left:75px solid #009844;font-size:16px;line-height:1.6}
.join_title .msg span{display:inline-block}
.join_title .msg .br_w{display:none}
.join_form{max-width:564px;margin:0 auto;padding:40px 32px 0}
.join_form .tit{display:inline-block;border-bottom:1px solid #0054a6;font-size:12px;color:#0054a6}
.join_form .hr{margin-top:25px;padding-top:22px;border-top:1px solid #a0a0a0}
.join_form .list_form{}
.join_form .list_form li{margin-top:18px}
.join_form .list_form li:first-child{margin-top:13px}
.join_form .list_form li .dt{float:left;width:43px;font-size:14px;line-height:25px}
.join_form .list_form li .dt .required{color:#e10000}
.join_form .list_form li.school .dt{width:120px}
.join_form .list_form li.people .dt,
.join_form .list_form li.etc .dt{width:80px}
.join_form .list_form li .dd{overflow:hidden}
.join_form .list_form li .dd .row{margin-top:10px}
.join_form .list_form li .input_text{width:100%;height:25px;padding-left:7px;border:1px solid #a0a0a0;font-size:14px}
.join_form .list_form li .select{width:100%;height:25px;border:1px solid #a0a0a0;border-radius:0;background-color:#fff;font-size:14px}
.join_form .list_form li .textarea{width:100%;height:50px;padding:7px;border:1px solid #a0a0a0;font-size:14px}
.join_form .list_form li .zip_code{position:relative;padding-right:80px}
.join_form .list_form li .btn_zipcode{position:absolute;right:0;top:5px;height:15px;padding:0 8px;border-radius:8px;background-color:#0054a6;font-size:10px;color:#fff;line-height:16px}
.join_form .list_form li .email{position:relative;padding-right:132px}
.join_form .list_form li .email .sel{position:absolute;right:0;top:0;width:132px;padding-left:20px}
.join_form .list_form li .email .at{position:absolute;left:0;top:0;width:20px;font-size:13px;line-height:25px;text-align:center}
.join_form .terms{margin-top:40px;}
.join_form .terms_cont{margin-top:8px;padding:7px;border:1px solid #a0a0a0;font-size:14px;line-height:1.4}
.join_form .btn_join{display:block;width:150px;height:38px;margin:30px auto 0;border-radius:15px;background-color:#0054a7;font-size:15px;font-weight:bold;color:#fff;line-height:39px;text-align:center}
.contact_info{margin:30px 0 15px;padding:17px 0;background-color:#009944;text-align:center}
.contact_info .tit{display:inline-block;border-bottom:2px solid #fff;font-size:12px;color:#fff}
.contact_info ul{display:inline-block;margin-top:5px}
.contact_info ul li{margin-top:10px;padding-left:30px;font-size:16px;color:#fff;text-align:left}
.contact_info ul li.mail{background:url(/images/common/icon_mail.png) no-repeat 0 50%;background-size:17.5px}
.contact_info ul li.phone{background:url(/images/common/icon_phone.png) no-repeat 2px 50%;background-size:14px}
@media only screen and (min-width: 1024px) {
.uicheckbox_wrap .uicheckbox_label{padding-left:40px;font-size:25px;line-height:31px}
.uicheckbox_wrap .uicheckbox_label:after{width:31px;height:31px;border:2px solid #009944}
.uicheckbox_wrap .uicheckbox_check:checked + .uicheckbox_label:after{background-size:31px}
.join_title{overflow:hidden;position:relative;height:280px}
.join_title .title{position:absolute;left:0;top:0;width:50%;height:250px;margin-left:-164px}
.join_title h2{bottom:130px;width:100%;padding-right:18px;text-align:right}
.join_title .msg{position:absolute;left:50%;top:0;width:100%;height:100%;margin-left:-164px;border-top:30px solid #fff;border-left:83px solid #fff;background-color:#009844;font-size:20px;color:#fff}
.join_title .msg .txt{position:absolute;left:0;bottom:0;width:100%;padding:0 0 5px 10px}
.join_title .msg .br_w{display:block}
.join_form{max-width:620px;padding:70px 0 0}
.join_form .tit{border-bottom:2px solid #0054a6;font-size:20px}
.join_form .hr{margin-top:50px;padding-top:44px}
.join_form .list_form{}
.join_form .list_form li{margin-top:35px}
.join_form .list_form li:first-child{margin-top:26px}
.join_form .list_form li .dt{width:90px;font-size:25px;line-height:50px}
.join_form .list_form li.school .dt{width:225px}
.join_form .list_form li.people .dt,
.join_form .list_form li.etc .dt{width:155px}
.join_form .list_form li .dd .row{margin-top:20px}
.join_form .list_form li .input_text{height:50px;padding-left:10px;font-size:20px}
.join_form .list_form li .input_text.input_size_s{width:330px}
.join_form .list_form li .select{height:50px;font-size:20px}
.join_form .list_form li .textarea{height:100px;padding:10px;font-size:20px}
.join_form .list_form li .zip_code{padding-right:0}
.join_form .list_form li .btn_zipcode{display:inline-block;position:static;height:30px;margin-left:15px;padding:0 15px;border-radius:15px;font-size:20px;line-height:31px;vertical-align:middle}
.join_form .list_form li .email{padding-right:285px}
.join_form .list_form li .email .sel{width:285px;padding-left:40px}
.join_form .list_form li .email .at{width:40px;font-size:25px;line-height:50px}
.join_form .terms{margin-top:80px;}
.join_form .terms_cont{margin-top:15px;padding:20px 10px;font-size:25px}
.join_form .btn_join{width:300px;height:75px;margin:90px auto 0;border-radius:30px;font-size:30px;line-height:75px}
.contact_info{margin:100px 0 60px;padding:30px 0}
.contact_info .tit{font-size:24px}
.contact_info ul{margin-top:30px}
.contact_info ul li{margin-top:15px;padding-left:60px;font-size:24px}
.contact_info ul li.mail{background:url(/images/common/icon_mail.png) no-repeat 0 50%;background-size:35px}
.contact_info ul li.phone{background:url(/images/common/icon_phone.png) no-repeat 4px 50%;background-size:28px}
}

/* 후원하기 */
.support_visual{}
.support_visual:before{content:'';display:block;height:125px;background:url(/images/support/bg_m.jpg) no-repeat 0 0;background-size:cover}
.support_visual .msg{padding:15px 0 20px;font-size:12px;line-height:1.4;text-align:center}
.support_visual .info{background-color:#009844;text-align:center}
.support_visual .info .inner{display:inline-block;padding:20px 10px;background-color:#fff;text-align:left}
.support_visual .info li{font-size:16px;font-weight:bold;color:#009844;line-height:1.6;}
.support_visual .info .p{margin-top:20px;font-size:12px;line-height:1.6}
.support_partner{margin-top:40px}
.support_partner .tit{text-align:center}
.support_partner .tit strong{font-size:16px;color:#595959;font-style:italic}
.support_partner .list_partner{overflow:hidden;position:relative;margin:30px 32px 0}
.support_partner .list_partner .swiper-container{overflow:hidden;margin:0 45px}
.support_partner .list_partner .swiper-wrapper{transition-timing-function:linear}
.support_partner .list_partner .swiper-slide{width:150px}
.support_partner .list_partner .swiper-slide img{width:110px}
.support_partner .list_partner .swiper-slide:last-child{width:110px}
.support_partner .swiper-button-prev{left:0;top:50%;width:25px;height:25px;margin:0;background:url(/images/common/btn_prev.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.support_partner .swiper-button-next{right:0;top:50%;width:25px;height:25px;margin:0;background:url(/images/common/btn_next.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.support_partner .swiper-button-prev:after,
.support_partner .swiper-button-next:after{display:none}
.support_faq{margin-top:50px;padding:30px 32px 35px;background-color:#e0e0e0}
.support_faq .tit{display:inline-block;border-bottom:2px solid #0054a7;font-size:16px;color:#0054a7}
.support_faq ul{margin-top:25px}
.support_faq li{border-bottom:1px solid #000}
.support_faq li .btn_q{position:relative;width:100%;padding:7px 0;font-size:16px;font-weight:bold;color:#000;text-align:left}
.support_faq li .btn_q:after{content:'';position:absolute;right:3px;top:50%;border-top:9px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateY(-50%);transition:all 0.3s ease-out}
.support_faq li .cont{overflow:hidden;height:0;font-size:12px;color:#000;line-height:1.4;transform:scaleY(0);transform-origin:50% 0;transition:all 0.3s ease-out}
.support_faq li.view .btn_q:after{transform:translateY(-50%) rotate(180deg)}
.support_faq li.view .cont{height:auto;padding:10px 0;transform:scaleY(1);}
@media only screen and (min-width: 1024px) {
.support_visual{position:relative;height:650px}
.support_visual:before{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/support/bg_w.jpg) no-repeat 0 0;background-size:cover}
.support_visual .box{position:absolute;left:50%;top:290px;margin-left:-95px;padding:25px 20px;border-radius:10px;background-color:#fff}
.support_visual .msg{padding:0;font-size:20px;line-height:1.4;text-align:left}
.support_visual .info{margin-top:35px;background:none;text-align:left}
.support_visual .info .inner{display:block;padding:0}
.support_visual .info li{font-size:32px}
.support_visual .info .p{margin-top:10px;font-size:20px}
.support_partner{width:1024px;margin:100px auto 0}
.support_partner .tit strong{font-size:30px}
.support_partner .list_partner{margin:70px 90px 0}
.support_partner .list_partner+.list_partner{margin-top:70px}
.support_partner .list_partner .swiper-container{margin:0 85px}
.support_partner .list_partner .swiper-slide{width:260px}
.support_partner .list_partner .swiper-slide img{width:155px}
.support_partner .list_partner .swiper-slide:last-child{width:155px}
.support_partner .swiper-button-prev{width:43px;height:43px}
.support_partner .swiper-button-next{width:43px;height:43px}
.support_faq{margin-top:100px;padding:0 0 100px;background:none}
.support_faq .inner{width:844px;margin:0 auto}
.support_faq .tit{border-bottom:3px solid #0054a7;font-size:30px}
.support_faq ul{margin-top:50px}
.support_faq li{border-bottom:2px solid #000}
.support_faq li .btn_q{padding:14px 0;font-size:24px}
.support_faq li .btn_q:after{right:0;border-top:14px solid #000;border-left:7px solid transparent;border-right:7px solid transparent}
.support_faq li .cont{font-size:24px}
.support_faq li.view .cont{padding:25px 0}
}