@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&family=Black+Han+Sans&family=Anton&display=swap');
@import url('https://cdn.jsdelivr.net/npm/fonts-archive-binggrae-two/BinggraeTwo.css');

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

#wrapper{padding-top: 168px;transition:all .2s ease-out;}
#wrapper.header-top-remove{padding-top: 120px;}

#wrapper.nav-fixed {padding-top:128px;}
#wrapper.nav-fixed #header{position: fixed;box-shadow:0px 4px 10px rgba(0, 0, 0, .1);}
#wrapper.nav-fixed #header .header-top{display: none;}
#wrapper.nav-fixed #header #logo a{background-size: auto 65px;}
#wrapper.nav-fixed #header #gnb ul>li>a{height: 80px;line-height: 80px;}
#wrapper.nav-fixed #header #gnb ul ul{top:79px;}
#wrapper.nav-fixed #header .header-mobilt-text{line-height: 65px;height: 65px;}

#wrapper.header-top-remove.nav-fixed{padding-top: 80px;}

#header{position: absolute;left:0;top:0;width: 100%;z-index: 999;}
.header-top{height: 48px;background: #45b851;position: relative;}
.header-top-inner{width: 1800px;margin: 0 auto;position: relative;text-align: center;line-height: 48px;color:#fff;font-size: 18px;}
.header-top-inner a{position: absolute;width: 15px;height: 15px;right:0;top:0;display: block;}
.header-container{position: relative;background: #fff;}
.header-container:after{transition-property: left, width, top, bottom;transition-duration: .3s;transition-timing-function: ease-out;content: "";position: absolute;left: 50%;bottom: 0px;height: 1px;width: 0;z-index: 10;background:#45b851;left:0;width:100%}
/* .header-container.hover{border-bottom: 1px solid #45b851;transition:all .2s ease-out;} */
.header-container.hover:after{}
.header-content{width: 1800px;margin: 0 auto;display: flex;position: relative;justify-content:center;align-items:center;}
#logo a{position: absolute;left:0;top:0;height: 100%;width: 120px;background: url(/new_images/common/logo.png) 0 center no-repeat;text-indent:-9999px;display: block;transition:all .2s ease-out;}
.header-right{position: absolute;right:0;top:0;height: 100%;display: flex;align-items:center;}
.header-right>a{display: inline-block;position: relative;margin-right: 30px;color:#757575;font-size: 16px;}
.header-right>a:after{content:"";position: absolute;right:-16px;top:50%;transform:translatey(-50%);width: 2px;height: 2px;background: #757575;}
.header-right>a:last-child{margin-right: 0;}
.header-right>a:last-child:after{display: none;}
.header-right .select-box.select-language{min-width:auto;width: 60px !important;border: none;}
.header-right .select-box.select-language>a{padding: 0 12px 0 8px;position: relative;background: none !important;height: 25px !important;line-height: 25px !important;color:#757575;font-size: 16px;}
.header-right .select-box.select-language>a:after{content:"";position: absolute;right:5px;top:50%;transform:translatey(-50%);width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #757575;}
.header-right .select-box.select-language.select-active>a:after{transform: translatey(-50%) rotate( 180deg );}
.header-right .select-box.select-language ul{top:27px !important;}
.header-mobilt-text{display: none;height: 90px;line-height: 90px;font-size: var(--fz24);text-align: center;transition:all .2s ease-out;font-weight: 700;}
.header-mobilt-text strong{color:#48bcf1;font-family: Montserrat;font-size: 36px;vertical-align: top;}

.mobile-header-top .header-right a{color:#fff;}
.mobile-header-top .header-right a:after{background: #fff;}
.mobile-header-top .header-right .select-box.select-language>a{color: #fff;}
.mobile-header-top .header-right .select-box.select-language>a:after{border-left: 4px solid #45b851;border-right: 4px solid #45b851;border-top: 4px solid #fff;}

.mobile-header-right{position: absolute;right:20px;height: 100%;display: flex;align-items:center;}
#mobile-btn{width: 50px;height: 100%;display: flex;align-items:center; justify-content:center;cursor:pointer;overflow: hidden;z-index: 300;display: flex;position: relative;height: 40px;display: none;}
#mobile-btn span{position: absolute;width: 35px;height: 3px;background: #000;border-radius:4px;transition:0.5s;right:5px;}
#mobile-btn span:nth-child(1){transform:translateY(-10px);width: 22px;right:5px;}
#mobile-btn span:nth-child(2){transform:translateY(10px);width: 13px;right:5px;}

#mobile-btn.active span:nth-child(1){width: 50px;transform:translateX(5px) translateY(0px) rotate(45deg);transition-delay:0.125s;background: #fff;}
#mobile-btn.active span:nth-child(2){width: 50px;transform:translateX(5px) translateY(0px) rotate(315deg);transition-delay:0.20s;background: #fff;}
#mobile-btn.active span:nth-child(3){transform:translateX(60px);background: #fff;}

#gnb{z-index: 999;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul{float: left;zoom:1;transition-property : height; transition-duration : .3s; transition-timing-function : ease-out; }
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left;position:relative;}
#gnb ul>li>a{display: block;font-size: 22px;font-weight: 500;padding: 0 25px;height: 120px;line-height: 120px;position: relative;transition:all .2s ease-out;}
#gnb ul>li>a:after{content:"";width: 3px;height: 3px;background: #fff;border-radius:50%;position: absolute;right:-2px;top:50%;margin-top: -1px;}
#gnb>ul>li:last-child>a:after{display: none;}
#gnb ul li.hover>a, #gnb ul li.gnb-active>a{color:#14a558;}
#gnb.active ul li.gnb-active ul{display:block;}
#gnb ul li.m7>a{padding: 0;padding-left: 40px;}
#gnb ul li.m7>a>span{display: inline-block;padding: 10px 20px;background: #45b851;border-radius:42px;height: auto;line-height: 1em;color:#fff;transition:all ease-out .3s;}
#gnb ul li.m7>a:hover>span{box-shadow:3px 3px 12px rgba(0, 0, 0, .2);}




#gnb ul ul{display:none;position:absolute;padding:0;z-index: 99;height:auto;left:50%;top:119px;background:#fff;border:1px solid #fff;padding:35px 15px;box-shadow:3px 3px 8px rgba(0, 0, 0, .1);width: 200px;margin-left: -100px;border-radius:0px;border-top: 1px solid #45b851;border-radius:0 0 20px 20px}
#gnb li li{height:auto;float:none;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;color:#333;font-size:16px;width:auto;transition:all .2s ease-out;padding: 0;position:relative;font-weight:400;line-height: 1.4em !important;height: auto !important;padding: 5px 0;text-align: center;}
#gnb ul ul>li.gnb-active2>a, #gnb ul ul>li>a:hover{color:#14a557}


#mobile-menu-wrap{position:fixed;right:0;top:0;width:230px;height:100%;z-index:9999;background:#fff;right:-230px;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{height: 80px;border-bottom: 1px solid #dbdbdb;padding-right: 30px;position: relative;}
.mobile-menu-logo{height:80px;display:block;background: url(/new_images/common/logo.png) 10px center no-repeat;text-indent:-9999px;background-size: auto 50px;}

.mobile-menu-content ul{}
.mobile-menu-content>ul>li{border-bottom:1px solid #dbdbdb;background:#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:#fff;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:20px;font-size:16px;font-weight:400;position:relative;color:#1d7fc0}
.mobile-menu-content ul li li a span{position: relative;}
.mobile-menu-content ul li li a span:after{display: block;position: absolute;left:0;bottom:0;content:"";width: 0;height: 1px;background: #1d7fc0;transition:all ease-in-out .2s;opacity:.5;}
.mobile-menu-content ul li li a:hover  span:after, .mobile-menu-content ul li li.gnb-mobile-active2 a span:after{width: 100%;opacity: 1;}

.mobile-menu-btn{text-indent:-9999px;background: url(/new_images/common/allmenu_close.jpg) 0 0 no-repeat;background-size: 100% 100%;width: 20px;height: 20px;position: absolute;right:10px;top:50%;margin-right: 0 !important;transform:translatey(-50%);}

.mobile-menu-content ul li.gnb-mobile-active>a{border-color:#1d7fc0;background:#1d7fc0 !important;color:#fff;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{font-weight: 500;}



#main-container{}
.main-visual-wrap{height: 861px;background: #eee;position: relative;}
.main-header-quick{position: absolute;right:50%;margin-right: -820px;display: flex;bottom:-120px;z-index: 10;}
.main-header-quick a{display: block;width: 280px;height: 240px;padding-left: 40px;padding-top: 134px;line-height: 1.4em;font-size: var(--fz24);position: relative;transition:all .2s ease-out;}
.main-header-quick1 strong{font-weight: 800;}
.main-header-quick2 strong{font-weight: 700;}
.main-header-quick a span{position: absolute;display: block;right:37px;bottom:43px;width: 26px;height: 26px;border-radius:50%;}
.main-header-quick1 span{background: #000 url(/new_images/main/plus_icon1.png) center center no-repeat;}
.main-header-quick2 span{background: #fff url(/new_images/main/plus_icon2.png) center center no-repeat;}
.main-header-quick1{background: #ffd116 url(/new_images/main/top_quick_icon1.png) 48px 38px no-repeat;}
.main-header-quick2{background: #14a556 url(/new_images/main/top_quick_icon2.png) 44px 38px no-repeat;color:#fff;}
.main-header-quick1:hover{background-color: #e5b908;}
.main-header-quick2:hover{background-color: #0f8544;}

.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/main_yellow_logo.png) center center no-repeat;padding: 0 40px;z-index: 10;bottom:-270px;margin-bottom: 135px;}
.main-stats-box:before{content:"";position: absolute;background: url(/new_images/main/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/main/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;font-weight: 700;}
.main-stats-box span{display: block;text-align: center;height: 135px;;line-height: 135px;font-size: 60px;font-weight: 800;color:#020100;}


.visual-glass{position: absolute;top:50%;margin-top: -250px;right:50%;margin-right: -820px;background: rgba(255, 255, 255, .2);backdrop-filter: blur(10px);border-radius: 20px;box-shadow: 0 10px 25px rgba(51, 51, 51,0.5);z-index: 2;display: flex;justify-content:center;align-items:center;padding: 60px;}
.visual-glass-content{color: #fff;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);}
.glass-label{font-size: 30px;font-weight: 700;line-height: 1em;margin-bottom: 10px;}
.glass-cnt{line-height: 1em;font-size: 20px;}
.glass-cnt strong{font-size: 50px;margin-right: 5px;display: inline-block;line-height: 1em;}
.visual-glass1{position: relative;margin-bottom: 20px;padding-bottom: 30px;}
.visual-glass1:after{content:"";position: absolute;left:-10px;right:-10px;bottom:0;height: 1px;background: #fff;box-shadow:0 0 5px rgba(0, 0, 0, 1)}

.main-theme-notice{width: 1640px;margin: 0 auto;padding: 200px 0;background: url(/new_images/main/main_theme_bg.jpg) right bottom no-repeat;margin-bottom: 175px;}
.main-theme-title{}
.main-theme-title em{color:#14a556;font-size: var(--fz28);font-style: normal;font-weight: 500;display: block;}
.main-theme-title strong{font-size: var(--fz60);font-weight: 700;line-height: 1.2em;display: block;margin: 15px 0 0;}
.main-theme-title>span{font-size: 22px;color:#757575;line-height: 1.4em;display: block;padding: 30px 0 50px;}
.main-theme-title a{font-size: var(--fz20);color:#14a556;line-height: 19px;background: url(/new_images/main/main_green_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;}

.main-count-box{background: url(/new_images/main/count_bg.jpg) center center no-repeat;background-size: cover;height: 700px;}
.main-count-container{width: 1640px;margin: 0 auto;display: flex;color:#fff;padding-top: 200px;}
.main-count-text{font-size: var(--fz60);color:#fff;font-weight: 700;margin-right: 200px;line-height: 1.4em;}
.main-count-info{padding-top: 8px}
.main-count-title{font-size: 32px;position: relative;padding-left: 25px;}
.main-count-title:after{content:"";position: absolute;display: block;left:0;top:16px;width: 16px;height: 16px;background: #ffd116;border-radius:50%}
.main-count-title2{margin-top: 60px;}
.main-count-num{font-size: var(--fz40);padding-left: 25px;}
.main-count-num strong{font-size: 80px;font-weight: 800;line-height: 1em;font-family: Montserrat;}

.main-quick-box{background: #f9f9f9;background: #fff;}
.main-quick-container{width: 1640px;margin: 0 auto;padding: 50px 0 150px;}
.main-quick-title{font-size: var(--fz60);font-weight: 700;line-height: 1.4em;margin-bottom: 110px;}
.main-quick-ul{display: flex;justify-content:space-between;margin: 0 -15px;}
.main-quick-ul li{width: 25%;padding: 15px;}
.main-quick-ul li a{display: block;border-radius:18px;border: 1px solid #dfdfdf;padding-top: 130px;padding-left: 40px;height: 320px;box-shadow:4px 4px 18px rgba(0, 0, 0, .1);}
.main-quick-ul li a span{display: block;font-size: 28px;color:#14a556;font-weight: 700;}
.main-quick-ul li a strong{display: block;font-size: var(--fz30);font-weight: 700;}
.main-quick-ul li a em{font-style: normal;font-size: var(--fz20);color:#14a556;line-height: 19px;background: url(/new_images/main/main_green_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;margin-top: 25px;}
.main-quick-ul li a.main-quick1{background:#fff url(/new_images/main/quick_icon1.png) 40px 43px no-repeat;}
.main-quick-ul li a.main-quick2{background:#fff url(/new_images/main/quick_icon2.png) 40px 43px no-repeat;}
.main-quick-ul li a.main-quick3{background:#fff url(/new_images/main/quick_icon3.png) 40px 43px no-repeat;}
.main-quick-ul li a.main-quick4{background:#fff url(/new_images/main/add-user.png) 40px 43px no-repeat;background-size: auto 60px;}
.main-quick-ul li a.main-quick5{background:#fff url(/new_images/main/quick_icon5.png) 40px 43px no-repeat;}

.main-gallery-box{padding: 250px 0 150px;/* background: #f9f9f9; */}
.main-gallery-box .main-title-box1{width: 1640px;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(--fz60);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/main_green_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;margin-top: 25px;}
.main-gallery-box .text {width:100%; max-width: 1280px;margin: 0 auto; margin-top: 50px; font-size: 22px; color: #14a556; text-align: center;}

.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(/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-box {background: url(/new_images/main/main_teacher_bg.jpg); background-position:center center; background-repeat:no-repeat; background-size: cover; height: 560px;}*/
.main-internet-box {background: url(/new_images/main/main_respect_bg.jpg) center center no-repeat; background-size: cover; height: 560px; margin-bottom:150px;}
.main-internet-box > div {display:flex; flex-direction:column; justify-content:center; align-items:center; width: 90%; max-width:1100px; height:100%;  margin: 0 auto;color: #fff; font-size:46px; font-weight: 700; line-height: 1.3; text-align: center;}
.main-internet-box > div p:last-child {width:100%; max-width:1000px; margin-top:20px; font-weight:500; font-size:var(--fz28);}
.main-internet-box strong {color:#ede620;}
.main-internet-box span {display:block; margin-top:20px;}
.main-internet-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-internet-box a:after {content: ""; display: inline-block; width: 22px; height: 46px; background: url(/new_images/main/main_white_arrow.png) 0 center no-repeat; vertical-align: middle; margin-left: 13px;}

/*.main-internet-box > div {display:flex; align-items:center; justify-content: flex-end; width:100%; max-width:1440px/*1640px*//*; height:100%; margin: 0 auto; font-size:var(--fz28); color:#23231e;}
.main-internet-box > div > div {width:80%; max-width:600px; display:flex; flex-flow:column wrap; align-items:flex-start;}
.main-internet-box strong {margin-left:-5px; margin-bottom:20px; font-size:var(--fz44); color:#fff;}
.main-internet-box a {font-size: var(--fz20); line-height: 19px; background: url(/new_images/main/main_white_arrow.png) right 20px center no-repeat;padding-left:5px; padding-right: 30px; margin-top: 25px; border: 1px solid #fff; border-radius: 50px; padding: 10px 40px; color: #fff;}
*/

/* k-pop 
.main-boa-box {background:#0f020c url(/thema/boa/images/main_visual.jpg) no-repeat; background-position:top center; background-size: cover; height:530px; margin-bottom:60px; padding:0 30px;}
.main-boa-box > div {display:flex; flex-direction:column; justify-content:flex-end; width:100%; max-width:1000px; height:100%; margin:0 auto; padding-bottom:30px; text-shadow: 3px 3px 0 rgba(0,0,0,0.5);}
.main-boa-box strong {font-family:"Black Han Sans", sans-serif;; font-size:56px; font-weight:400; color:#fae008; line-height:1;}
.main-boa-box .conts {display:flex; align-items:flex-end;}
.main-boa-box p {color:#fff; font-size:22px; font-weight:500; line-height:1.2; word-break:keep-all;}
.main-boa-box a {display: inline-block; position: relative; margin-left:20px; font-size: 18px; border: 1px solid #fff; height:44px; line-height:42px; border-radius:50px; padding: 0 35px; color: #fff;}
.main-boa-box a:after {content: ""; display: inline-block; width:10px; height:100%; background: url(/new_images/main/main_white_arrow.png) 0 center no-repeat; background-size:100% auto; vertical-align: middle; margin-left: 13px;}
*/

.main-youtubcampain-box {margin-bottom: 60px; padding:0 30px; background:#ebf2d2;}
.main-youtubcampain-box > div {width:100%; max-width:1000px; margin:0 auto; padding:60px 0; font-size:20px; font-weight:500; color:#373f1c; line-height:1.2; word-break:keep-all; background:url(/thema/Youtubewaitamomentcampaign2025/images/main_visual1.png) no-repeat; background-position:bottom right; background-size: auto 100%; overflow:hidden; text-shadow: -3px 0px #ebf2d2, 0px 3px #ebf2d2, 3px 0px #ebf2d2, 0px -3px #ebf2d2;}
.main-youtubcampain-box img {height:34px; margin-left:5px;}
.main-youtubcampain-box h1 {margin-top:4px; margin-bottom:4px;  font-family: "Binggrae Two"; font-size:48px; font-weight:500; color:#121603; word-break:break-all;}
.main-youtubcampain-box strong {font-weight:700;}
.main-youtubcampain-box > div > div {padding-left:5px;}
.main-youtubcampain-box span {display:block; margin-top:10px; padding-left:5px; font-size:16px;}
.main-youtubcampain-box a {display: inline-block; position: relative; margin-top:28px; font-size: 18px; border: 1px solid #3f2d0f; height:44px; line-height:42px; border-radius:50px; padding: 0 35px; color: #3f2d0f;}
.main-youtubcampain-box a i {margin-left:12px; font-size:26px; color:#3f2d0f;}

.main-yoon-box {margin-bottom: 60px; padding:0 30px; background:#f9f9f9 url(/thema/congratulationssunfullcampaign/images/main_visual_bg.jpg) no-repeat; background-size:cover; background-position:center; }
.main-yoon-box > div {display:flex; flex-direction:column; align-items:center; width:100%; max-width:1000px; margin:0 auto; text-align:center; word-break:keep-all; overflow:hidden;}
.main-yoon-box strong {margin-top:60px; font-family: "Nanum Myeongjo", serif; font-weight:900; font-size:48px; font-weight:700; color:#6d3012; }
.main-yoon-box a {display: inline-block; position: relative; margin-top:10px; font-size: 18px; border: 1px solid #3f2d0f; height:44px; line-height:42px; border-radius:50px; padding: 0 35px; color: #3f2d0f;}
.main-yoon-box a i {margin-left:12px; font-size:26px; color:#3f2d0f;}

/* ===== 겨울방학 특별 캠페인 섹션 (2024.12 추가) ===== */
.main-winter-box {
	margin-bottom: 60px;
	padding: 0 30px;
	background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #3182ce 100%);
	position: relative;
	overflow: hidden;
}

.main-winter-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.3"/><circle cx="80" cy="40" r="1.5" fill="white" opacity="0.4"/><circle cx="40" cy="70" r="1" fill="white" opacity="0.3"/><circle cx="90" cy="80" r="2" fill="white" opacity="0.2"/><circle cx="10" cy="60" r="1.5" fill="white" opacity="0.3"/></svg>');
	background-size: 150px 150px;
	animation: snowfall 20s linear infinite;
	pointer-events: none;
}

@keyframes snowfall {
	0% { background-position: 0 0; }
	100% { background-position: 150px 300px; }
}

.main-winter-box .winter-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	position: relative;
	z-index: 1;
}

.main-winter-box .winter-text {
	flex: 1;
	padding-right: 40px;
}

.main-winter-box .winter-title {
	margin: 0 0 24px 0;
	font-family: "Nanum Myeongjo", serif;
	font-size: 42px;
	font-weight: 800;
	color: #fff;
	line-height: 1.3;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.main-winter-box .winter-title-en {
	display: block;
	margin-top: 12px;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 1px;
}

.main-winter-box .winter-desc {
	margin: 0 0 32px 0;
	font-size: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.8;
	word-break: keep-all;
}

.main-winter-box .winter-desc strong {
	color: #ffd700;
	font-weight: 700;
}

.main-winter-box .winter-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 32px;
	background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(229, 62, 62, 0.4);
	transition: all 0.3s ease;
}

.main-winter-box .winter-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 30px rgba(229, 62, 62, 0.5);
	background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
}

.main-winter-box .winter-btn .btn-icon {
	font-size: 22px;
}

.main-winter-box .winter-btn i {
	margin-left: 8px;
	font-size: 20px;
	transition: transform 0.3s ease;
}

.main-winter-box .winter-btn:hover i {
	transform: translateX(5px);
}

.main-winter-box .winter-image {
	flex: 0 0 400px;
	max-width: 400px;
}

.main-winter-box .winter-image img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
	.main-winter-box .winter-content {
		flex-direction: column;
		text-align: center;
		padding: 50px 0;
	}

	.main-winter-box .winter-text {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.main-winter-box .winter-title {
		font-size: 36px;
	}

	.main-winter-box .winter-image {
		flex: 0 0 auto;
		max-width: 80%;
	}
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
	.main-winter-box {
		padding: 0 20px;
	}

	.main-winter-box .winter-content {
		padding: 40px 0;
	}

	.main-winter-box .winter-title {
		font-size: 28px;
	}

	.main-winter-box .winter-title-en {
		font-size: 14px;
	}

	.main-winter-box .winter-desc {
		font-size: 15px;
		line-height: 1.7;
	}

	.main-winter-box .winter-desc br {
		display: none;
	}

	.main-winter-box .winter-btn {
		padding: 14px 24px;
		font-size: 16px;
	}

	.main-winter-box .winter-image {
		max-width: 100%;
	}
}

/* 반응형 - 소형 모바일 */
@media (max-width: 480px) {
	.main-winter-box .winter-title {
		font-size: 24px;
	}

	.main-winter-box .winter-title-en {
		font-size: 12px;
	}

	.main-winter-box .winter-desc {
		font-size: 14px;
	}

	.main-winter-box .winter-btn {
		padding: 12px 20px;
		font-size: 14px;
	}

	.main-winter-box .winter-btn .btn-icon {
		font-size: 18px;
	}
}

.main-boa-box {background:#0f020c url(../../thema/boa/images/fatima_topbg.jpg) no-repeat; background-position:center center; background-size: cover; margin-bottom:60px; padding:0 30px;}
.main-boa-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(../../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-boa-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-boa-box > div {letter-spacing:-1px;}
.main-boa-box .conts {display:flex; align-items:flex-end;}
.main-boa-box p {color:#fff; font-size:38px; font-weight:400; word-break:keep-all; text-align: center; line-height:1.2; }
.main-boa-box a {display: inline-block; position: relative; margin-top:40px; font-size: 18px; border: 1px solid #3f2d0f; height:44px; line-height:42px; border-radius:50px; padding: 0 35px; color: #3f2d0f;}
.main-boa-box a i {margin-left:12px; font-size:26px; color:#3f2d0f;}

.main-boa-text {width:100%; max-width:1280px; margin:0 auto; margin-bottom:150px; padding:0 15px; text-align: center; color:#14a556; font-size:22px;}
.main-boa-text img {display:block; width:100%; max-width:400px; margin:0 auto;}
.main-boa-text p {width:100%; max-width:800px; margin:0 auto; padding:30px 20px; border:1px solid #14a556; border-radius:20px;}

.main-give-box {display:flex; justify-content:center; align-items:center; padding:40px 0; margin-bottom:60px; background:#ffd116;}
.main-give-box a {display:block; text-align:center;}
.main-give-box img {display:block; max-width:100%; height:auto;}

.main-youtube-box {display:flex; justify-content:center; padding:100px 0; background:#ffd116;}
.main-youtube-box > div {display:flex; align-items:center; padding:0 20px;}
.main-youtube-box img {display:block; width:100%;}
.main-youtube-box span:first-child {margin-right:30px;}
.main-youtube-box span:last-child strong {color:#2b250f; font-weight:700; font-size:40px; font-family: "Noto Sans KR", sans-serif; line-height: 1.2;}
.main-youtube-box span:last-child p {margin:10px 0 24px; color:#2b250f; font-size:20px; font-weight:500; font-family: "Noto Sans KR", sans-serif;}
.main-youtube-box span:last-child a {display:flex; align-items:center; justify-content:center; width:170px; height:46px; background:#2b250f; border-radius:10px; color:#fff; font-size:18px; box-shadow:0px 0px 8px 2px rgba(46,38,9,0.4)}


.main-latest-box{background: #f9f9f9;padding: 150px 0;}
.main-latest-container{width: 1640px;margin: 0 auto;display: flex;justify-content:space-between;}

.main-donate-wrap{display:flex; align-items:center; justify-content:center; height: 435px; width: 1280px;margin: 0 auto; margin-top:120px; background: url(/new_images/main/main_bottom_bg.jpg) center center no-repeat; border-radius:16px; 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/main/main_white_arrow.png) 0 center no-repeat;vertical-align: middle;margin-left: 13px;}
.main-donate-wrap .tel {margin-top: 20px; font-size: 40px; color: #f4b908; font-weight: 700;}
.main-donate-wrap .tel i {font-size:36px; vertical-align: middle;}

.main-sponsor-title {display: block; font-weight: 700; line-height: 1.3em; margin: 10px 0 10px;font-size:var(--fz44); color:#14a556;}
.main-sponsor-wrap {display: flex; flex-direction:column; align-items:center; width:90%; margin:0 auto; margin-top:3.75rem;}
.main-sponsor-wrap ul{display: flex;justify-content:space-between;flex-wrap:wrap; width:100%;}
.main-sponsor-wrap ul li{width:12.5%;}
.main-sponsor-wrap ul li a{display: block; width:100%;height: 116px; background-size:70%!important;}
.main-sponsor-wrap ul li a.footer-banner1{background: url(/new_images/main/sponsor_google.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner2{background: url(/new_images/main/sponsor_shinhan.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner3{background: url(/new_images/main/sponsor_pharma.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner4{background: url(/new_images/main/sponsor_cotech.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner5{background: url(/new_images/main/sponsor_news.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner6{background: url(/new_images/main/sponsor_holsoo.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner7{background: url(/new_images/main/sponsor_kcc.png) center center no-repeat;}
.main-sponsor-wrap ul li a.footer-banner8{background: url(/new_images/common/ft_tax.png) center center no-repeat;}

.main-news-box{width: 764px;}
.main-topic-box{width: 764px;}
.main-latest-title{display: block;font-size: var(--fz60);font-weight: 700;margin-bottom: 90px;}
.main-latest-title span{font-size: var(--fz20);color:#14a556;line-height: 19px;background: url(/new_images/main/main_green_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;margin-top: 50px;margin-left: 40px;}
.main-latest-list{display: flex;justify-content:space-between;flex-wrap:wrap;}
.main-latest-list li{margin-top: 25px;}
.main-latest-list li a{display: flex;width: 370px;height: 252px;border: 1px solid #dfdfdf;border-radius:16px;background: #fff;padding: 50px;flex-direction: column;justify-content:space-between;}
.main-latest-list li a strong{font-size: var(--fz24);word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main-latest-list li a span{font-size: 18px;color:#757575;}
.main-latest-list2 li a strong{min-height:105px;}
.main-latest-list2 li a span{font-size: var(--fz28);color:#14a556;}

.main-story-box{padding: 150px 0;width: 1640px;margin: 0 auto;}
.main-story-box .main-title-box1{margin-bottom: 125px;}
.main-story-ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.main-story-ul li{margin-top: 25px;}
.main-story-ul li a{display: flex;width: 392px;height: 421px;flex-direction:column;height: 100%;}
.main-story-ul li .story-img{display: block;height: 221px;border-radius:16px 16px 0 0;background-size: cover !important; background-position: center center !important;height: 0;padding-top: 83.95%;border: 1px solid #dfdfdf;border-radius:16px 16px 0 0;border-bottom: none;position: relative;overflow: hidden;}
.main-story-ul li .story-img img{position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit:cover;}
.main-story-ul li .story-content{flex-grow:1;border: 1px solid #dfdfdf;border-radius:0 0 16px 16px;border-top: none;padding: 40px 20px 0;}
.main-story-ul li .story-content strong{font-size: var(--fz24);font-weight: 700;display: block;margin-bottom: 20px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.main-story-ul li .story-content span{font-size: 18px;font-weight: 700;display: block;color:#757575;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-bottom: 25px;}


#footer{background: #f9f9f9;padding-bottom: 150px;}
.footer-banner-box{border: 1px solid #dfdfdf;border-left: none;border-right: none;background: #fff;}
.footer-banner-container{width: 1280px;margin: 0 auto;}
.footer-banner-container ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.footer-banner-container ul li{width:12.5%;}
.footer-banner-container ul li a{display: block; width:100%;height: 116px; background-size:70%!important;}
.footer-banner-container ul li a.footer-banner1{background: url(/new_images/common/ft_google.jpg) center center no-repeat;}
.footer-banner-container ul li a.footer-banner2{background: url(/new_images/common/ft_shinhan.jpg) center center no-repeat;}
.footer-banner-container ul li a.footer-banner3{background: url(/new_images/common/ft_pharma.jpg) center center no-repeat;}
.footer-banner-container ul li a.footer-banner4{background: url(/new_images/common/ft_cotech.jpg) center center no-repeat; }
.footer-banner-container ul li a.footer-banner5{background: url(/new_images/common/footer_banner5.jpg) center center no-repeat; background-size:80%!important;}
.footer-banner-container ul li a.footer-banner6{background: url(/new_images/common/ft_holsoo.jpg) center center no-repeat;}
.footer-banner-container ul li a.footer-banner7{background: url(/new_images/common/ft_kcc.png) center center no-repeat;}
.footer-banner-container ul li a.footer-banner8{background: url(/new_images/common/ft_tax.png) center center no-repeat;}
.footer-main-container{width: 1640px;margin: 150px auto 0;}

.footer-main-header{display: flex;justify-content:space-between;}
.footer-main-header .footer-title{font-size: var(--fz40);font-weight: 700;}
.footer-main-header .footer-sns{display: flex; justify-content:space-between; gap:10px;}
.footer-main-header .footer-sns a{display: block;width: 40px;height: 40px;}
.footer-main-header .footer-sns a.footer-sns1{background: url(/new_images/common/footer_facebook.png) center center no-repeat;}
.footer-main-header .footer-sns a.footer-sns2{background: url(/new_images/common/footer_insta.png) center center no-repeat;}
.footer-main-header .footer-sns a.footer-sns3{background: url(/new_images/common/footer_blog.png) center center no-repeat;}

.footer-bar-box{display: flex;border: 1px solid #dfdfdf;border-left: none;border-right: none;justify-content:space-between;height: 62px;align-items:center;margin: 45px 0;align-items:center;}
.footer-bar-left a{font-size: 18px;color:#222;font-weight: 600;margin-right: 34px;position: relative;}
.footer-bar-left a:after{background: #b2b2b2;width: 1px;height: 14px;position: absolute;content:"";right:-18px;top:8px;}
.footer-bar-left a:last-child:after{display: none;}
.footer-bar-right a{font-size: 18px;color:#757575;font-weight: 600;margin-left: 34px;position: relative;}
.footer-bar-right a:before{background: #b2b2b2;width: 1px;height: 14px;position: absolute;content:"";left:-18px;top:8px;}
.footer-bar-right a:first-child:before{display: none;}

.footer-bottom-box{}
.footer-bottom-box span{color:#757575;font-size: 18px;display: inline-block;position: relative;margin-right: 45px;}
.footer-bottom-box span:after{background: #b2b2b2;width: 1px;height: 14px;position: absolute;content:"";right:-24px;top:8px;}
.footer-bottom-box span:last-child:after{display: none;}
.copyright{color:#757575;font-size: 18px;margin-top: 18px;}


.main-visual-slide{height: 100%;}
.main-visual-slide .swiper-wrapper{height: 100%;}
.main-visual-slide .swiper-slide {}
.main-visual-slide .main-visual-content-box{
	width: 1640px;height: 100%;
	margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
	padding-bottom: 130px;
}


.main-visual-slide{overflow: hidden;}
.main-visual-slide .swiper-slide-active{z-index: 999;}

.swiper-slide .main-visual-text-box {
	width: 100%;
    position: relative;
    z-index: 2;
    color: #fff;
	padding-bottom: 50px;
}
.main-visual-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover!important;
    background-position: center center!important;
    transition: 4s;
	transform: scale(1.05);
}
.main-visual-bg img{width: 100%;height: 100%;object-fit:cover;}
.main-visual-slide .swiper-slide.swiper-slide-active .main-visual-bg{transform: scale(1);}
.main-visual-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}
.main-visual-slide .main-visual-text1{font-size: var(--fz50);font-weight: 700;}
.main-visual-slide .main-visual-text2{font-size: var(--fz28);margin-top: 50px;font-weight: 500;line-height: 1.5em;}
.main-visual-slide .main-visual-text3{font-size: var(--fz30);margin-top: 20px;font-weight: 100;}
.main-visual-slide .main-visual-btn-wrap{margin-top: 55px;}
.main-visual-slide .main-visual-btn-wrap a{font-style: normal;font-size: var(--fz20);color:#fff;line-height: 19px;background: url(/new_images/main/main_white_arrow.png) right center no-repeat;padding-right: 30px;display: inline-block;margin-top: 25px;}

.main-visual-slide .main-visual-text1,
.main-visual-slide .main-visual-text2,
.main-visual-slide .main-visual-text3,
.main-visual-slide .main-visual-btn-wrap {
    opacity: 0;
    transform: translateY(20px);
    transition:all .5s ease-out;
}

.swiper-slide.swiper-slide-active .main-visual-text1{transform:translateY(0); opacity:1;transition-delay: 0.5s;} 
.swiper-slide.swiper-slide-active .main-visual-text2{transform:translateY(0); opacity:1;transition-delay: 0.8s;}
.swiper-slide.swiper-slide-active .main-visual-text3{transform:translateY(0); opacity:1;transition-delay: 1.0s;}
.swiper-slide.swiper-slide-active .main-visual-btn-wrap{transform:translateY(0); opacity:1;transition-delay: 1.1s;}

.main-visual.active .main-visual-overlay{opacity: 0;}
.main-visual.active .swiper-slide.swiper-slide-active .main-visual-text1{transition-delay: 0s;} 
.main-visual.active .swiper-slide.swiper-slide-active .main-visual-text2{transition-delay: 0.3s;}
.main-visual.active .swiper-slide.swiper-slide-active .main-visual-text3{transition-delay: 0.4s;}
.main-visual.active .swiper-slide.swiper-slide-active .main-visual-btn-wrap{transition-delay: 0.6s;}
.main-visual.active .swiper-slide.swiper-slide-active .main-visual-overlay{transition-delay: 0s;opacity: 1;transition:all 1.5s ease-out;}
.main-visual.pagination-view #swiper-pagination1{opacity: 1;transition-delay: 0.9s;}

#swiper-pagination1{bottom:180px;transition:all 0.3s ease-in-out;width: 1640px;left:50%;transform:translateX(-50%);text-align: left;display: flex;align-items:center;}
#swiper-pagination1 .swiper-pagination-bullet{width: 13px;height: 13px;border-radius:50%;background: #fff;opacity:0.5;margin: 0 5px;transition: all .3s ease-in-out;}
#swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;width: 15px;height: 15px;}




#sub-container{width: 1640px;margin: 0 auto;}
#sub-container.is-wide, #sub-container.is-wide .sub-content-body{width: auto;}

.sub-container-header{width: 1640px;margin: 0 auto;}
.page-location{margin: 50px 0 140px;display: flex;justify-content:flex-end;}
.page-location a{font-size: 18px;display: block;margin-left: 25px;position: relative;line-height: 1em;}
.page-location a:first-child{margin-left: 0;}
.page-location a:after{display: block;content:"";position: absolute;left:-15px;top:3px;font-size: 14px;width: 6px;height: 9px;background: url(/new_images/common/sub_location_arrow.jpg) 0 0 no-repeat;}
.page-location a:first-child:after{display: none;}
.page-location a.active{color:#14a556;font-weight: 700;}
.page-title{}
.page-title h3{font-size: var(--fz60);font-weight: 700;line-height: 1em;}
.sub-content-body{min-height:300px;width: 1640px;margin:  0 auto;padding: 120px 0 200px;}
.sub-content-body{min-width: 100%;}
.sub-content-body img{max-width:100%;}


@media all and (max-width:1800px){
	.header-top-inner, .header-content{width: auto;}
	#logo a{left:30px;}
	.header-right{right:20px;}
	.header-top-inner a{right: 15px;}
	
}
@media all and (max-width:1640px){
	.main-theme-notice, .main-count-container, .main-quick-container, .main-gallery-box .main-title-box1, .main-gallery-list, .main-latest-container, .main-story-box, .footer-banner-container, .footer-main-container, .main-visual-slide .main-visual-content-box, #sub-container, .sub-container-header, .sub-content-body, .sub-inner-wrap, .issue-info-detail-container, .nuridan-activity-container, .comic-manual{width: auto;}

	#sub-container{padding: 0 30px;}

	.main-visual-wrap{height: 600px;}
	.main-visual-slide .main-visual-text2{font-size: 22px;margin-top: 30px;}
	.main-visual-slide .main-visual-btn-wrap{margin-top: 30px;}
	.main-visual-slide .main-visual-btn-wrap a{font-size: 18px;}

	.visual-glass{margin: 0;right:30px;top:50px;padding: 40px;}
	.glass-label{font-size: 24px;}
	.glass-cnt strong{font-size: 40px;}

	.main-header-quick{right:30px;margin-right: 0;}
	.main-gallery-list{padding: 0;}
	.main-header-quick {bottom:-88px;}
	.main-header-quick a{width: 200px;height: auto;background-position: 24px 30px !important;padding-top: 100px;padding-bottom: 30px;padding-left: 24px;}
	.swiper-slide .main-visual-text-box, .main-theme-notice, .main-count-container, .main-quick-container, .main-gallery-box, .main-latest-container, .main-story-box, .footer-main-container,
	.main-internet-box > div {padding-left: 30px;padding-right: 30px;}

	#swiper-pagination1{width: 100%;padding-left: 25px;bottom:80px;}

	.footer-banner-container ul{justify-content:space-evenly}

	.header-right{right:10px;}
	#gnb ul>li>a{font-size: 18px;padding: 0 20px;}
	.header-right>a{font-size: 14px;margin-right: 20px;}
	.header-right>a:after{right: -11px;}

	.main-quick-container, .main-gallery-box, .main-latest-box, .main-story-box{padding-top: 120px;padding-bottom: 120px;}
	.main-gallery-box{padding-top: 220px;}
	.main-quick-container{padding-top: 50px;}
	.main-theme-notice{	background-size: 50% auto;background-position: right center;padding-top: 150px;margin-bottom: 0;padding-bottom: 80px;}
	.main-count-box{height: auto;}
	.main-count-container{padding-top: 100px;padding-bottom: 100px;flex-wrap:wrap}
	.main-count-text{width: 100%;margin-right: 0;margin-bottom: 40px;}
	.main-count-info{display: flex;}
	.main-count-text br{display: none;}
	.main-count-num strong{font-size: 60px;}
	.main-count-title2{margin-top: 0;}
	.main-count-info div{margin-right: 40px;}
	.main-quick-title{margin-bottom: 50px;}
	.main-quick-ul{flex-wrap:wrap;}
	.main-quick-ul li{width: 50%;}
	.main-quick-ul li:last-child{margin-right: 0;}
	.main-quick-ul li a{padding-left: 40px;background-position: 40px 43px !important;padding-bottom: 40px;height: auto;}
	.main-gallery-box .main-title-box1{margin-bottom: 80px;}

	.main-latest-title{margin-bottom: 60px;}
	.main-latest-title span{margin-top: 0;}
	.main-latest-container>div{width: 50% !important;margin-right: 50px;}
	.main-latest-container>div:last-child{margin-right: 0;}
	.main-latest-list li{width: 50%;padding-right: 12px;}
	.main-latest-list li:nth-child(2n){padding-right: 0;padding-left: 12px;}
	.main-latest-list li a{width: auto;padding: 25px;height: 210px;}

	.main-story-box .main-title-box1{margin-bottom: 60px;}
	.main-story-ul{margin: -12px;justify-content:flex-start;}
	.main-story-ul li{width: 25%;margin: 0;}
	.main-story-ul li a{width: auto;height: auto;padding: 12px;}
	.main-story-ul li .story-content span{height: 80px;}
	.main-story-ul li .story-content{padding: 30px 20px;}
	
	.main-internet-box,
	.main-boa-text {margin-bottom:120px;}

	.main-donate-wrap {width:calc(100% - 60px);}
	
	.footer-main-container{margin-top: 80px;}
	
	:root{
		--fz60:44px;
		--fz50:40px;
		--fz44:36px;
		--fz40:30px;
		--fz30:28px;
	}
}
@media all and (max-width:1300px){
	#swiper-pagination1{bottom:130px;}
	.main-story-ul li{width: 33.33333%;}

	.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;bottom:0;}
	.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-internet-box {height:470px;}
	.main-internet-box > div {font-size:40px;}

	.main-donate-wrap{height:416px; padding: 50px 30px;}

	.main-sponsor-wrap {width:100%; padding-left:30px; padding-right:30px;}
	.main-sponsor-wrap ul {justify-content:flex-start;}
	.main-sponsor-wrap ul li {width:12.5%;}
	.main-sponsor-wrap ul li a {height:80px;}


}
@media all and (max-width:1000px){
	.main-story-box .main-title-box1{margin-bottom: 50px;}
	.main-story-ul li{width: 50%;}
}
@media all and (max-width:1200px){
	#wrapper{padding-top: 130px;}
	#logo a{left:30px;background-size: auto 65px;}
	#wrapper.nav-fixed{padding-top: 105px;}
	#wrapper.nav-fixed #header #logo a{background-size: auto 50px;}
	#mobile-btn{display: flex;}
	#gnb{display: none;}
	.header-mobilt-text{display: block;}
	.header-top-inner{display: none;}
	.header-top{height: 40px;}
	.page-location{margin: 30px 0 80px;}
	.page-location a{font-size: 16px;}

	.sub-content-body{padding: 80px 0;}
	
	.visual-glass{display: none;}

	.main-visual-slide .main-visual-text2{font-size: 20px;margin-top: 30px;}
	.main-visual-slide .main-visual-btn-wrap{margin-top: 30px;}
	.main-visual-slide .main-visual-btn-wrap a{font-size: 16px;}

	.main-theme-notice{padding-top: 100px;}
	.main-theme-title em{font-size: 20px;}
	.main-theme-title>span{display: flex;display: inline-block;position: relative;padding-right: 30px;font-size: 20px;}
	.main-theme-title>span span{position: relative;z-index: 1;}
	.main-theme-title>span:after{content:"";display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, .95);filter:blur(8px);position: absolute;left:0;top:0;}
	.main-theme-title a{font-size: 18px;}

	.main-count-info{flex-wrap:wrap;}
	.main-count-info div{width: 100%;}
	.main-count-info>div:last-child{margin-top: 30px;}
	.main-count-num strong{font-size: 50px;}

	.main-quick-ul{flex-wrap:wrap;margin: 0;}
	.main-quick-ul li{width: 100%;margin-right: 0;margin-bottom: 30px;padding: 0;}
	.main-quick-ul li:last-child{margin-bottom: 0;}
	.main-quick-ul li a{display: flex;padding: 30px 30px 30px 130px;background-position: 20px 15px !important;height: auto;align-items:center;flex-wrap:wrap;background-size: auto 50px !important;}
	.main-quick-ul li a *{line-height: 1em;}
	.main-quick-ul li a.main-quick2{background-position: 30px 15px !important;}
	.main-quick-ul li a span{margin-right: 10px;font-size: 24px;}
	.main-quick-ul li a em{margin-left: auto;margin-top: 0;font-size: 18px;padding-right: 22px;}

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

	.main-latest-container{flex-wrap:wrap;}
	.main-latest-container>div{width: 100% !important;margin-right: 0;}
	.main-latest-title{margin-bottom: 15px;}
	.main-latest-list li a{height: 170px;padding: 20px;}
	.main-latest-list li a strong{font-size: 20px;}
	.main-latest-list li a span{}
	.main-topic-box{margin-top: 50px;}
	
	.main-internet-box > div {justify-content: center;}	
	.main-internet-box > div > div {align-items:center;}
	.main-internet-box strong {text-align:center;}
	
	.main-youtube-box > div {justify-content: center;}
	.main-youtube-box span:first-child {width:54%;}

	.main-sponsor-wrap ul li {width:12.5%;}

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

	.footer-bottom-box span:after{display: none;}
	.footer-bar-left a{font-size: 16px;}
	.footer-bar-box{flex-wrap:wrap;height: auto;padding: 15px 0;}
	.footer-bar-box>div{width: 100%;}
	.footer-bar-right{margin-top: 10px;}
	.footer-bar-right a{margin-left: 0;margin-right: 34px;font-size: 16px;font-weight: 500;}
	.footer-bar-right a:before{left:auto;right:-18px;}
	.footer-bar-right a:first-child:before{display: block;}
	.footer-bar-right a:last-child:before{display: none;}


	:root{
		--fz60:38px;
		--fz50:32px;
		--fz44:28px;
		--fz40:24px;
		--fz30:22px;
		--fz28:20px;
		--fz24:18px;
		--fz20:16px;
	}
}
@media all and (max-width:768px){
	.main-youtube-box {padding:40px 20px;}
	.main-youtube-box > div {flex-direction:column; padding:0;}
	.main-youtube-box span:first-child {width: 100%; max-width: 500px; margin-right:0;}
	.main-youtube-box span:last-child strong {display:block; margin-top:15px; text-align:center;}
	.main-youtube-box span:last-child p {text-align:center;}
	.main-youtube-box span:last-child a {margin:0 auto; box-shadow:none;}
	
	/* k-pop
	.main-boa-box {height:460px; padding:0; background-size:auto 66%;}
	.main-boa-box > div {align-items:center; justify-content: flex-end; padding-left:0; background-position:top center; padding-bottom:20px; text-align: center;}
	.main-boa-box .conts {flex-direction:column; align-items: center;}
	.main-boa-box strong {font-size:48px;}
	.main-boa-box p {font-size:18px; text-align:center;}
	.main-boa-box a {margin-top:20px;}
	*/
	
	.main-yoon-box {background-position:top left;}

	.main-boa-box {height:460px; padding:0 20px; background-position: center 0;}
	.main-boa-box > div {height:100%; justify-content:center;}
	.main-boa-box .conts {flex-direction:column; align-items: flex-start;}
	.main-boa-box strong {font-size:40px;}
	.main-boa-box p {font-size:20px; text-align:center;}
	.main-boa-box strong, 
	.main-boa-box p {text-shadow: -2px 0px #ebe2d1, 0px 2px #ebe2d1, 2px 0px #ebe2d1, 0px -2px #ebe2d1;}

	.main-sponsor-wrap ul li {width:25%;}

	.footer-banner-container ul li {width:25%; text-align: center;}
	.footer-banner-container ul li a {height: 80px; width: 100%;} 
}
@media all and (max-width:700px){
	.swiper-slide .main-visual-text-box, .main-theme-notice, .main-count-container, .main-quick-container, .main-gallery-box, .main-latest-container, .main-story-box, .footer-main-container, #sub-container{padding-left: 15px;padding-right: 15px;}
	#logo a{left:15px;background-size: auto 50px;}
	.mobile-header-right{right: 10px;}
	.header-mobilt-text{height: 65px;line-height: 65px;font-size: 20px;}


	#wrapper{padding-top: 105px;}
	#wrapper.nav-fixed{padding-top: 105px;}

	.main-visual-wrap{height: 500px;}
	.main-visual-slide .main-visual-text2{font-size: 18px;}
	.main-visual-slide .main-visual-btn-wrap a{font-size: 16px;background-size: auto 15px;padding-right: 20px;}
	.swiper-slide .main-visual-text-box{padding-bottom: 0;}
	.main-visual-slide .main-visual-content-box{padding-bottom: 80px;}
	#swiper-pagination1{width: auto;bottom:110px;padding-left: 0;}
	#swiper-pagination1 .swiper-pagination-bullet{width: 10px;height: 10px;}
	#swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 13px;height: 13px;}

	.main-quick-container, .main-gallery-box, .main-latest-box, .main-story-box{padding-top: 50px;padding-bottom: 50px;}
	.main-gallery-box{padding-top: 400px;}

	.main-stats-box{height: auto;*zoom:1;padding-top: 130px;padding-bottom: 30px;background-position: center 18px;background-size: 80px auto;margin-top: -70px;}
	.main-stats-box:after{content:""; display:block; clear:both;background: none;position: static;width: auto;display: none;}
	.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 strong:after{bottom:-6px;}
	.main-stats-box span{height: auto;line-height: 1.6em;}

	.main-theme-notice{padding: 50px 0;}
	.main-theme-title{background: rgba(255, 255, 255, .8);padding: 0 15px;}
	.main-theme-title>span:after{display: none;}
	.main-theme-title strong br{display: none;}
	.main-theme-title>span{padding-right: 0;font-size: 16px;padding: 30px 0;}
	.main-theme-title a{font-size: 16px;background-size: auto 15px;padding-right: 20px;}

	.main-gallery-box .main-title-box1 strong{font-size: 24px;}
	.main-title-box1 a{display: none;}
	/* .main-gallery-list{display: none;}
	.main-gallery-mobile{display: block;} */

	.main-count-box{position: relative;}
	.main-count-box:after{content:"";width: 100%;height: 100%;background: rgba(0, 0, 0, .3);position: absolute;left:0;top:0;}
	.main-count-container{padding-top: 50px;padding-bottom: 50px;position: relative;z-index: 1;}
	.main-count-title{font-size: 24px;}
	.main-count-num strong{font-size: 40px;}
	.main-count-text{margin-bottom: 30px;}
	.main-count-info{padding-top: 0;}

	.main-header-quick{width: 100%;right:0;bottom:0;}
	.main-header-quick a{height: 80px;padding: 0;width: 50%;display: flex;align-items:center;padding-left: 70px;background-position: 10px center !important;font-size: 18px;}
	.main-header-quick a strong{font-weight: 500;}
	.main-header-quick a span{right:10px;top:50%;transform:translatey(-50%);}


	.main-quick-title{margin-bottom: 30px;}
	.main-quick-title br{display: none;}
	.main-quick-ul li{margin-bottom: 15px;}
	.main-quick-ul li:last-child{margin-bottom: 0;}
	.main-quick-ul li a{background-position: 20px 25px !important;padding-right: 15px;padding-left: 115px;}
	.main-quick-ul li a span{width: 100%;font-size: 20px;}
	.main-quick-ul li a strong{width: 100%;margin: 15px 0;}
	.main-quick-ul li a em{margin-left: 0;font-size: 16px;background-size: auto 15px;padding-right: 20px;}
	.main-quick-ul li a.main-quick2{background-position: 30px 25px !important;}
	.main-quick-ul li a.main-quick4{background-position: 30px 25px !important;}

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


	.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;}

	.main-latest-list li{padding-right: 6px;margin-top: 15px;}
	.main-latest-list li:nth-child(2n){padding-left: 6px;}
	.main-latest-list li a{padding: 15px;height: 150px;}
	.main-latest-list li a strong{font-size: 18px;min-height:auto;font-weight: 500;}
	.main-latest-title span{font-size: 16px;background-size: auto 15px;padding-right: 20px;}

	.main-story-ul{margin: -7px;}
	.main-story-ul li a{padding: 7px;}
	.main-story-ul li .story-content{padding: 15px;}
	.main-story-ul li .story-content strong{font-size: 18px;}
	.main-story-ul li .story-content span{font-size: 14px;font-weight: 500;height: 62px;}
	
	.main-internet-box {margin-bottom:50px;}

	.main-donate-wrap{padding: 50px 15px;}
	.main-donate-wrap strong{font-size: 40px;}
	.main-donate-wrap span{font-size: 18px;}

	#footer{padding-bottom: 80px;}
	
	


	.footer-main-container{margin-top: 50px;}
	.footer-banner-container ul li {width:25%;}
	.footer-banner-container ul li a{width:100%;height: 50px;}
	.footer-banner-container ul li a.footer-banner1{background-size: 80px auto;}
	.footer-banner-container ul li a.footer-banner2{background-size: 30px auto;}
	.footer-banner-container ul li a.footer-banner3{background-size: 100px auto;}
	.footer-banner-container ul li a.footer-banner4{background-size: 75px auto;}
	.footer-banner-container ul li a.footer-banner5{background-size: 100px auto;}
	.footer-banner-container ul li a.footer-banner6{background-size: 100px auto;}
	.footer-banner-container ul li a.footer-banner7{background-size: 75px auto;}
	.footer-banner-container ul li a.footer-banner8{background-size: 75px auto;}

	.footer-bar-left a:after, .footer-bar-right a:before{display: none !important;}
	.footer-bar-left a{margin-right: 15px;}
	.footer-bar-right a{margin-right: 15px;}
	
	.footer-main-header{flex-wrap:wrap;justify-content:center;}
	.footer-title{width: 100%;text-align: center;margin-bottom: 20px;}
	.footer-bottom-box span{font-size: 14px;}
	.footer-bar-box{margin: 30px 0;}
	.copyright{font-size: 12px;}

	:root{
		--fz60:28px;
		--fz50:24px;
		--fz44:24px;
		--fz40:20px;
		--fz30:20px;
		--fz28:18px;
		--fz24:16px;
	}

    .main-boa-box {margin-bottom: 50px;}
}
@media all and (max-width:550px){
	.main-story-ul li{width: 100%;}
	
	.main-internet-box {height:400px;}
	.main-internet-box > div {width:100%; margin-right:0; margin-left:0; font-size:24px;}
	.main-internet-box > div p:last-child,
	.main-internet-box span {margin-top:10px;}
	.main-internet-box a {margin-top:20px; font-size:16px;}
	.main-internet-box a:after {width:10px; height:20px; background-size:10px;}
	
	.main-youtube-box span:last-child strong {margin-top:10px; font-size:28px;}
	.main-youtube-box span:last-child p {margin: 5px 0 15px;font-size:14px;}  
	.main-youtube-box span:last-child a {height:40px; font-size:16px;}

	/* k-pop
	.main-boa-box {height:440px; background-size: auto 46%;}
	.main-boa-box > div {padding-left:20px; padding-right:20px;}
	.main-boa-box strong {font-size:36px;}
	.main-boa-box p {font-size:16px;}
	.main-boa-box a {height:40px; line-height:36px; margin-top:14px; margin-left:0; font-size:16px;}
	.main-boa-box a:after {width:12px; height:12px;}
	*/
	.main-youtubcampain-box {padding:0;}
	.main-youtubcampain-box > div {padding:40px 20px; padding-bottom:200px; text-align:center; background-size:100% auto; background-position:bottom -50px center}
	.main-youtubcampain-box h1 {font-size:44px;}

	.main-yoon-box {padding:0;}
	.main-yoon-box strong {font-size:34px; line-height:1.3;}
	.main-yoon-box a {margin-bottom:-50px;}

	.main-boa-box {height:480px;}
	.main-boa-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-boa-box strong {margin-left:0; margin-bottom:6px; font-size: 28px; text-align: center;}
	.main-boa-box img {width:90px;}
	.main-boa-box p {margin-top:10px; font-size:16px;}
	.main-boa-box a {height:40px; line-height:36px; margin-top:20px; margin-left:0; font-size:16px;}
	.main-boa-box a:after {width:12px; height:12px;}
	.main-boa-box .conts {align-items: center;}

	.main-boa-text {margin-bottom:50px;}

	.main-donate-wrap .tel {font-size:36px;}
	.main-donate-wrap {width: calc(100% - 30px); height:auto; margin-top:50px; padding:30px 20px;}

	.main-sponsor-title {padding-left:10px;}
	.main-sponsor-wrap {align-items:flex-start; margin-top: 20px; padding-left:15px; padding-right:15px;}
	.main-sponsor-wrap ul li {width:50%;}
	.main-sponsor-wrap ul li a {height:60px;}

        
}

@media (max-width: 320px) {
    .main-youtubcampain-box h1 {font-size: 39px;}
	.main-youtubcampain-box > div {padding-bottom: 168px;}
}