@charset "UTF-8"; 
/* #header { position: fixed!important; }  */
 
.sr-only,
.sr-only:before,
.sr-only:after { width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em } 

.clear { clear:both; height:0; } 
.clearfix:after { content:''; display:block; clear:both } 

.floating-support-area { position:fixed; top:170px; right:4%; z-index:99; width:178px; height:200px; background-image:url(../images/floating-banner-bg.png); background-repeat:no-repeat } 
.floating-support-area>a { display:block; width:100%; height:100%; font-size:24px; color:#0991e9; text-align:center; font-weight:700; padding-top:140px } 

section { position:relative } 
.dots-right { right:2.5%!important } 
.dots li a:before { width:10px!important; height:10px!important; background:transparent!important; border:1px solid #fff!important; transition:none!important } 
.dots li a.active:before { width:12px!important; height:12px!important; background:#fff!important; border:inherit!important; margin-top:-1px!important; left:9px!important } 
 /* chr css 0527 */
 html { scroll-behavior: smooth; }

    
    .fixde_bn_chr{position: fixed;right: 75px;z-index: 1;top: 130px;transition: all 0.5s;}
    .fixde_bn_chr>a>img{transition: all 0.5s;}
    .fixde_img_on{transition: all 0.5s;top:70px;}
    .play_st{position: fixed;bottom: 50px;right: 75px;width: 400px!important;height: 250px!important;background-color: #fff;z-index: 9999;transition: all 0.5s;cursor: pointer;opacity: 0;}
    .x_bt{position: fixed;right: 75px;bottom: 308px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 25px;font-weight: 600;color: #fff;cursor: pointer;z-index: 9999;opacity: 0;}
    .x_bt:hover{background-color: #fff;transition: all 1s;}
    .x_bt>img{width:80%}

    /* chr */
    .section1 {background:url(../images/se1_bg.png) no-repeat 100%/cover;display: flex;flex-direction: column;align-items: center;background-position: top left;} 
    .section1>ul{width:57%;height: 1400px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}
    
    .section1>ul>li>p{font-size: 22px;line-height: 1.6;font-weight: 700;text-align: center;letter-spacing: -1px;}
    .section1>ul>li>p>span{font-size: 22px;font-weight: 800;}
    .section1>ul>li{padding-top: 20px;margin-top: 50px;}
    .se1_li{margin-top: 80px;}

    .section1>ul>li>a>p{font-family: 'OneMobile';font-weight: 700;padding: 19px 0px;color: #fff;font-size: 23px;}
    .se1_support{font-size: 16px;font-weight: 500;border: 1px solid #5b8034;border-radius: 7px;color: #5b8034;padding: 3px 10px;position: absolute;top: 20px;left: 21.5%;}
    .se1_text_img{width:88%;margin-top: -100px;padding-bottom: 100px;opacity: 0;transition: all 2s;}
    .se1_bg_box{display: flex;flex-direction: column;align-items: center;}
    .star{position: absolute;padding-top: 30px;}
    .leaf{position: absolute;padding-top: 60px;}
    .birds{ position: absolute;padding-top: 25px;}
    .twin{position: absolute;padding-top: 36px;}


    .section2 { background-color: #2d428d; background-size:cover; background-repeat:no-repeat; background-position:center center;display: flex;flex-direction: column;align-items: center;} 
    .section2>ul{width:1002px;height: 900px;display: flex;flex-direction: column;align-items:center;justify-content: center;}
    .section2>ul>li:nth-child(2){width: 100%;height:590px;background-color: #485da8;border-radius: 15px;box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.3);margin: 49px 0;}
    .section2>ul>li:last-child>p{font-family: 'OneMobile';color: #fff;font-weight: 300;font-size: 15px;letter-spacing: 0.2px;margin-top: 39px;}
    .section2 span{background-color: #2d428d;width: 154px;height: 81px;position: absolute;right: 42%;}

    .section3 {background-color: #3cb577;background-size:cover; background-repeat:no-repeat; background-position:center center;display: flex;flex-direction: column;align-items: center;} 
    .section3>div:first-child{align-items: center;height: auto;margin-top: 100px;position: relative;}
    .section3>div{width: 1002px;height: 328px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    .section3>ul{width:1002px;height: 2186px;margin-bottom: 74px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
    .section3>img{margin-top:90px;}
    .section3>ul>li{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);position: relative;height: 683px;width: 100%;background-color: #ffffff;border-radius: 15px;margin-top: 45px;top:100px;opacity: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
    .section3>a{margin-bottom: 150px;}
    .cont_li>div:first-child{padding-left: 15px;}
    .cont_li>div:last-child{height: 84%;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content:flex-start;align-items: flex-start;letter-spacing: -1px;padding-right: 20px;}
    .cont_li>div:last-child>img,p{padding-top: 28px;}
    .cont_li>img{position: absolute;right: 35px;top:0px}
    .cont_li_2>div:first-child{padding-left: 15px;}
    .cont_li_2>div:last-child{height: 84%;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content:flex-start;align-items: flex-start;letter-spacing: -1px;padding-right: 20px;}
    .cont_li_2>div:last-child>img,p{padding-top: 29px;}
    .cont_li_2>img{position: absolute;right: 35px;top:0px}
    
    .cont_li_3>div:first-child{padding-left: 15px;}
    .cont_li_3>div:last-child{height: 84%;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content:flex-start;align-items: flex-start;letter-spacing: -1px;padding-right: 20px;}
    .cont_li_3>div:last-child>img,p{padding-top: 29px;}
    .cont_li_3>img{position: absolute;right: 35px;top:0px}
    .se3_none_box{position: absolute;width: 200px;height: 160px;right: 32%;background-color: #3cb577;}
   
    .bg-color::after{content: "";background: url(../images/se3_sub_text_bg.png);display: inherit;width: 334px;height: 26px;margin-top: -20px;}
    .bg-color2{padding-top: 25px;}
    .bg-color2::after{content: "";background: url(../images/se3_sub2_text_bg.png) no-repeat 100% 100%;display: inherit;width: 452px;height: 57px;margin-top: -53px;}
    .bg-color3::after{content: "";background: url(../images/se3_sub3_text_bg.png) no-repeat 100% 100%;display: inherit;width: 408px;height: 57px;margin-top: -53px;}


    .se4_main_text{opacity: 0;transition: all 2s;}
    .section4 { display: flex;flex-direction: column;align-items: center;height: 2050px;} 
    .section4>p{text-align: center; font-size: 22px;font-weight: 500;padding: 60px 0;}
    .section4 span{font-weight: 700;}
    .section4>ul{width: 58%;display: flex;align-items: center;flex-direction: column;padding-top: 40px;}
    .section4>ul>li{padding-top: 40px;}
    .section4>ul>li:nth-child(2){font-size: 22px;line-height: 1.6;font-weight: 700;text-align: center;letter-spacing: -1px;}

    .section4>ul:nth-child(2){display: flex;flex-direction: row;justify-content: center;}
    .section4>ul:nth-child(4){display: flex;flex-direction: row;padding-top: 0px;justify-content: space-around;width: 1000px;}
    .section4>ul:nth-child(4)>li{padding-top:0px;}
    .section4>ul:nth-child(5){background: url(../images/se4_kakao_box.png) no-repeat 100%;width:1000px;height: 325px;margin: 80px 0;}
    .section4>ul:nth-child(5)>li:first-child{font-size: 30px;text-align: center;font-weight: 500;}
    .section4>ul:nth-child(5)>li:first-child>p{font-weight: 500;}
    .section4>ul:nth-child(5)>li:first-child>p>span{color: #2d428d;}
    .section4>ul:nth-child(5)>li{padding-top: 0px;}
    .section4>ul:nth-child(5)>li>p{padding-top: 15px;}
    .se4_box_1{opacity: 0;}
    .se4_box_2{opacity: 0;}
    .se4_box_3{opacity: 0;}


    .section4>ul:nth-child(5)>li:last-child{padding-top: 40px;}
    .section4 form{position: relative;width:800px;height: 77px;background-color: #2d428d ;border-radius: 5px;display: flex;align-items: center;justify-content: space-evenly;}
    #kakaoMsg{width:581px;height: 60px;border-radius: 5px;font-size: 22px;font-weight: 500;padding-right: 75px;}
    #msgCnt{position: absolute;right: 225px;top: 20px;color: #777777;}
    .section4 form>input:first-child::placeholder{padding-left: 10px;font-family: 'Pretendard ';font-size: 22px;font-weight: 500;}
    .section4 form>input:last-child{width:192px;height: 60px;background: url(../images/se4_kakao_button.png) 100%;}


    .text20{font-size: 20px;font-weight: 500;}
    .text-w{font-weight: 700;}
    .lin_h{line-height: 28px;margin-top: 10px;}
    .btn_support{display: none!important;}

    /* chr css 0527 E */

.btn-ukraine-support { font-size:40px; font-weight:600; color:#0991e9; background-color:#faeb00; padding:14px 95px; border-radius:50px } 
.right-box { width:550px; height:100%; background-color:rgba(0,0,0,.75); color:#fff; font-size:23px } 
.right-box .inner-txt { padding-top: 240px; opacity: 0; } 
 /* padding-left:145px; */
.section2 .img-txt { position:absolute; bottom:80px; right: -350px; opacity: 0; } 
.section3 .img-txt { position:absolute; bottom:70px; right: -310px; opacity: 0; } 
.section4 .img-txt { position:absolute; bottom:0px; right: -350px; opacity: 0; } 
.section5 .img-txt { position:absolute; bottom:150px; right: -200px; opacity: 0; } 
.section6 .img-txt { position:absolute; bottom:111px; right: -100px; opacity: 0; } 

.mt30 { margin-top:30px } 
.mt60 { margin-top:60px } 

.txt-green { color:#6cd448!important } 




html,body { margin:0; padding:0; width:100%; height:100%; } 
.mainfullbox { width:100%; height:100%; position:relative; color:#ffffff; } 

#mainfull_navi { position: fixed; top: 45%; right: 38px; z-index: 8992; } 
#mainfull_navi ul { margin:0; padding:0; list-style:none; } 
#mainfull_navi ul li { margin-bottom:10px; } 
#mainfull_navi p { border:2px solid #fff; width:12px; height:12px; border-radius:10px; text-align:center; margin:0 auto; font-size:12px; color:#fff; vertical-align:middle; line-height:10px; } 
#mainfull_navi p:hover { background-color:#f50; } 
#mainfull_navi a.on p { background-color:#f50 !important; } 
#mainfull_navi p.on { background-color:#fff !important; } 
@media screen and (max-width:1025px){
 #mainfull_navi { right:5%; } 
 }

.modal-harim { display: none; z-index: 500; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); } 
.modalBox-harim { position: relative; text-align: center; top : 13%; left : 50%; position : sticky; cursor: -webkit-zoom-out; } 
.modalBox-harim>img { padding-top: 10%; cursor: -webkit-zoom-out; } 
.swiper-slide>img:hover { cursor: -webkit-zoom-in; } 

@media screen and (max-width:950px){
 .section2 .img-txt { right: -460px; } 
 .section3 .img-txt { right: -374px; } 
 .section5 .img-txt { right: -360px; bottom: 100px; } 
 .section6 .img-txt { right: -122px; bottom: 0; } 
 }