@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root{
	--fz60:60px;
	--fz50:50px;
	--fz44:44px;
	--fz40:40px;
	--fz30:30px;
	--fz28:28px;
	--fz24:24px;
	--fz20:20px;
	--fz30:30px;
	--mt120:120px;
}

#wrapper{border-top: 4px solid #ffc20e;overflow: hidden;}
#header{position: relative;padding-bottom: 62px;}
.header-sns{position: absolute;left:50%;margin-left: -640px;padding-top: 23px;}
.header-sns a{margin-right: 5px;}
	.header-insta{display: inline-block;width: 32px;height: 32px;background: url(/new_images/insta.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.header-facebook{display: inline-block;width: 32px;height: 32px;background: url(/new_images/facebook.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.header-blog{display: inline-block;width: 32px;height: 32px;background: url(/new_images/blog.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.header-youtube{display: inline-block;width: 32px;height: 32px;background: url(/new_images/youtube.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
.header-top-right{position: absolute;right:50%;margin-right: -640px;padding-top: 30px;}
.header-top-right a{font-size: 16px;color:#959595;position: relative;display: inline-block;margin-left: 12px;}
.header-top-right a:after{position: absolute;background: #777777;border-radius:50%;content:"";width: 2px;height: 2px;top:50%;margin-top: -1px;right:-8px;}
.header-top-right a:last-child:after{display: none;}
#header h1{text-align: center;}
#header h1 #logo{display: inline-block;height: 154px;background: url(/new_images/logo.png) center center no-repeat;width: 200px;text-indent:-9999px;}

.gnb-wrap{border: 1px solid #dadada;border-left: none;border-right: none;position: absolute;left:0;bottom:0;width: 100%;}
#wrapper.nav-fixed .gnb-wrap{position: fixed;top:0;bottom:auto;border-top: none;border-bottom: none;background: rgba(255, 255, 255, .95);z-index: 955;box-shadow:0px 4px 5px 0px rgb(0, 0, 0, .2)}

#gnb{width: 1280px;margin: 0 auto;z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out; }
#gnb ul{zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-in-out;}
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left;position:relative;width: 12.5%;}
#gnb ul li a{display: block;letter-spacing: 0px; }
#gnb>ul>li>a>span{position: relative;display: block;height: 60px;line-height: 60px;transition:all .2s ease-in-out;color:#333;font-size: 20px;text-align: center;}
#gnb>ul>li.gnb-active>a>span, #gnb>ul>li>a:hover>span{color:#01b552}
#gnb.active ul li.gnb-active ul{display:block;}



#gnb ul ul{position:absolute;padding:0;z-index: 99;height:auto;left:50%;top:60px;background:#01b552;border:1px solid #01b552;padding:15px 0px;box-shadow:3px 3px 8px rgba(0, 0, 0, .1);display: none;}
#gnb li li{height:auto;float:none;width: auto;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;color:#fff;font-size:18px;width:auto;transition:all .2s ease-in-out;padding: 0;position:relative;padding-left:13px;font-weight:400;line-height:1.3em;padding:5px 3px 5px 3px; text-align:center}
#gnb li li.gnb-active2 a, #gnb li li a:hover{color:#ffd600;}

#gnb ul #gnb_sub_sub03{width:180px;margin-left:-90px;}
#gnb ul #gnb_sub_sub08{width:180px;margin-left:-90px;}

#gnb>ul>li#gnb_main_sub01{width: 11%;}
#gnb>ul>li#gnb_main_sub02{width: 11%;}
#gnb>ul>li#gnb_main_sub07{width: 9%;}
#gnb>ul>li#gnb_main_sub03{width: 9%;}
#gnb>ul>li#gnb_main_sub04{width: 16.5%;}
#gnb>ul>li#gnb_main_sub08{width: 16.5%;}
#gnb>ul>li#gnb_main_sub09{width: 16%;}
#gnb>ul>li#gnb_main_sub06{width: 11%;}

.main-visual-wrap{position: relative;padding-bottom: 135px;}
.main-visual-box{height: 725px;background: url(/new_images/main_visual.jpg) center top no-repeat;background-size: cover;}
.main-visual-text-content{width: 1280px;margin: 0 auto;padding-top: 210px;padding-left: 30px;}
.main-visual-text-content strong{font-size: 60px;color:#fff;display: block;}
.main-visual-text-content span{display: block;font-size: 22px;color:#fff;margin-top: 14px;line-heightz: 1.6em;}

.main-stats-box{position: absolute;left:50%;margin-left: -640px;width: 1280px;height: 270px;bottom:0;border-radius:20px;box-shadow:0px 4px 20px 5px rgba(0,0,0,0.18);background: #ffd116 url(/new_images/main_yellow_logo.png) center center no-repeat;padding: 0 40px;}
.main-stats-box:before{content:"";position: absolute;background: url(/new_images/yellow_left.jpg) 0 0 no-repeat;width: 460px;height: 10px;left:40px;top:50%;margin-top: -5px;}
.main-stats-box:after{content:"";position: absolute;background: url(/new_images/yellow_right.jpg) 0 0 no-repeat;width: 460px;height: 10px;right:40px;top:50%;margin-top: -5px;}
.main-stats-left{float: left;width: 460px;}
.main-stats-right{float: right;width: 460px;}
.main-stats-box strong{display: block;text-align: center;height: 135px;;line-height: 135px;font-size: 30px;color:#020100;}
.main-stats-box span{display: block;text-align: center;height: 135px;;line-height: 135px;font-size: 60px;font-weight: 800;color:#020100;}

.main-middle-wrap{margin-top: 120px;}
.main-middle-box{width: 1280px;margin: 0 auto;*zoom:1;}
.main-middle-box:after{content:""; display:block; clear:both;}
.main-middle-box1{width: 615px;float: left;position: relative;padding: 75px 0 0 30px;height: 1020px;}
.main-middle-box1 em{content:"";display: block;position: absolute;left:0;bottom:0; height: 621px;width: 615px;} 
.main-middle-box2{width: 615px;float: right;position: relative;padding: 700px 30px 0 0;height: 1020px;}
.main-middle-box2 em{content:"";display: block;position: absolute;left:0;top:0; height: 621px;width: 615px;} 
.main-middle-box strong{display: block;font-size: 50px;color:#01b552;}
.main-middle-box span{display: block;font-size: 20px;color:#676566;line-height: 1.6em;margin-top: 15px;}
.main-middle-box a{margin-top: 30px;}


.arrow-btn1{display: inline-block;position: relative;font-size: 18px;color:#01b552 !important;border: 1px solid #01b552;height: 48px;line-height: 46px;border-radius:48px;padding: 0 35px;}
.arrow-btn1:after{content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_g.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}


.main-join-us-wrap{width: 1280px;margin: 0 auto;margin-top: 240px;padding-right: 30px;position: relative;margin-bottom: 200px;}
.main-join-us{background: #f3f3f3;border-radius:0 0 0 60px;height: 505px;padding: 85px 0 0 65px;}
.main-join-us em{content:"";display: block;position: absolute;right:0;top:-36px; height: 490px;width: 625px;}
.main-join-us strong{display: block;font-size: 50px;color:#01b552;}
.main-join-us span{display: block;font-size: 20px;color:#676566;line-height: 1.6em;margin-top: 15px;}
.main-join-us a{margin-top: 60px;}

.main-movie-wrap{width: 1280px;margin: 0 auto 80px;}
.main-movie-title{font-size: 50px;color:#000;font-weight: 400;text-align: center;}
.main-movie-area{margin: 50px 0;position: relative;height: 0;padding-top: 56.25%;}
.main-movie-area iframe{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.main-movie-etc{font-size: 20px;font-weight: 500;color:#000;line-height: 1.6em;text-align: center;}

.main-our-news{margin-top: 120px;}
.main-our-news-title{font-size: 50px;color:#000;font-weight: 400;text-align: center;}
.main-our-news-ul{width: 1280px;margin: 50px auto 0;display: flex;gap:30px;list-style:none;}
.main-our-news-ul li{flex:1 1 100%;}
.main-our-news-ul li.empty-list{border: 1px solid #333;border-left: none;border-right: none;display: flex;justify-content: center;align-items: center;height: 140px;font-size: 18px;}
.main-our-news-ul li span.img-thumb{display: block;position: relative;height: 0;padding-top: 65%; overflow:hidden;}
.main-our-news-ul li span.img-thumb img{margin: 0 !important;max-width:100% !important;width: 100%;height: 100%;object-fit:cover;position: absolute;left:0;top:0;}
.main-our-news-ul li span.img-thumb .no-img{display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;background: #f3f5f9;display: flex;align-items: center;justify-content: center;color:#000;font-size: 20px;}
.main-our-news-ul li .our-news-title{display: block;margin-top: 15px;font-size: 20px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.h-btn{display: inline-flex;align-items: center;font-size: 16px;font-weight: 600;color: #fff;cursor: pointer;height: 50px;padding: 0 60px;text-align: center;border: none;background-size: 300% 100%;border-radius: 40px;background-image: linear-gradient(to right, #e4cb0b, #ebe044);box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);transition:all .4s ease-out;background-image: linear-gradient(to right, #e4cb0b, #ebe044);box-shadow: 0 4px 5px 0 rgba(65, 132, 234, 0.75);color:#000 !important;font-weight: 800;}
.h-btn:hover {/* background-position: 100% 0; */transition: all .4s ease-out;box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);}


.main_nohateday {margin-top:120px;}

.main-gallery-box{padding: 250px 0 150px;/* background: #f9f9f9; */}
.main-gallery-box .main-title-box1{width:1280px;margin: 0 auto 120px;}
.main-title-box1 span{display: block;font-size: var(--fz28);color:#14a556;font-weight: 700;}
.main-title-box1 strong{display: block;font-size: var(--fz50);font-weight: 700;line-height: 1.3em;margin: 10px 0 10px;}
.main-title-box1 a{font-style: normal;font-size: var(--fz20);color:#14a556;line-height: 19px;background: url(/new_images/main_green_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;margin-top: 25px;}

.main-gallery-list{width: 1500px;margin: 0 auto;display: flex;gap:30px;flex-wrap:wrap;justify-content: center;}
.main-gallery-list li{width: 20%;}
.main-gallery-list li:first-child{}
.main-gallery-list li a{display: block;width: 100%;border-radius:16px;position: relative;overflow: hidden;box-shadow:3px 3px 15px rgba(0, 0, 0, .25);}
.main-gallery-list li a span{display: block;width: 100%;height: 0;padding-top: 56.79%;padding-top: 100%;background-size: cover !important;background-position: center center !important;border-radius:16px;transition:all ease-out .3s;}
.main-gallery-list li a:before{display: block;content:"";width: 70px;height: 70px;background: url(//sunfull.or.kr/new_images/main/video_icon.png) center center no-repeat;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:.5;z-index: 3;transition: all ease-out .3s}
.main-gallery-list li a:after{content:"";display: block;z-index: 1;background: rgba(0, 0, 0, .3);position: absolute;left:0;top:0;width: 100%;height: 100%;border-radius:16px;opacity:0;transition: all ease-out .3s}

.main-gallery-list li a:hover:before{opacity: 1;}
.main-gallery-list li a:hover:after{opacity: 1;}
.main-gallery-list li a:hover span{transform:scale(1.12);box-shadow:none;}

.main-gallery-mobile{margin: 0 auto;display: block;border-radius:15px;overflow: hidden;transition:all ease-out .3s;display: none;}
.main-gallery-mobile img{width: 100%;vertical-align: top;}
.main-gallery-mobile:hover{box-shadow:4px 4px 15px rgba(0, 0, 0, .3);}

.main-internet-wrap{background: url(/new_images/main_respect_bg.jpg) center center no-repeat;background-size: cover;height: 560px; margin-top:190px;}
/*.main-internet-content{width: 1280px;margin: 0 auto;padding-left: 694px;padding-top: 127px;}
.main-internet-content strong{display: block;font-size: 50px;color:#000;}
.main-internet-content span{display: block;font-size: 20px;color:#000;line-height: 1.6em;margin-top: 15px;}
.main-internet-content a,
.main_nohateday a {display: inline-block;position: relative;font-size: 18px;color:#000;border: 1px solid #000;height: 48px;line-height: 46px;border-radius:48px;padding: 0 35px;margin-top: 60px;}
.main-internet-content a:after,
.main_nohateday a:after {content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_b.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}
*/
.main-internet-content{width: 1280px;margin: 0 auto; text-align:center; height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.main-internet-content strong{display: block; max-width:900px; margin:0 auto; font-size: 50px;color:#fff;}
.main-internet-content span{display: block;font-size: 20px;color:#fff;line-height: 1.6em;margin-top: 15px;}
.main-internet-content a,
.main_nohateday a {display: inline-block;position: relative;font-size: 18px; border: 1px solid #fff;height: 48px;line-height: 46px;border-radius:48px;padding: 0 35px;margin-top: 60px; color:#fff;}
.main-internet-content a:after,
.main_nohateday a:after {content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_w.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}

.main-boa-box {margin-top:120px; background: url(/new_images/main_boabg.jpg) center center no-repeat; background-size: cover; height:470px; margin-bottom:150px; padding:0 30px;}
.main-boa-box > div {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; max-width:1100px; height:100%; margin:0 auto; padding-left:470px; background: url(/new_images/main_boa.png) no-repeat; background-size:auto 100%; }
.main-boa-box p {font-size:50px; font-weight:700; color:#fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.71);}
.main-boa-box a {display: inline-block; position: relative; font-size: 18px; border: 1px solid #fff; height: 48px; line-height: 46px; border-radius: 48px; padding: 0 35px; margin-top:40px; color: #fff;}
.main-boa-box a:after {content: ""; display: inline-block; width: 22px; height: 46px; background: url(/new_images/arrow_w.png) 0 center no-repeat; vertical-align: middle; margin-left: 13px;}

/*
.main-idol-box {background:#0f020c url(/new_images/main_idol.jpg) no-repeat; background-position:center center; background-size: cover; height:500px; margin-bottom:150px; padding:0 30px;}
.main-idol-box > div {display:flex; flex-direction:column; justify-content:flex-end; width:100%; max-width:1200px/*fit-content*//*; height:100%; margin:0 auto; padding-bottom:28px; text-shadow: 3px 3px 0 rgba(0,0,0,0.5);}
.main-idol-box strong {display:block; margin-bottom:20px; font-family: "Anton", sans-serif; font-size:56px; font-weight:400; color:#fae008; line-height:1;}
.main-idol-box p {color:#fff; font-size:22px; font-weight:500; line-height:1.2; word-break:keep-all;}
.main-idol-box a {align-self:flex-start; display: inline-block; position: relative; font-size: 18px; border: 1px solid #fff; height: 48px; line-height: 46px; border-radius: 48px; padding: 0 35px; margin-top:18px; color: #fff;}
.main-idol-box a:after {content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_b.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px; filter:invert(1);}
*/
.main-idol-box {background:#0f020c url(https://sunfull.or.kr/thema/boa/images/fatima_topbg.jpg) no-repeat; background-position:center center; background-size: cover; height:500px; margin-bottom:60px; padding:0 30px;}
.main-idol-box > div {display:flex; flex-flow:column nowrap; justify-content:center; width:100%; max-width:1000px; height:500px; margin:0 auto; padding-left:10px; background-image:url(https://sunfull.or.kr/thema/boa/images/fatima_topimg.png); background-repeat: no-repeat; background-position:center right; color:#5a4f3c; font-size:20px; font-weight:500; line-height:1.3; word-break:keep-all; text-shadow:none;}
.main-idol-box strong {display:block; margin-bottom:16px; margin-left:-8px; font-family: "sandoll-kwangya", sans-serif; font-size:36px; font-weight:400; color:#3f2d0f; line-height:1.2; letter-spacing:-1px;}
.main-idol-box p {font-size:20px; font-weight:500; color:inherit;}
.main-idol-box a {align-self:flex-start; display: inline-block; position: relative; font-size: 18px; border: 1px solid #3f2d0f; height: 48px; line-height: 46px; border-radius: 48px; padding: 0 35px; margin-top:18px; color: #3f2d0f;}
.main-idol-box a:after {content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_b.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px; filter: invert(17%) sepia(60%) saturate(484%) hue-rotate(359deg) brightness(92%) contrast(99%);}

.main-donate-wrap{height: 435px;width: 1280px;margin: 0 auto;background: url(/new_images/main_bottom_bg.jpg) center center no-repeat;padding-top: 95px;text-align: center;}
.main-donate-wrap strong{display: block;font-size: 50px;color:#fff;text-align: center;}
.main-donate-wrap span{display: block;font-size: 20px;color:#fff;line-height: 1.6em;margin-top: 15px;text-align: center;}
.main-donate-wrap a{display: inline-block;position: relative;font-size: 18px;color:#fff;border: 1px solid #fff;height: 48px;line-height: 46px;border-radius:48px;padding: 0 35px;margin-top: 32px;}
.main-donate-wrap a:after{content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_w.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}

/*메인- 뉴스*/
.main-news {padding:7.5rem 0; border-bottom:1px solid #ededed;}
.main-news > div {width:100%; max-width:1280px; margin:0 auto;}
.main-news h2 {margin-bottom: 40px; font-size:50px; font-weight:700; text-align:center;}
.main-news ul {display:flex;}
.main-news li {width:calc(33.33% - 20px); margin:10px; padding:10px;}
.main-news li:hover {transform: scale(103%); transition:0.4s ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.main-news .img_box {position:relative; width:100%; height:0; padding-top:66.66%; overflow:hidden;}
.main-news .img_box img {position:absolute; top:0; left:0; width:100%;}
.main-news h3 {width:100%; margin:20px 0; font-weight:700; font-size:20px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.main-news .date {color:#787878; font-size:16px;}
.main-news .btn_wrap {display:flex; justify-content:center; margin-top:50px;}


.main-snshumanrights-wrap{margin-bottom:120px; background: #f6e64b;padding: 90px 0 80px;}
.main-snshumanrights-container{width: 1280px;margin: 0 auto;position: relative;min-height: 365px;padding-left: 540px;display: flex;flex-direction: column;justify-content: center;}
.main-snshumanrights-container:before{width: 528px;height: 365px;position: absolute;left:-30px;top:50%;transform:translatey(-50%);content: "";background: url(/new_images/main_snshumanrights.jpg) 0 center no-repeat;}
.main-snshumanrights-title{font-size: 50px;font-weight: 800;line-height: 1em;}
.main-snshumanrights-title strong{font-size: 50px;font-weight: 800;color:#370}
.main-snshumanrights-text{font-size: 20px;font-weight: 500;line-height: 1.4em;margin: 25px 0 50px;}
.main-snshumanrights-btn{}
.main-snshumanrights-btn a {display: inline-block;position: relative;font-size: 18px;color:#000;border: 1px solid #000;height: 48px;line-height: 46px;border-radius:48px;padding: 0 35px;}
.main-snshumanrights-btn a:after {content:"";display: inline-block;width: 22px;height: 46px;background: url(/new_images/arrow_b.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}




.footer-banner{margin-top: 100px;border-top: 1px solid #dadada;}
.footer-banner.no-space{margin-top: 0;}
/* 이전 소스
.footer-banner ul{width: 1280px;margin: 0 auto;*zoom:1;}
.footer-banner ul:after{content:""; display:block; clear:both;}
.footer-banner ul li{float: left;width: 20%;}
.footer-banner ul li a{display: block;text-align: center;height: 81px;padding-top: 16px;}
*/

.footer-banner ul{display: flex;justify-content:space-between;flex-wrap:wrap; width: 1280px;margin: 0 auto;}
.footer-banner ul li{width:14.28%;}
.footer-banner ul li a{display: block; width:100%;height: 116px; background-size:70%!important;}
.footer-banner ul li a.footer-banner1{background: url(/new_images/ft_google.jpg) center center no-repeat;}
.footer-banner ul li a.footer-banner2{background: url(/new_images/ft_shinhan.jpg) center center no-repeat;}
.footer-banner ul li a.footer-banner3{background: url(/new_images/ft_pharma.jpg) center center no-repeat;}
.footer-banner ul li a.footer-banner4{background: url(/new_images/ft_cotech.jpg) center center no-repeat; opacity: .55;}
.footer-banner ul li a.footer-banner5{background: url(/new_images/footer_banner5.jpg) center center no-repeat; background-size:80%!important;}
.footer-banner ul li a.footer-banner6{background: url(/new_images/ft_holsoo.jpg) center center no-repeat;opacity: .55;}
.footer-banner ul li a.footer-banner7{background: url(/new_images/ft_kcc.png) center center no-repeat;opacity: .55;}

#footer{background: #1f2223;padding-top: 50px;}
.footer-container{width: 1280px;margin: 0 auto;padding-bottom: 50px;position: relative;padding-left: 200px;}
.footer-left{position: absolute;left:0;top:0;color:#fff;font-size: 18px;}
.footer-center{font-size: 18px;color:#b0bbc1;line-height: 1.6em;}
.footer-sns{position: absolute;right:0;top:0}
.footer-sns a{margin-right: 5px;}
	.footer-insta{display: inline-block;width: 32px;height: 32px;background: url(/new_images/insta_b.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.footer-facebook{display: inline-block;width: 32px;height: 32px;background: url(/new_images/facebook_b.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.footer-blog{display: inline-block;width: 32px;height: 32px;background: url(/new_images/blog_b.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.footer-youtube{display: inline-block;width: 32px;height: 32px;background: url(/new_images/youtube_b.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
.copyright{background: #000;font-size: 16px;color:#99a0a3;text-align: center;height: 57px;line-height: 57px;}
.go-top{position: fixed;width: 60px;height: 60px;display: inline-block;text-indent:-9999px;background: #707173 url(/new_images/page_top_arrow.png) center center no-repeat;right:40px;bottom:40px;display: none;}


#rightMenuOpenHeader{display: none;width: 65px;height: 65px;background: url(/new_images/gnb_all.jpg) center center no-repeat;background-size: 34px auto;position: absolute;right:0;top:50%;margin-top: -32px;}

/*전체메뉴보기*/
#mobile-menu-wrap{position:fixed;right:-230px;top:0;width:230px;height:100%;z-index:9999;background:#fff;overflow:hidden;overflow-y:auto;}
#mobile-menu-wrap.active{box-shadow:0 10px 30px rgba(0, 0, 0, .6);}
.mobile-menu-bg{position:fixed;content:"";display:block;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:9998;left:0;top:0;cursor:pointer;display:none;}
.mobile-menu-header{background: #fafafa;border-bottom: 2px solid #212121;padding: 15px 10px;position: relative;border-top: 4px solid #ffc20e;}
.mobile-menu-header a{margin-right: 5px;}
.mobile-language-link{position: absolute;right:10px;top:15px;font-size: 16px;color:#959595;margin-right: 0;font-weight: 500;padding-top: 8px;}
/*
.mobile-menu-logo:after{content:"";display:block;width:33px;height:33px;left:15px;top:8px;position:absolute;border-radius:50%;background:url(/img/mungu_m_04.png) center center no-repeat;border:1px solid #fff;}*/

.mobile-menu-content ul{}
.mobile-menu-content>ul>li{border-bottom:1px solid #dbdbdb;background:url('/img/mobile_down_icon.gif') no-repeat right 18px center, #fff !important;}

.mobile-menu-content ul li a{display:block;height:48px;line-height:48px;padding-left:15px;font-size:18px;font-weight:500;}
.mobile-menu-content ul ul{background:#f7f7f7;padding:10px 0;display:none;}
.mobile-menu-content ul li li{background:none !important;}
.mobile-menu-content ul li li a{display:block;height:30px;line-height:30px;padding-left:26px;font-size:16px;font-weight:400;position:relative;color:#666}
.mobile-menu-content ul li li a:after{position:absolute;left:15px;top:13px;width:4px;height:4px;background:#444;border-radius:50%;content:"";transition:all .2s ease-in-out;}
.mobile-menu-btn{font-size: 16px;color:#fff !important;margin: 15px auto 0 auto;display: block;width: 215px;line-height: 41px;background: #444;text-align: center;}

.mobile-menu-content ul li.gnb-mobile-active>a{border-color:#3c4247;background:url('/img/mobile_up_icon.gif') no-repeat right 18px center, #3c4247 !important;color:#fff;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{color:#01b552;font-weight:500;}
.mobile-menu-content ul li li.gnb-mobile-active2 a:after, .mobile-menu-content ul li li a:hover:after{background:#01b552;}


/* SUB */
#sub-content-header{padding-top: 57px;width: 1280px;margin: 0 auto;}
.sub-top-nav{text-align: right;}
.sub-top-nav a{vertical-align: middle;display: inline-block;position: relative;margin-left: 30px;font-size: 18px;color:#666666;}
.sub-top-home{display: inline-block;text-indent:-9999px;width: 15px;height: 22px;vertical-align: middle;background: url(/new_images/sub/sub_header_home.jpg) center center no-repeat;position: relative;margin-left: 0;}
.sub-top-home:after{display: none;}
.sub-top-nav a:after{position: absolute;left:-18px;top:50%;margin-top: -3px;width: 6px;height: 8px;background: url(/new_images/sub/sub_header_arrow.jpg) 0 0 no-repeat;content:"";}
#sub-content-header h2{margin-top: 75px;font-size: 60px;text-align: center;font-weight: 700;padding-bottom: 55px;}

#sub-content-body{}

.sub-cont-box{width: 1280px;margin: 0 auto;}

.sub-body-header{font-size: 22px;color:#121212;text-align: center;line-height: 1.6em;}
.sub-body-header div{margin-top: 55px;text-align: center;}
.sub-body-header div img{max-width:100%;vertical-align: top;}

.sub01-1-box{padding: 100px 586px 100px 30px;position: relative;}
.sub01-1-box img{position: absolute;right:0;top:100px;z-index: 5;}

.sub-title1{font-size: 30px;color:#01b552;}
.sub-text1{font-size: 20px;color:#787878;line-height: 1.4em;}

.sub01-2-box{background: #ffd116;margin-bottom: 100px;position: relative;}
.sub01-2-box:before{content:"";position: absolute;width: 2px;height: 300px;left:50%;margin-left: -214px;top:50%;margin-top: -150px;background: #ffeeab;}
.sub01-2-box:after{content:"";position: absolute;width: 2px;height: 300px;right:50%;margin-right: -214px;top:50%;margin-top: -150px;background: #ffeeab;}
.sub01-2-box ul{width: 1280px;margin: 0 auto;*zoom:1;padding-top: 80px;}
.sub01-2-box ul:after{content:""; display:block; clear:both;}
.sub01-2-box ul li{float: left;width: 33.3333%;padding-top: 212px;height: 370px;text-align: center;color:#000;font-size: 26px;line-height: 1.3em;font-weight: 500;}
.sub01-2-box ul li.sub01-2-1{background: url(/new_images/sub/sub01_3.jpg) center 0 no-repeat;}
.sub01-2-box ul li.sub01-2-2{background: url(/new_images/sub/sub01_4.jpg) center 0 no-repeat;}
.sub01-2-box ul li.sub01-2-3{background: url(/new_images/sub/sub01_5.jpg) center 0 no-repeat;}

.sub01-3-box{position: relative;*zoom:1;margin-bottom: 100px;}
.sub01-3-box:after{content:""; display:block; clear:both;}
.sub01-3-left{padding-left: 30px;height: 893px;width: 615px;float: left;position: relative;}
.sub01-3-left em{content:"";display: block;width: 615px;height: 621px;position: absolute;left:0;bottom:0;}
.sub01-3-right{padding-left: 30px;padding-top: 725px;height: 893px;width: 615px;float: right;position: relative;}
.sub01-3-right em{content:"";display: block;width: 615px;height: 621px;position: absolute;left:0;top:63px;}

.sub01-4-box{padding: 0 30px;margin-bottom: 100px;margin-top: 100px;}
.sub01-4-box ul{}
.sub01-4-box ul li{margin-top: 38px;font-size: 20px;color:#787878;line-height: 1.4em;position: relative;padding-left: 25px;}
.sub01-4-box ul li:after{content:"";width: 5px;height: 5px;background: #01b552;border-radius:50%;position: absolute;left:10px;top:12px}

.sub02-1-box{margin-top: 100px;position: relative;padding: 95px 0 0 30px;height: 621px;margin-bottom: 100px;}
.sub02-1-box em{content:"";position: absolute;right:0;top:0;width: 615px;height: 621px;}
.sub02-2-box{position: relative;padding: 163px 0 0 693px;height: 621px;}
.sub02-2-box em{content:"";position: absolute;left:0;top:0;width: 615px;height: 621px;}

.sub02-3-box{margin-top: 100px;}
.sub02-3-box .sub-title1{padding-left: 30px;}
.sub02-3-content{height: 222px;background: #f2f2f2 url(/new_images/sub/sub02_4.jpg) 51px center no-repeat;border-radius:15px;margin-top: 35px;padding-top: 50px;padding-left: 265px;font-size: 20px;color:#787878;line-height: 1.5em;}

.sub02-4-box{margin-top: 150px;}
.sub02-4-box ul{}
.sub02-4-box ul li{position: relative;padding-left: 348px;margin-bottom: 100px;}
.sub02-4-box ul li strong{position: absolute;left:65px;top:0;font-size: 30px;color:#f5a700;display: inline-block;padding-left: 15px;}
.sub02-4-box ul li strong:after{content:"";width: 7px;height: 7px;border-radius:50%;background: #f5a700;position: absolute;left:0;top:15px;}
.sub02-4-box ul li div{font-size: 22px;color:#787878;line-height: 1.5em;}
.sub02-4-box ul li p{}
.sub02-4-box ul li p img{vertical-align: top;}
.sub02-4-box ul ul{margin-top: 40px;}
.sub02-4-box ul li li{padding-left:0; font-size: 20px;color:#787878;line-height: 1.5em;margin-bottom: 30px;}

/* .contact-us-wrap{margin-top: 85px;padding-top: 100px;background: url(/new_images/sub/contact_bg.jpg) center center no-repeat;background-size: cover;height: 920px;} */
.contact-us-wrap{margin-top: 0px;background:}
.contact-us-content{width: 1218px;background: #fff;margin: 0 auto;}
.contact-us-top{padding: 100px 182px 60px;}

.form-line{position: relative;padding-left: 112px;margin-bottom: 40px;}
.form-line label{font-size: 18px;color:#7b7b7b;position: absolute;left:0;top:0;line-height: 40px;}
.form-line input[type=text]{height: 40px;width: 100%;border: 1px solid #dddddd;padding-left: 10px;font-size: 16px;color:#888;}
.form-line textarea{height: 285px;width: 100%;border: 1px solid #ddd;padding: 10px;font-size: 16px;color:#888;line-height: 1.6em;}
.form-line select{height: 40px;border: 1px solid #ddd;padding: 0 10px;}
.form-submit{text-align: center;}
.form-submit button{width: 200px;height: 48px;border: none;font-size: 18px;color:#fff;padding: 0 50px;background: #01b552;border-radius:40px;position: relative;vertical-align: middle;cursor:pointer}
.form-submit button:after{content:"";width: 18px;height: 23px;display: inline-block;background: url(/new_images/sub/submit_icon.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.contact-us-bottom{background: #f5f5f5;padding: 58px 300px;font-size: 18px;color:#7b7b7b;line-height: 1.7em;}
.contact-us-sns{margin-top: 30px;}
.contact-us-sns a{margin-right: 5px;}
	.contact-insta{display: inline-block;width: 32px;height: 32px;background: url(/new_images/insta.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.contact-facebook{display: inline-block;width: 32px;height: 32px;background: url(/new_images/facebook.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}
	.contact-blog{display: inline-block;width: 32px;height: 32px;background: url(/new_images/blog.png) center center no-repeat;background-size:100% 100%;text-indent:-9999px;}

.sub03-1-1-box{width: 1218px;margin: 100px auto 40px;}
.sub03-1-1-title{color:#01b552;font-size: 30px;padding-bottom: 40px;border-bottom: 2px solid #01b552;margin-bottom: 40px;font-weight: 500;}


.sub03-2-1-box{width: 1218px;margin: 100px auto 40px;border-top: 2px solid #01b552;padding-top: 40px;}
.sub03-2-1-box ul li{font-size: 20px;color:#787878;position: relative;padding-left: 40px;line-height: 1.5em;margin-bottom: 35px;}
.sub03-2-1-box ul li:after{content:"";width: 5px;height: 5px;background: #01b552;border-radius:50%;position: absolute;left:22px;top:12px;}
.sub03-2-1-box div{font-size: 20px;color:#787878;text-align: center;}

.sub03-2-form{width: 1218px;margin: 0 auto;background: #f5f5f5;padding-top: 60px;}
.sub03-2-form-top{*zoom:1;padding: 0 45px;}
.sub03-2-form-top:after{content:""; display:block; clear:both;}
.sub03-2-form-top div{float: left;width: 50%;padding-left: 35px;padding-left: 70px;position: relative;}
.sub03-2-form-top label{display: inline-block;width: 70px;position: absolute;left:0;top:0;line-height: 40px;font-size: 18px;color:#7b7b7b;}
.sub03-2-form-top input{width: 450px;height: 40px;padding-left: 10px;border: 1px solid #ddd;font-size: 16px;color:#888;}
.sub03-2-form-top div:last-child input{width: 100%;}

.sub03-2-form-bottom{border-top: 1px solid #ddd;margin: 35px 45px 0;text-align: center;padding: 45px 0 65px;}
.sub03-2-form-bottom button{width: 200px;height: 48px;border: none;font-size: 18px;color:#fff;background: #01b552;border-radius:40px;position: relative;vertical-align: middle;cursor:pointer}
.sub03-2-form-bottom #submit-btn{margin-right: 15px;}
.sub03-2-form-bottom #submit-btn:after{content:"";width: 18px;height: 23px;display: inline-block;background: url(/new_images/sub/submit_icon.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.sub03-2-form-bottom #print-btn:after{content:"";width: 23px;height: 23px;display: inline-block;background: url(/new_images/sub/print_icon.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}


.list-search-area{background: #f5f5f5;padding: 20px 23px;}
.list-search-box{position: relative;padding-right: 38px;border: 1px solid #ddd;}
.list-search-box input{width: 100%;border: none;height: 38px;font-size: 16px;color:#888;padding-left: 15px;}
.list-search-box button{text-indent:-9999px;position: absolute;right:0;top:0;width: 38px;height: 38px;border: none;background: #01b552 url(/new_images/sub/search_icon.jpg) center center no-repeat;}



.sunfull-comments-list{}
.sunfull-comments-list li{padding: 40px 0;border-bottom: 1px solid #ddd;}
.sunfull-comments-list li:last-child{border-color: #01b552;}
.sunfull-comments-list li a{display: block;position: relative;min-height:269px;padding-left: 448px;}
.sunfull-comments-list li a .list-thumbnail{position: absolute;left:0;top:0;width: 406px;height: 269px;}
.sunfull-comments-list li a .list-thumbnail img{position: absolute;left:0;top:0;width: 100%;height: 100%;border: 1px solid #dedede;}
.sunfull-comments-list li a .list-content{display: block;padding-top: 20px;}
.sunfull-comments-list li a .list-content strong{display: block;color:#313131;font-size: 22px;}
.sunfull-comments-list li a .list-content em{display: block;color:#01b552;font-size: 20px;margin: 35px 0 15px;}
.sunfull-comments-list li a .list-content span{display: block;color:#787878;font-size: 20px;}

.pagination{text-align: center;margin-top: 40px;}
.pagination a{color:#888;font-size: 15px;display: inline-block;line-height: 26px;height: 26px;width: 26px;vertical-align: middle;}
.pagination a.on{line-height: 24px;border: 1px solid #01b552;color:#01b552;font-weight: 600;}
.pagination a.btn_prev{background: url(/new_images/sub/list_prev.jpg) center center no-repeat;margin-right: 8px;}
.pagination a.btn_next{background: url(/new_images/sub/list_next.jpg) center center no-repeat;margin-left: 8px;}


.donate-form{text-align: center;position: relative;overflow: hidden;margin-top: 60px;}
.donate-form:after{content:"";position: absolute;left:0;top:298px;height: 100%;width: 100%;background: #f3f3f3;z-index: -1;}
.donate-image img{max-width:100%;}
.donate-btn{display: inline-block;padding: 42px;background: #f3f3f3;border-radius:100px;position: relative;top:-80px}
.donate-btn img{max-width:100%;}



@media all and (max-width:1640px){
	:root{
		--fz60:44px;
		--fz50:40px;
		--fz44:36px;
		--fz40:30px;
		--fz30:28px;
	}
	.main-gallery-list{padding: 0;}
	.main-gallery-box {padding-left: 30px;padding-right: 30px;}
	.main-gallery-box .main-title-box1, .main-gallery-list {width: auto;}
	.main-gallery-box{padding-top: 220px;}
	.main-gallery-box .main-title-box1{margin-bottom: 80px;}

	.main-boa-box {margin-bottom:120px;}
}

@media screen and (max-width: 1280px){
	.header-sns{left:20px;margin-left: 0;}
	.header-top-right{right:20px;margin-right: 0;}
	#gnb{width: auto;}

	.main-our-news-ul{width: auto;margin: 50px 30px 0;}
	.main-our-news-title{font-size: 40px;}
}

@media all and (max-width:1200px){
	:root{
		--fz60:38px;
		--fz50:32px;
		--fz44:28px;
		--fz40:24px;
		--fz30:22px;
		--fz28:20px;
		--fz24:18px;
		--fz20:16px;
	}

	.main-gallery-list li{width: 40%;}
	.main-gallery-box .main-title-box1{margin-bottom: 50px;}

	.footer-banner ul li a{width: 150px;}
	.footer-banner ul li a.footer-banner1{background-size: 90px auto;}
	.footer-banner ul li a.footer-banner2{background-size: 36px auto;}
	.footer-banner ul li a.footer-banner3{background-size: 120px auto;}
	.footer-banner ul li a.footer-banner4{background-size: 90px auto;}
	.footer-banner ul li a.footer-banner5{background-size: 120px auto;}
	.footer-banner ul li a.footer-banner6{background-size: 120px auto;}
}

@media screen and (max-width: 1100px){
	#wrapper{padding-top: 80px;border: none;}
	.gnb-wrap{display: none;}
	.header-sns, .header-top-right{display: none;}
	#header{padding-bottom: 0;position: fixed;left:0;top:0;width: 100%;z-index: 50;background: rgba(255, 255, 255, .95);box-shadow:0px 4px 5px 0px rgb(0, 0, 0, .2)}
	#header h1{text-align: left;}
	#header h1 #logo{height: 80px;background-size: auto 60px;width: 150px;}
	#rightMenuOpenHeader{display: block;}

}

@media screen and (max-width: 700px){
	:root{
		--fz60:28px;
		--fz50:24px;
		--fz44:24px;
		--fz40:20px;
		--fz30:20px;
		--fz28:18px;
		--fz24:16px;
	}

	.hidden-sm{display: none;}
	#wrapper{padding-top: 65px;}	
	#header h1 #logo{height: 65px;background-size: auto 55px;width: 120px;}

	.main-title-box1 strong br{display: none;}
	.main-title-box1 a{font-size: 16px;background-size: auto 15px;padding-right: 20px;}

	.main-gallery-box {padding-left: 15px;padding-right: 15px;}
	.main-gallery-box {padding-top: 50px;padding-bottom: 50px;}
	.main-gallery-box {padding-top: 400px;}
	.main-gallery-box .main-title-box1 strong{font-size: 24px;}
	.main-title-box1 a{display: none;}
	.main-gallery-list li{margin-left: 0px !important;margin-right: 0px !important;}
	.main-gallery-list li a{width: 100%;margin: 0;padding: 0px;margin-bottom: 15px;}
	.main-gallery-list li a:after{width: 100%;height: 100%;left:0px;top:0px;}

}


/* SUB */

@media screen and (max-width: 1280px){
	.main-stats-box{position: relative;left:0;margin-left: 0;width: auto;margin: 0 20px;padding: 0;background-size: 180px auto;height: 240px;margin-top: -90px;}
	.main-visual-box{height: 600px;}
	.main-visual-text-content{width: auto;padding-top: 180px;}
	.main-visual-text-content strong{font-size: 50px;}
	.main-stats-box:before, .main-stats-box:after{display: none;}

	.main-stats-box strong{height: 120px;line-height: 150px;font-size: 26px;position: relative;}
	.main-stats-box strong:after{content:"";left:40px;right:40px;bottom:0;height: 1px;background: #bfa020;position: absolute;border-bottom: 1px solid #ffe67e;}
	.main-stats-box span{height: 120px;line-height: 80px;font-size: 40px;}


	.main-stats-left{width: 40%;}
	.main-stats-right{width: 40%;}
	.main-visual-wrap{padding-bottom: 0;}
	.main-middle-wrap{margin-top: 80px;}
	.main-middle-box{width: auto;padding: 0 30px;}
	.main-middle-box1{float: none;width: auto;padding: 0;height: auto;}
	.main-middle-box2{float: none;width: auto;padding: 0;height: auto;margin-top: 80px;}
	.main-middle-box1 em{position: static;display: block;width: 80%;text-align: center;margin: 30px auto;height: auto;}
	.main-middle-box1 em img{width: 100%;}
	.main-middle-box2 em{position: static;display: block;width: 80%;text-align: center;margin: 30px auto;height: auto;}
	.main-middle-box2 em img{width: 100%;}

	.main-movie-wrap{width: auto;margin: 80px 0;}
	.main-movie-title{font-size: 40px;}
	.main-movie-area{margin: 30px;}
	.main-movie-etc{margin: 0 30px;}
	.main-internet-wrap{*zoom:1;height: auto;margin-bottom: 100px;margin-top: 80px;}
	.main-internet-wrap:after{content:""; display:block; clear:both;}
	.main-internet-content{width: 616px;float:center;padding: 80px 30px 80px 0;}
	.main-donate-wrap{padding: 50px 30px;height: auto;width: auto;}

	.main-join-us-wrap{width: auto;background: url(/new_images/main_middle_bg3.png) center center no-repeat;	background-size: cover;padding: 0;margin-top: 100px;margin-bottom: 100px;}
	.main-join-us{background: rgba(0, 0, 0, .6);border-radius:0;}
	.main-join-us span{color:#fff;}
	.main-join-us em{display: none;}

	.main-snshumanrights-container{width: auto;padding: 390px 30px 0;align-items: center;min-height: auto;}
	.main-snshumanrights-container:before{left:50%;transform:translatex(-50%);top:0;}
	.main-snshumanrights-title{text-align: center;}
	.main-snshumanrights-text{text-align: center;}
	.main-snshumanrights-btn{text-align: center;}

	#sub-content-header{width: auto;padding: 57px 30px 0;}
	#sub-content-header h2{margin-top: 50px;font-size: 54px;}
	.sub-cont-box{width: auto;padding: 0 30px;}

	.sub01-1-box img{width: 400px;}
	.sub01-1-box{padding-right: 450px;padding-left: 0;}


	.sub01-2-box ul{width: auto;}
	.sub01-2-box:before, .sub01-2-box:after{display: none;}
	.sub01-2-box ul li{font-size: 22px;}


	.sub01-3-left{float: none;width: auto;padding-left: 0;height: auto;}
	.sub01-3-right{float: none;width: auto;padding-left: 0;padding-top: 40px;height: auto;}
	.sub01-3-left em{display: block;width: auto;height: auto;position: static;margin-top: 20px;}
	.sub01-3-right em{display: block;width: auto;height: auto;position: static;margin-top: 20px;}
	.sub01-3-box img{width: 100%;}

	.sub01-4-box{padding-left: 0;}
	.sub01-5-box img{max-width:100%;}


	.sub02-1-box{padding: 0 350px 0 0;height: auto;}
	.sub02-1-box em{width: 300px;height: auto;}
	.sub02-1-box img{height: auto;width: 100%;}

	.sub02-2-box{padding: 0 0 0 350px ;height: auto;}
	.sub02-2-box em{width: 300px;height: auto;}
	.sub02-2-box img{height: auto;width: 100%;}

	.sub02-3-box .sub-title1{padding-left: 0;}
	.sub02-3-content{height: auto;   background: #f2f2f2 url(/new_images/sub/sub02_4.jpg) 40px center no-repeat;padding: 50px 15px 50px 240px;}

	.sub02-4-box ul li{padding-left: 250px;}
	.sub02-4-box ul li strong{left:0;}
	.sub02-4-box ul li div{font-size: 18px;}
	.sub02-4-box ul li img{max-width:100%}
	.sub02-4-box ul li li{font-size: 18px;}
	.sub02-4-box ul li li:after{top:12px}

	.sub03-1-1-box{width: auto;margin: 50px 0;}
	.sunfull-comments-list li a .list-thumbnail{width: 300px;height: 199px;}
	.sunfull-comments-list li a{padding-left: 330px;}

	.sub03-2-1-box{width: auto;}
	.sub03-2-form{width: auto;padding-top: 30px;}
	.sub03-2-form-top div{float: none;width: auto;margin-top: 30px;}
	.sub03-2-form-top input{width: 100%;}

	.contact-us-wrap{background: none;padding-top: 0;height: auto;}
	.contact-us-content{width: auto;}
	.contact-us-top{padding: 50px 30px;}
	.contact-us-bottom{padding: 50px 100px;}


	.footer-banner ul{text-align: center;width: auto;}
	.footer-sns{position: static;display: block;text-align: center;margin-bottom: 40px;}
	.footer-container{width: auto;padding-left: 30px;padding-right: 30px;}
	.footer-left{position: static;margin-bottom: 18px;font-size: 20px;}
}

@media screen and (max-width: 1000px){
	.sub01-1-box{padding-right: 0;}
	.sub01-1-box img{display: block;position: static;margin-top: 20px;width: 100%;}
	.sub02-1-box{padding-right: 0;}
	.sub02-1-box em{display: block;width: auto;position: static;margin-top: 30px;}
	.sub02-2-box{padding-left: 0;}
	.sub02-2-box em{display: block;width: auto;position: static;margin-top: 30px;}

	.sub02-4-box ul li{padding-left: 0px;}
	.sub02-4-box ul li strong{position: static;margin-bottom: 18px;padding-left: 15px;}


	.main-our-news-ul{flex-wrap:wrap;justify-content: center;}
	.main-our-news-ul li{max-width:600px;}
}

@media screen and (max-width: 800px){
	.sub01-2-box ul {padding: 30px 0;}
	.sub01-2-box ul li{width: 100%;padding-left: 30px;padding-right: 30px;padding-top: 180px;float: none;height: auto;padding-bottom: 30px;font-size: 18px;background-size: auto 180px !important;}
}

@media screen and (max-width: 800px){
	.sunfull-comments-list li a .list-thumbnail{width: auto;display: block;position: relative;height: 0;padding-top: 66.2561%;margin-bottom: 15px;}
	.sunfull-comments-list li a{padding-left: 0px;}
	.sunfull-comments-list li{padding: 50px 0;}
	
	.main-news h2 {font-size:40px;}
	.main-news ul {flex-direction:column; padding:0 20px;}
	.main-news ul li {width:100%; margin:0; margin-bottom:30px;}
	.main-news h3 {margin:15px 0;}

	.main-snshumanrights-warp{padding:  50px 0;}
	.main-snshumanrights-container{width: auto;padding: 270px 15px 0;align-items: center;min-height: auto;}
	.main-snshumanrights-container:before{width: 350px;height: 242px;background-size: 100% auto;}
	.main-snshumanrights-title{line-height: 1.4em;}
	.main-snshumanrights-title, .main-snshumanrights-title strong{font-size: 30px;}
	.main-snshumanrights-text{font-size: 14px;margin: 20px 0 40px;}
	.main-snshumanrights-btn{}

}

@media all and (max-width:768px){
	.main-boa-box {padding:0;}
	.main-boa-box > div {align-items:center; justify-content: flex-end; padding-left:0; background-position:top center; padding-bottom: 40px;}
	.main-boa-box p {font-size:36px; text-align:center;}
	.main-boa-box a {margin-top:20px;}

	.main-idol-box {padding:0 20px; padding-right:0; background-position: center 0;}
	.main-idol-box > div {height:100%; justify-content:center; background-position: center right -125px;}
	.main-idol-box strong {font-size:40px;}
	.main-idol-box strong, 
	.main-idol-box p {text-shadow: -2px 0px #ebe2d1, 0px 2px #ebe2d1, 2px 0px #ebe2d1, 0px -2px #ebe2d1;}

	.footer-banner ul li {width:25%; text-align: center;}
	.footer-banner ul li a {height: 80px; width: 100%;} 
}

@media screen and (max-width: 700px){
	.main-visual-box{height: 400px;}
	.main-visual-text-content{padding-top: 120px;padding-left: 0;}
	.main-visual-text-content strong{font-size: 30px;text-align: center;}
	.main-visual-text-content span{text-align: center;font-size: 18px;}

	.main-middle-box{width: auto;padding: 0 15px;}
	.main-middle-box strong{font-size: 40px;}
	.main-middle-box span{font-size: 16px;}
	.main-middle-box1 em{width: auto;}
	.main-middle-box2 em{width: auto;}

	.main-movie-title{font-size: 36px;}
	.main-movie-area{margin: 30px 15px;}
	.main-movie-etc{margin: 0 15px;font-size: 18px;}

	.main-stats-box{height: auto;*zoom:1;padding-top: 130px;padding-bottom: 30px;background-position: center 18px;background-size: 80px auto;}
	.main-stats-box:after{content:""; display:block; clear:both;background: none;position: static;width: auto;}
	.main-stats-left{float: none;width: auto;}
	.main-stats-right{float: none;width: auto;margin-top: 30px;}
	.main-stats-box strong{height: auto;line-height: 1.6em;}
	.main-stats-box span{height: auto;line-height: 1.6em;}



	.sub-cont-box{padding: 0 15px;}
	.sub-body-header{font-size: 18px;}
	#sub-content-header h2{font-size: 45px;}

	.main-join-us-wrap{margin-bottom: 0px;}
	.main-join-us{padding: 50px 15px;text-align: center;height: auto;}
	.main-join-us strong{text-align: center;}
	.main-join-us span{text-align: center;}
	.main-join-us a{margin-top: 30px;}

	.main-internet-wrap{margin-bottom: 0px;}
	.main-internet-content{width: auto;float: none;padding: 50px 15px;text-align: center;}
	.main-internet-content a{margin-top: 35px;}
	.main-internet-content strong{font-size: 40px;text-align: center;}
	.main-internet-content span{font-size: 18px;text-align: center;}
	.main-boa-box {margin-bottom: 50px;}
	.main-donate-wrap{padding: 50px 15px;}
	.main-donate-wrap strong{font-size: 40px;}
	.main-donate-wrap span{font-size: 18px;}

	.sub-title1{font-size: 26px;}
	.sub-text1{font-size: 18px;}

	.sub01-1-box{padding-bottom: 80px;}

	.sub01-4-box ul li{font-size: 18px;}
	.sub01-4-box ul li:after{top:10px}

	.sub02-3-content{background: #f2f2f2 url(/new_images/sub/sub02_4.jpg) center 20px no-repeat;padding: 200px 15px 30px;}

	.sunfull-comments-list li a .list-content span{font-size: 18px;}
	.sub03-2-1-box ul li{font-size: 18px;}
	.sub03-2-1-box ul li:after{top:10px;}
	.sub03-2-form-bottom{padding: 35px 0;margin: 35px 0 0;}
	.sub03-2-form-bottom button{font-size: 16px;width: auto !important;padding: 0 15px;}

	.contact-us-top{padding: 0 15px 50px;}

	.form-line {padding-left: 0;}
	.form-line label{display: block;position: static;}
	.contact-us-bottom{padding: 40px 30px;}

	.donate-form:after{top:0;}
	.donate-btn{padding: 30px;border-radius:70px;top:0;}
	.donate-btn img{width: 300px}

	.footer-banner{margin-top: 50px;}
	.footer-banner.main-footer-banner{margin-top: 0;}
	.footer-banner img{height: 35px;}
	#footer{padding-top: 30px;}
	.footer-container{padding-left: 15px;padding-right: 15px;padding-bottom: 30px;}
	.copyright{font-size: 14px;}
	.go-top{display: none;}

	.h-btn{height: 40px;font-size: 14px;padding: 0 40px;}
	.main-our-news-title{font-size: 36px;}
	.main-our-news-ul{margin: 40px 15px 0;}
	.main-our-news-ul li .our-news-title{font-size: 16px;}
}

@media screen and (max-width: 500px){
	.main-snshumanrights-title, .main-snshumanrights-title strong{font-size: 24px;letter-spacing:-1px;}

	.main-idol-box {height:510px; padding-right:20px;}
	.main-idol-box > div {justify-content: flex-start; padding-top:40px; padding-left:0; background-position:bottom center; background-size:80%; padding-top: 35px; font-size:16px; text-align:center; }
	.main-idol-box strong {margin-left:0; margin-bottom:6px; font-size:26px; text-align: center;}
	.main-idol-box img {width:90px;}
	.main-idol-box p {font-size:16px;}
	.main-idol-box a {height:40px; line-height:36px; margin:0 auto;  margin-top:10px; font-size:16px;}


	.footer-banner ul {flex-wrap:wrap;}
	.footer-banner ul li {width:33.33%;}
	.footer-banner ul li a{width:100%;height: 50px;}
	.footer-banner ul li a.footer-banner1{background-size: 80px auto;}
	.footer-banner ul li a.footer-banner2{background-size: 30px auto;}
	.footer-banner ul li a.footer-banner3{background-size: 100px auto;}
	.footer-banner ul li a.footer-banner4{background-size: 75px auto;}
	.footer-banner ul li a.footer-banner5{background-size: 100px auto;}
	.footer-banner ul li a.footer-banner6{background-size: 100px auto;}
}




/* Board */
.sunfull-write-header{background: url(/images/sub/reply_board_top_bg.jpg) center center no-repeat;height: 540px;padding-top: 120px;padding-left: 120px;position: relative;}
.sunfull-write-header h3{color:#fff;font-size: var(--fz50);font-weight: 600;}
.sunfull-write-header ul{position: absolute;right:0;bottom:0;background: #fff;padding: 25px 30px;}
.sunfull-write-header ul li{padding: 8px;}
.sunfull-write-header ul li a{font-size: var(--fz24);color:#444;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;display: block;padding-left: 14px;position: relative;}
.sunfull-write-header ul li a:before{width: 5px;height: 5px;position: absolute;content:"";left:0;top:50%;transform:translateY(-50%);border-radius:50%;background: #444;}

.sunfull-write-top-wrap{margin: 120px 0;display: flex;justify-content:space-between;}
.sunfull-write-top-wrap>div{width: calc(50% - 20px);border-radius:15px;text-align: center;padding-top: 40px;padding-left: 20px;padding-right: 20px;}
.sunfull-write-top-left{background: #f5f5f5;}
.sunfull-write-top-left span{display: inline-block;width: 112px;height: 112px;background:#fff url(/images/sub/reply_board_icon1.jpg) center center no-repeat;border-radius:50%;}
.sunfull-write-top-right span{display: inline-block;width: 112px;height: 112px;background:#fff url(/images/sub/reply_board_icon2.jpg) center center no-repeat;border-radius:50%;}
.sunfull-write-top-right{background: #ffd116;}
.sunfull-write-notice-title{font-size: var(--fz40);font-weight: 600;margin: 35px 0;}
.sunfull-write-notice-title strong{color:#14a556;font-weight: 600;}
.sunfull-write-notice-content{color:#757575;font-size: 22px;}
.sunfull-write-notice-btn{margin: 35px 0 40px;}
.sunfull-write-notice-btn a{background: #000;color:#fff;font-size: 22px;border-radius:10px;display: inline-block;padding: 15px 50px;}
.sunfull-write-count-title{color:#040404;font-size: var(--fz50);font-weight: 600;margin: 30px 0 30px;}
.sunfull-write-count-cnt{font-size: var(--fz40);font-weight: 600;line-height: 1em;}
.sunfull-write-count-cnt strong{color:#040404;font-size: 100px;font-family: 'Roboto';line-height: 1em;margin-right: 5px;}

.sunfull-board-header{display: flex;justify-content:space-between;margin-bottom: 50px;flex-wrap:wrap;}
.sunfull-board-header-notice{font-size: 22px;color:#757575;}
.sunfull-board-header input[type=text]{padding: 0px 18px;border: 1px solid #ddd;border-radius: 10px;height: 60px;vertical-align: middle;width: 320px;font-size: 16px;margin: 0 8px;}
.sunfull-board-header input[type=submit]{text-indent: -9999px;width: 60px;height: 60px;background:#222 url(/images/sub/search_btn.png) center center no-repeat;border-radius:10px;vertical-align: top;cursor:pointer;}
.sunfull-board-search-box{margin-left: auto;}


.fz-list{border-top: 2px solid #222;color:#000;font-size: 16px;}
.fz-list i{display: none;}
.fz-list li{display: flex;border-bottom: 1px solid #d8d8d8;position: relative;}
.fz-list li:last-child{border-bottom: 1px solid #222;}
.fz-list li>div{padding: 8px 0;display: flex;align-items:center;justify-content:center;min-height:50px;}

.fz-list .fz-list-th{border-bottom: 1px solid #666;}
.fz-list .fz-list-th>div{height: 55px;font-weight: 600;font-size: 18px;color:#000 !important}
.fz-list .fz-list-th .fz-subject{justify-content:center !important;}

.fz-list .fz-checkbox{flex:0 0 30px;}
.fz-list .fz-subject{flex-grow:1;justify-content:flex-start !important;padding: 25px 10px;line-height: 1.6em;font-size: 18px;font-weight: 500;}
.fz-list .fz-subject a{display: block;width: 100%;}
.fz-list .fz-writer{flex:0 0 120px;color:#757575;}
.fz-list .fz-writer2{flex:0 0 200px;color:#757575;}
.fz-list .fz-date{flex:0 0 150px;color:#757575;}
.fz-list .fz-date2{flex:0 0 150px;color:#757575;}
.fz-list .fz-hit{flex:0 0 120px;color:#757575;}
.fz-list .fz-etc1{flex:0 0 120px;color:#757575;}
.fz-list .fz-etc2{flex:0 0 150px;color:#757575;}
.fz-list .fz-good{flex:0 0 45px;}
.fz-list .fz-nogood{flex:0 0 45px;}
.fz-list .fz-number{display: inline-block;padding: 0 10px;height: 24px;line-height: 24px;font-size: 16px;color:#fff;border-radius:24px;background: #757575;min-width:38px;text-align: center;margin-right: 20px;}

.fz-list .fz-num, .fz-list .fz-hit, .fz-list .fz-good, .fz-list .fz-nogood, .fz-list .fz-date{color:#999;}

.fz-list li:after{content:"";height: 100%;width: 0;background: #fafafa;position: absolute;left:0;top:0;z-index: -1;transition:width .3s ease-in-out;}
.fz-list li:hover:after{width: 100%;}
.fz-list li>div, .fz-list li>div *{transition:color .2s ease-in-out;}
.fz-list li:hover>div, .fz-list li:hover>.fz-subject>a, .fz-list li:hover .sv_wrap>a, .fz-list li:hover .sv_member{color:#4158d1 !important}
.fz-list li.fz-list-th:hover>div{color:#000 !important}
.fz-list li.fz-list-th:after{display: none;}
.fz-list font{}

.fz-empty-list{height: 100px;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;flex-grow:1;}

.fz-btn-wrap{text-align: center;margin-top: 50px;}
.fz-btn-wrap a{height: 60px;line-height: 60px;padding: 0 70px;color:#fff;background: #45b851;border-radius:10px;display: inline-block;vertical-align: middle;border: none;font-size: 22px;}

.bo-cate-link{display: inline-block;position: relative;padding-right: 10px;margin-right: 10px;line-height: 20px;vertical-align: top;}
.bo-cate-link:after{height: 20px;width: 1px;content:"";display: block;position: absolute;right:0;top:3px;background: linear-gradient(to bottom, #999, transparent);}
.list-icon{width: 20px;height: 20px;display: inline-block;overflow: hidden;vertical-align: middle;text-indent:-9999px;}
.icon-reply{background: url(/images/board/reply-all.png) center center no-repeat;margin-right: 5px; background-size: 12px auto;}
.icon-secret{background: url(/images/board/secret.png) center center no-repeat;margin-right: 5px;}
.icon-file{background: url(/images/board/download.png) center center no-repeat;}
.icon-link{background: url(/images/board/link.png) center center no-repeat;}
.icon-new{background: url(/images/board/new.png) center center no-repeat;}
.icon-pack-wrap{margin-left: 8px;}
.icon-notice{text-indent:-9999px;display: inline-block;width: 20px;height: 20px;background: url(/images/board/mic.png) center center no-repeat;}
.bo-current{color:#FF4800;font-weight: 600;}
.fz-subject .cnt_cmt{color:#FF4800;padding-left: 5px;font-size: 14px;font-family: tahoma;background: none;font-weight: 700;vertical-align: top;line-height: 26px;display: inline-block;vertical-align: bottom;}
.fz-list .sv_wrap>a{display: inline-block;display: flex;align-items:center;line-height: 1em;}
.fz-list .sv_wrap a .profile_img{display: inline-block;vertical-align: middle;margin-right: 3px;}
.fz-list .sv_wrap .sv a{font-size: 12px;}


.bbs-view-box{border-bottom: 1px solid #000;}
.bbs-view-btn{margin-top: 20px;text-align: right;}
.bbs-view-btn a{background: #000;color:#fff;border-radius:10px;display: inline-block;padding: 15px 30px;font-size: 18px;}
.bo-v-title {display:block;font-size:30px;word-break:break-all;border-bottom: 1px solid #000;padding: 20px 0;border-top: 2px solid #000;}

.bo-v-info {margin:0;border-bottom:1px solid #ddd;color:#666;display: flex;justify-content:space-between;flex-wrap:wrap;font-size: 18px;}
.bo-v-info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo-v-info .profile-info {display: flex;align-items:center;}
.bo-v-info .profile-info .pf-img {margin-right:10px;display: inline-block;}
.bo-v-info .profile-info .pf-img img {border-radius:50%;width:35px;height:35px}
.bo-v-info .profile-info strong {display:inline-block;font-weight:normal;padding-left: 28px;background: url(/images/board/user.png) 0 center no-repeat;background-size: auto 22px;}
.bo-v-info .profile-info .pf-img ~ strong{background: none;padding-left: 0;}

.bo-v-info .sv_member,
.bo-v-info .sv_guest,
.bo-v-info .member,
.bo-v-info .guest {font-weight:bold;font-size: 14px;}
.bo-v-info .profile_img {display:none}
.bo-v-info .sv_member {color:#000}

.article-info{padding: 15px 0;min-height:50px}

.article-comment{display: inline-block;padding-left: 22px;background: url(/images/board/comment.png) 0 center no-repeat;color:#777;font-weight: normal;}
.article-hit{display: inline-block;padding-left: 22px;background: url(/images/board/eye-black.png) 0 center no-repeat;margin-left: 10px;color:#777;font-weight: normal;}
.article-date{display: inline-block;padding-left: 22px;background: url(/images/board/schedule.png) 0 center no-repeat;margin-left: 10px;color:#777;font-weight: normal;}
.article-ip{display: inline-block;color:#999;font-size: 12px;}

#bo_v_link{}
#bo_v_file, #bo_v_link{font-size: 18px;margin-top: 30px;}
#bo_v_link~#bo_v_file{margin-top: 0;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(/images/board/folder.png) 10px 14px no-repeat;transition:box-shadow .3s ease-out;}
#bo_v_file li i {color:#b2b2b2;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#bo_v_file img {position: absolute;left:15px;top:16px;}
#bo_v_file a {display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(/images/board/link_large.png) 10px 14px no-repeat;transition:box-shadow .3s ease-out;}
#bo_v_link li i {color:#b2b2b2;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#bo_v_link a {display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}


.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:50px 20px;line-height:1.7em;word-break:break-all;overflow:hidden;font-size: 18px;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con table{max-width:100% !important;}
#bo_v_con img {max-width:100% !important;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative;display: inline-block;}
#bo_v_act .bo_v_act_gng ~ .bo_v_act_gng{margin-left: 10px;}
#bo_v_act a, #bo_v_act>span{vertical-align:middle;color:#4a5158;transition:all .3s ease-out;padding-top: 40px;}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#fff;box-shadow:0px 0px 8px rgba(0, 0, 0, .2);}

#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;height: 70px;border-radius:50%;background: url(/images/board/like.png) center 12px no-repeat;}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;height: 70px;border-radius:50%;background: url(/images/board/dislike.png) center 12px no-repeat;}





.pg_wrap {clear:both;text-align: center;margin-top: 30px;display: block;float: none;margin-top: 50px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;background: none;border-radius:0;transition:all 0.3s ease-out;margin: 3px;font-size:18px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;height:50px;line-height:48px;padding:0 13px;min-width:50px;text-decoration:none;position: relative;}
.pg_page:hover {background-color:#fafafa;box-shadow:0px 0px 5px rgba(0, 0, 0, .2);border-color: #b8b8b8;color:#212121;font-weight: bold;}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_prev:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f104";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_start:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f100";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_next:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f105";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_end:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:" \f101";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#212121;border:1px solid #212121;color:#fff;font-weight:bold;height:50px;line-height:48px;padding:0 13px;min-width:50px;position: relative;color:#fff;}

.bbs-del-notice{font-size: var(--fz24);font-weight: 600;margin-bottom: 20px;}


.certificate-header{background: url(/images/sub/certificate_header_bg.jpg) center center no-repeat;height: 450px;padding: 140px 0 0 120px;margin-bottom: 120px;border-radius:16px}
.certificate-header h3{color:#fff;font-size: var(--fz50);font-weight: 600;line-height: 1em;margin-bottom: 30px;}
.certificate-header>div{color:#fff;font-size: var(--fz24)}
.certificate-header .select-box{margin-left: 10px;}
.certificate-header .select-box>a{height: 38px !important;line-height: 38px !important;font-size: 18px;}
.certificate-header .select-box ul{top:38px !important;}
.certificate-header .select-box ul a{font-size: 16px;}

.fz-list2{border-top: 1px solid #e0e0e0;font-size: var(--fz20);}
.fz-list2 li{border-bottom: 1px solid #e0e0e0;padding: 35px 0px;display: flex;}
.fz-list2 li .list-num{display: inline-block;padding: 0 10px;height: 24px;line-height: 24px;font-size: 16px;color:#fff;border-radius:24px;background: #757575;min-width:38px;text-align: center;margin-right: 20px;margin-top: 6px;}

.fz-list2 li .fz-list2-content{flex-grow:1;}
.fz-list2 li .fz-list2-content>a{font-size: var(--fz24);display: block;line-height: 1em;font-weight: 600;margin-bottom: 25px;line-height: 1.4em;}
.fz-list2 li .fz-list2-title{font-size: var(--fz24);display: block;line-height: 1em;font-weight: 600;margin-bottom: 25px;line-height: 1.4em;}

.fz-list2 li .list-content-box{display: flex;align-items:center;}
.fz-list2 li .list-content-box>span{margin-right: 50px;}
.fz-list2 li .list-content-box>span:last-child{margin-right: 0;}
.round-green{height: 36px;line-height: 34px;border:1px solid #14a556;padding: 0 15px;color:#14a556;border-radius:36px;display: inline-block;}
.round-red{height: 36px;line-height: 34px;border:1px solid #ff4040;padding: 0 15px;color:#ff4040;border-radius:36px;display: inline-block;}
.round-blue{height: 36px;line-height: 34px;border:1px solid #4940ff;padding: 0 15px;color:#4940ff;border-radius:36px;display: inline-block;}

.fz-list2 .check-box{height: 30px;margin-right: 10px;margin-top: 3px;margin-left: 10px;}
.fz-list2-all-check{margin-bottom: 20px;font-size: var(--fz24);font-weight: 500;padding-left: 10px;}

.fz-list-bottom-btn{display: flex;justify-content:space-between;margin-top: 30px;}
.fz-list-bottom-btn input{display: inline-block;background: #0064b1;height: 40px;line-height: 40px;border-radius:10px;padding: 0 30px;border: none;color:#fff;font-size: 20px;}
.fz-list-bottom-btn a{display: inline-block;background: #45b851;height: 40px;line-height: 40px;border-radius:10px;padding: 0 30px;border: none;color:#fff;font-size: 20px;}

.popup-wrapper{padding: 30px 15px 50px;}
.popup-wrapper h2{font-size: 26px;margin-bottom: 30px;}

.popup-form-wrap{font-size: 16px;border-top: 1px solid #000;}
.popup-form-wrap li{display: flex;padding: 15px 0;border-bottom: 1px solid #e0e0e0;}
.popup-form-wrap li .popup-form-label{flex:0 0 160px;position: relative;padding-left: 20px;font-weight: 600;color:#000;}
.popup-form-wrap li .popup-form-label:before{width: 4px;height: 4px;content:"";border-radius:50%;position: absolute;left:8px;top:10px;background: #000;}
.popup-form-wrap li .popup-form-content{flex-grow:1;color:#555}
.popup-form-wrap li textarea{border: 1px solid #ccc;padding: 10px;width: 100%;}

.fz-list2.popup-list{font-size: 16px;}
.fz-list2.popup-list li .fz-list2-content>a{margin-bottom: 10px;font-size: 18px;}
.fz-list2.popup-list li .list-num{font-size: 14px;}
.fz-list2.popup-list .list-title-sub{color:#f60;margin-bottom: 15px;}
.fz-list2.popup-list li .list-content-box>span{margin-right: 15px;}
.fz-list2.popup-list .round-blue, .fz-list2.popup-list .round-green, .fz-list2.popup-list .round-red{height: 26px;line-height: 24px;border-radius:26px;font-size: 14px;}

.map-etc-info{padding-top: 50px;}
.map-etc-info li{margin-top: 20px;font-size: var(--fz20);}
.map-etc-info li strong{display: inline-block;color:#14a556;width: 100px;text-align: right;margin-right: 20px;}



.list-table1{width: 100%;table-layout:fixed;border-collapse:collapse;font-size: 16px;}
.list-table1 thead th{background: #1a1a1a;font-size: 14px;color:#fff;line-height: 1em;padding: 18px 0;border-right: 1px solid #777;font-weight: 500;text-align: center;}
.list-table1 thead th a{text-decoration: underline;}
.list-table1 thead th:first-child{}
.list-table1 thead th:last-child{border-right: none;}
.list-table1 tbody th{border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;text-align: left;}
.list-table1 tbody td{border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 10px 10px;text-align: center;}
.list-table1 tbody td:last-child{border-right: none;}
.list-table1 tbody td.al{padding-left: 20px;}
.list-table1 tr:nth-child(2n) td{background: #fafafa;}
.list-table1 tbody a{color:#2858d6;}
.list-table1 tbody input[type=text]{padding: 0px 10px;border: 1px solid #ddd;width: 100%;border-radius:10px;height: 30px;vertical-align: middle;}
.list-table1.td-click tr td{cursor:pointer;}
.list-table1.td-click tr td.empty-td{cursor:default;}

.rank-year-select{font-size: 16px;display: flex;align-items:center;margin-bottom: 50px;}
.rank-year-select .select-wrap.select-box>a{height: 45px !important;line-height: 45px !important;font-size: 16px;}
.rank-year-select>strong{display: inline-block;margin: 0 15px 0 5px;font-weight: 500;}

.comic-down{text-align: center;}
.comic-down ul{display: flex;justify-content:center;margin-top: 30px;}
.comic-down ul li{padding: 0 5px;}
.comic-down ul a{display: block;background: #45b851;padding: 0px 15px;font-size: 16px;color:#fff;height: 40px;line-height: 40px;border-radius:40px;}
.comic-artice-summary{font-size: var(--fz20);margin: 100px 0;line-height: 1.8em;}

.comic-manual-header{text-align: center;margin-bottom: 50px;}
.comic-manual-wrap{background: #f9f9f9;padding: 80px 0;}
.comic-manual{width: 1640px;margin: 0 auto;font-size: 18px;}
.comic-ebook-view-title{line-height: 56px;background: url(/images/common/ico_wrap_img3.png) 0 center no-repeat;padding-left: 60px;font-size: 26px;font-weight: 500;margin-bottom: 30px;}
.comic-ebook-img{margin-bottom: 30px;}
.comic-manual ul{}
.comic-manual ul li{margin-top: 15px;font-weight: 500;}
.comic-manual ul li span{background: #f87778;border-radius:50%;text-align: center;width: 30px;height: 30px;text-align: center;line-height: 30px;display: inline-block;color:#fff;font-weight: 700;margin-right: 10px;}
.comic-ebook-view>span{display: block;margin-top: 25px;font-weight: 700;}
.comic-ebook-download{margin-top: 80px;}
.comic-ebook-download-title{line-height: 56px;background: url(/images/common/ico_wrap_img7.png) 0 center no-repeat;padding-left: 60px;font-size: 26px;font-weight: 500;margin-bottom: 30px;}

.comic-character{font-size: 16px;margin: 100px 0 50px;}
.comic-character ul{display: flex;justify-content:flex-start;flex-wrap:wrap;margin: 0 auto;}
.comic-character ul li{width: 33.3333%;margin: 30px 0;padding: 0 30px;display: flex;}
.comic-character ul li strong{display: inline-block;background: #e47373;padding: 8px 20px;color:#fff;font-weight: 500;font-size: 18px;border-radius:10px;margin-bottom: 15px;}
.comic-character .character-img{margin-right: 10px;flex:0 0 140px;justify-content: flex-end;}

.song-header{font-size: var(--fz24);}
.song-header strong{display: block;font-size: var(--fz44);font-weight: 700;margin-bottom: 15px;}
.song-img{margin-right: 10px;}
.song1-img{margin-right: 20px;}
.song-box{display: flex;justify-content:center;font-size: 18px;}
.song1-box{display: flex;justify-content:center;font-size: 18px;margin: 80px 0;}
.song-num{background: #e26666;height: 34px;line-height: 34px;padding: 0 15px;border-radius:34px;display: inline-block;color:#fff;font-size: var(--fz20);}
.song1-box .song-num{height: 40px;line-height: 40px;padding: 0 20px;border-radius:40px;font-size: var(--fz24);}
.song-box>div>strong{display: block;font-size: 26px;margin-top: 15px;}
.song1-box>div>strong{font-size: 36px;}
.song-summary{margin-top: 8px;}
.song-summary span{display: inline-block;margin-right: 20px;}
.song-summary strong{margin-right: 8px;}
.song-btn{margin-top: 20px;}
.song-btn a{display: inline-block;background: #45b851;padding: 0px 15px;font-size: 16px;color: #fff;height: 40px;line-height: 40px;border-radius: 40px;margin-right: 5px;}

.song-list{display: flex;}
.song-list li{width: 33.3333%;padding: 0 20px;}
.song-list li .song-box{padding: 30px;box-shadow:5px 5px 12px rgba(0, 0, 0, .2);border-radius:30px;background: #f9f9f9;}


.paper-ul{display: flex;flex-wrap:wrap;font-size: 16px;}
.paper-ul li{width: 20%;margin-top: 50px;}
.paper-ul li a{display: block;text-align: center;}
.paper-ul li a img{width: 180px;}
.paper-ul li a strong{display: block;font-size: var(--fz20);}
.paper-ul li a em{display: block;font-style: normal;color:#af66b8;margin-top: 5px;}



.bo_vc_w {position:relative;margin:20px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:inline-block;margin-right: 10px;}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff !important;color:#000;vertical-align:middle;padding:8px;width:100%;height:120px;}
#wr_secret {}
.bo_vc_w_info {display: flex;justify-content:space-between;}
.bo_vc_w_info .frm_input {margin-right:5px;margin-bottom: 10px;}
.bo_vc_w_info #captcha {display:block;clear:both}
.bo_vc_w .btn_confirm {}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;text-align:center}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr{padding-top: 10px;}
.secret_cm {display:inline-block;}
.comment-write-box{border: 1px solid #e1e1e1;border-top: 2px solid #333;background: #f8f8f8;padding: 15px;}
.comment-write-box .required{background-image: none !important;}
.comment-write-box .frm_input{border-radius:0;vertical-align: top;}
.bo-vc-bottom{display: flex;justify-content:space-between;margin-top: 10px;}
.bo-vc-submit, .reply-mody-cancel{padding: 6px 15px;height: 32px;border-radius:0px;font-weight:500;font-size:14px;background: #144a94;color:#fff;transition:all .2s ease-out;}
.bo-vc-submit:hover, .reply-mody-cancel:hover{box-shadow:3px 3px 8px rgba(0, 0, 0, .2);background: #fff;color:#333;}
.bo-vc-title{background: url(/images/board/comment.png) 0 7px no-repeat;padding-left: 25px;font-size: 18px;font-weight: 500;margin-bottom: 15px;}

.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(/images/board/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {font-size: 16px;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #ededed;display: flex;}
#bo_vc article.bo-vc-reply:before{content:"";display: block;width: 12px;height: 12px;background: url(/images/board/reply-all.png) 0 0 no-repeat;background-size: 100% auto;position: absolute;left:-20px;top:5px;}
#bo_vc article:last-child{}

#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {display: inline-block;vertical-align: middle;margin-right: 5px;}
#bo_vc article .pf_img img {border-radius:50%;width:35px;height:35px}
#bo_vc article .cm_wrap {flex-grow:1;}
#bo_vc header {position:relative;display: flex;justify-content:space-between;}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
.cm-parent-info{color:#999;text-decoration: none !important;margin-right: 5px;}
.cm-header-content{vertical-align: middle;}
.cm-ip{color:#999;}
.cm-reply-btn{background: url(/images/board/reply.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;}
.cm-modify-btn{background: url(/images/board/refresh.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;margin-left: 5px;}
.cm-delete-btn{background: url(/images/board/close.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;background-size: 14px auto;margin-left: 5px;}
.bo-vc-datetime{background: url(/images/board/schedule.png) 0 center no-repeat;padding-left: 22px;margin: 0 5px;margin-left: 15px;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:20px 0}
#bo_vc .cmt_contents p{word-break:break-all;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

#bo-cate {margin:0 0 0px;padding-left: 1px;padding-top: 1px;font-size: 18px;}
#bo-cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo-cate ul {zoom:1;display: flex;flex-wrap:wrap; }
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li {margin-left: -1px;margin-top: -1px;}
#bo-cate a{display:block;line-height:40px;padding:5px 20px;border:1px solid #ddd;color:#999;position: relative;transition:all 0.3s ease-out;}
#bo-cate a:focus, #bo-cate a:hover, #bo-cate a:active {text-decoration:none;background:#666;color:#fff;border:1px solid #666;}
#bo-cate #bo_cate_on a, #bo-cate .on a{z-index:2;background:#212121;color:#fff;font-weight:bold;border-color: #212121;}



@media all and (max-width:1200px){

	.chk_message{display: block;}
	.form-bottom-btn{margin-top: 50px;}
	.form-bottom-btn a, .form-bottom-btn input{height: 50px;line-height: 50px;padding: 0 60px;font-size: 20px;}
	.form-btn1{height: 50px;line-height: 50px;padding: 0 15px;}

	.sunfull-board-header input[type=text]{height: 50px;width: 250px;}
	.sunfull-board-header input[type=submit]{height: 50px;width: 50px;}

	.fz-list .fz-writer{flex:0 0 100px;}
	.fz-list .fz-writer2{flex:0 0 160px;}
	.fz-list .fz-date{flex:0 0 120px;}
	.fz-list .Fz-date2{flex:0 0 120px;}
	.fz-list .fz-hit{flex:0 0 80px;}
	.fz-list .fz-etc1{flex:0 0 80px;}
	.fz-list .fz-etc2{flex:0 0 100px;}

	.fz-btn-wrap a{padding: 0 45px;font-size: 18px;height: 50px;line-height: 50px;}
	.bbs-view-btn a{font-size: 16px;padding: 12px 25px;}
	.bo-v-title{font-size: 24px;}
	.bo-v-info{font-size: 16px;}

	.bbs-form-ul{padding: 15px 0;}
	.bbs-form-ul>li{font-size: 16px;padding: 15px;}
	.bbs-form-ul>li .li-label{flex:0 0 180px;line-height: 50px;}
	.bbs-form-ul>li .member-form-div{line-height: 50px;}
	.bbs-form-ul input[type=text], .bbs-form-ul input[type=password]{height: 50px;}
	.file-wrap .file-label{height: 50px !important;width: 50px;}
	
	#bo-cate{margin-bottom: 15px;}


	.sunfull-write-header{padding-left: 80px;padding-top: 80px;height: 450px;}
	.sunfull-write-header ul{padding: 20px;}
	.sunfull-write-top-wrap{flex-wrap:wrap;}
	.sunfull-write-top-wrap>div{width: 100%;}

	.sunfull-write-top-wrap{margin: 60px 0;}
	.sunfull-write-top-wrap>div{padding: 30px 20px;}
	.sunfull-write-top-left span, .sunfull-write-top-right span{width: 80px;height: 80px;background-size: 40px auto;}
	.sunfull-write-notice-title{margin: 25px 0;}
	.sunfull-write-notice-btn{margin-bottom: 0;}
	.sunfull-write-notice-btn a{font-size: 18px;padding: 12px 30px;}
	.sunfull-write-top-right{margin-top: 30px;}
	.sunfull-write-count-cnt strong{font-size: 60px;}

}
@media all and (max-width:900px){	
	.fz-list{margin-bottom: 10px;font-size: 14px;}
	.fz-list .fz-list-th{display: none;}
	.fz-list li{flex-wrap:wrap;padding: 10px;}
	.fz-list li>div{order:2;min-height:auto;padding: 0;margin-right: 15px;}
	.fz-list li .fz-subject{order:1;width: 100%;padding: 0;margin-bottom: 10px;margin-right: 0;}
	.fz-list li .fz-subject a{width: 100%;display:block;/* 제목이 길때 여러줄로 다 나오게 할려면 이 뒷부분 삭제*/ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-size: 14px;}

	.fz-list li .fz-number{display: none;}
	.fz-list li .fz-checkbox{flex:0;}
	.fz-list li .fz-writer{flex:0;background: url(/images/board/user.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-writer2{flex:0 0 160px;justify-content:flex-start;}
	.fz-list li .fz-date{flex:0;background: url(/images/board/schedule.png) 0 center no-repeat;padding-left: 20px;min-width:86px}
	.fz-list li .fz-date2{flex:0 0 70px;justify-content:flex-start;}
	.fz-list li .fz-hit{flex:0;background: url(/images/board/eye-black.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-etc1{flex:0 0 60px;justify-content:flex-start;position: relative;}
	.fz-list li .fz-etc1:before{content: "참여 : ";display: inline-block;}
	.fz-list li .fz-etc2{flex:0 0 80px;justify-content:flex-start;position: relative;}
	.fz-list li .fz-good{flex:0;background: url(/images/board/like_s.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-nogood{flex:0;background: url(/images/board/dislike_s.png) 0 center no-repeat;padding-left: 20px;}

	
	.pg_page{height: 40px;line-height: 38px;min-width:40px}
	.pg_current{height: 40px;line-height: 38px;min-width: 40px;}
	.sunfull-board-header{margin-bottom: 40px;}
	.pg_wrap{margin-top: 40px;}
	.gallery-list li{width: 50%;}
	.sunfull-subject-list{font-size: 16px;}
	.sunfull-subject-list li a .subject-thumb{flex:0 0 250px;margin-right: 25px;}
	.paper-ul li{width: 33.3333%;}

}
@media all and (max-width:700px){

	.sunfull-board-header{margin-bottom: 30px;}
	.sunfull-board-search-box {width: 100%;}
	.sunfull-board-search-box form{display: flex;width: 100%;}
	.sunfull-board-search-box>.select-box{}
	.sunfull-board-header input[type=submit]{height: 44px;line-height: 44px;background-size: 20px auto;flex:0 0 44px}
	.sunfull-board-header input[type=text]{height: 44px;width: 100px;flex-grow:1;display: flex;padding: 0 10px;}
	.pg_page, .pg_current{font-size: 14px;}
	.fz-btn-wrap a{padding: 0 30px;font-size: 16px;height: 44px;line-height: 44px;}
	.bo-v-title{font-size: 18px;}
	.bo-v-info{font-size: 14px;}
	.bbs-view-btn a{padding: 10px 20px;font-size: 14px;}

	.bbs-form-ul{border: none;padding: 0;}
	.bbs-form-ul>li{flex-wrap:wrap;padding: 10px 0;font-size: 14px;}
	.bbs-form-ul>li .li-label{width: 100%;flex:auto;line-height: 40px;}
	.bbs-form-ul>li .member-form-div{line-height: 40px;}
	.bbs-form-ul input[type=text], .bbs-form-ul input[type=password]{width: 100%;height: 44px;}
	.bbs-form-ul .ml40{margin-left: 20px !important;}
	.bbs-form-ul .form-text1.ml20{margin-left: 0px !important;}
	.bbs-form-ul .form-text-block{line-height: 1.6em;}
	.bbs-form-ul>li .select-box ul a{font-size: 14px;}
	.file-wrap .file-label{height: 44px !important;width: 44px;background-size: 26px auto;}

	#bo-cate a{font-size: 16px;line-height: 44px;padding: 0 15px;}
	.sunfull-subject-list li a{flex-wrap:wrap;}
	.sunfull-subject-list li a .subject-thumb{width: 100%;margin-right: 0;margin-bottom: 20px;flex:auto;}
	.sunfull-board-header-notice{font-size: 16px;}

	.fz-list2 li{padding: 20px 0;}
	.fz-list2 li .list-content-box{flex-wrap:wrap;}
	.fz-list2 li .list-content-box>span{width: 100%;}
	.fz-list2 li .list-content-box>span.status-span{margin-top: 10px;}
	.fz-list2 li .list-num{margin-top: 0px;}
	.fz-list2 .check-box{margin-top: -3px;margin-left: 0;margin-right: 0px;}
	.fz-list2 .check-box label{padding-left: 25px;}
	.fz-list2 li .list-num{padding: 0 5px;font-size: 14px;min-width:30px;margin-right: 12px;}
	.fz-list2-all-check{padding-left: 0;}


	
	#bo_v_con{margin: 30px 0;}
}