/*main*/
#mainBg{width: 100%;background-image: url(../img/main_bg.png);background-size: cover;background-attachment:'';background-position:50% center;}
.main{width:100%; margin: 0 auto;text-align: center;padding:15rem 0rem 10rem 0rem;}
.main>article>h1{font-size: 2rem;color: white;line-height: 1.2em;margin-bottom: 2rem;}
.main>article>h1>span{color: #ca2806;}
.main h2{font-size: 3rem;color: white;margin-top: rem;font-family: 'ghanachoco';}
.main h2 span{color: #f23005;}
.main h3{font-size: 2.4rem; color: white;margin-top: 3rem;margin-bottom: 1rem;}
.main p{font-size: 1.8rem;color: white;font-weight: 400;}
.main p:nth-of-type(2){font-size: 1.4rem;font-weight: 300;line-height: 1.3em;}
.main p:nth-of-type(2)>span{font-size: 1.4rem;color: #ffe400;}
.main .scroll_down{margin-top:15rem;animation-name: move; animation: move 0.9s alternate infinite; }
    
@keyframes move {
    0% {
        transform: translateY(50%)
    }
    
    100% {
        transform:translateY(100%)
    }
}

.main .leaf{margin: 0 auto;margin-top: -19rem;width: 90%;}

/*con01*/
#con01Bg{width: 100%; background-image: url(../img/con01_main_bg.png);background-size: contain;position: relative;background-position: bottom;background-repeat: no-repeat;background-color: #ae0000;}
.con01{width:100%;height: auto; margin:0 auto;padding: 5rem 0rem;overflow: hidden;}
.con01 h1{font-size: 2rem; color: white;width: auto;display:inline-block;font-family: 'Noto Sans KR';margin-left: 14rem;margin-bottom: 2rem;}
.con01 h1::after{content: '';display: block;height: 4px; background-color: white;}
.con01 .title{margin-top: 3rem;transform:scale(2);opacity: 0;transition: 0.3s;transform-origin:top;overflow: hidden;width: 60%;margin: 0 auto;}
.con01.on .title{opacity: 1;transform: scale(1);}



.con01 .text_box{text-align: left;color: white;font-size:2rem; width:260px; margin:21rem auto 0;}
.con01 .text_box>ul{margin-bottom: 1rem;line-height: 1.2em;width: 100%; overflow:hidden;}
.con01 .text_box>ul>li{font-size: 1.4rem; line-height:1.2em; float:left;}   





.con01 .sseal{position:absolute; left:0; top: 160px;width: 100%;}
.con01 .sseal .img-box{text-align:center;}
.con01 .sseal .img-box img{width:150px;}
.con01 .circle{margin-top: 3rem;margin-left: 0rem;}
.con01 .circle ul {overflow: hidden;width: 320px;margin: 0 auto;}
.con01 .circle ul li{float: left;margin-right:3.1rem;opacity: 0;transform: translateY(0px);transition: 0.8s;width: 156px;margin: 0 auto;}

.con01.on .circle ul li{opacity: 1;transform: translateY(0px);}
.con01.on .circle ul li:nth-of-type(1){transition-delay: 0.2s;}
.con01.on .circle ul li:nth-of-type(2){transition-delay: 0.4s;}
.con01.on .circle ul li:nth-of-type(3){transition-delay: 0.6s;}
.con01.on .circle ul li:nth-of-type(4){transition-delay: 0.7s;}
.con01.on .circle ul li:nth-of-type(5){transition-delay: 1s;}



.con01 .circle ul li:nth-of-type(5){margin-right: 0rem;}
.con01 .circle ul li p{color: white;text-align: center;margin-top: -10rem;font-size: 1.4rem;font-weight: 500;line-height: 1.2em;}
.con01 .circle ul li:nth-of-type(3) p,
.con01 .circle ul li:nth-of-type(4) p,
.con01 .circle ul li:nth-of-type(5) p{margin-top: -9rem;margin-bottom: 5rem;}
.con01 .circle ul li:nth-of-type(5){margin-left: 7.5rem;}
.con01 .circle ul li .box{margin-bottom:4rem;}


/*con01-1*/
#con01-1Bg{width: 100%;background-image: url(../img/con01-1_bg.png);background-size: cover;background-position:center;background-attachment:'';background-repeat:no-repeat;}
.con01-1{width: 100%; margin: 0 auto;padding: 5rem 0rem;text-align: center;color: white;overflow: hidden;}
.con01-1 article>span{height: 4px; width: 60px; background-color: white;}
.con01-1 h2{font-size: 3rem;font-family: 'Cafe24Dangdanghae';margin-top: 1rem;transform: translateX(400px);opacity: 0;transition: 0.4s;}
.con01-1.on h2{transform: translateX(0px);opacity: 1;}


.con01-1 p{font-size: 1.6rem;font-weight: 400;transform: translateX(-400px);opacity: 0;transition: 0.4s;text-align: left;width: 230px;margin: 0 auto;margin-top: 2rem;}
.con01-1.on p{transform: translateX(0px);opacity: 1;}
.con01-1 p>span{margin-left: 3.2rem;}
.con01-1 img{margin-top: 0.5rem;margin-left: 1rem;margin-right: 1rem;width: 10px;margin-top:0.6rem;}






/*con02*/
#con02Bg{background-image:url(../img/con02_bg.png);background-size: cover;background-repeat: no-repeat;background-position:top;padding: 5rem 0rem;}
.con02{width: 100%;margin: 0 auto;text-align: center;overflow: hidden;}
.con02 .top_text p{margin-top: -3rem;color: white;font-size: 1.1rem;font-weight:400;}
.con02 .top_text>img{width: 70%;}
.con02>article>h2{margin-top: -1rem;font-family: 'Cafe24Dangdanghae';font-size: 3rem;color: #800000;transform: scale(2);opacity: 0;transition: 0.4s;}
.con02.on>article>h2{transform: scale(1);opacity: 1;}


.con02 .text_img{margin-top:0rem;width: 85%;margin: 0 auto;margin-top: 2rem;}
.con02 .video{width:90%;height: 200px;background-color:#800000; margin:0 auto; margin-top: 2rem;}
.post{width: 90%;margin: 0 auto;}
.post>ul{overflow: hidden;margin-top: 5rem;}
.post>ul>li{float: left;width:100%;margin-right:9rem;margin-bottom: 3rem;}
.post>ul>li:nth-of-type(3){margin-right: 0rem;}
.post>ul>li>a>.number{text-align: left;font-size: 3rem;color:#7c0202;font-style: italic;font-weight: 500;}
.post>ul>li>a>.number::after{content: '';display: block; clear: both; height: 3px;background-color:black;}
.post>ul>li>a>.pic{margin-top: 1rem;text-align: left;}
.post>ul>li>a>.pic>h2{font-size: 2rem;text-align: left;margin-top: 1rem;font-family: 'Noto Sans KR';font-weight: 700;color: #800000;}
.post>ul>li>a>.pic>p{font-size: 1.6rem;font-weight: 500;color: black;}
.post>ul>li>a>.go_now{border-top: 3px solid black;margin-top: 1rem;}
.post>ul>li>a>.go_now>h3{text-align: right;font-size: 2.4rem;margin-top: 1rem;font-weight: 500;color: black;line-height: 1.2em;}
.post>ul>li>a>.go_now>h3>img{margin-left: 1rem;}

.slider-main{margin:2rem auto 0;}

 
@media screen and (min-width:360px){
    
.con01 .text_box ul li:nth-of-type(4) span:nth-of-type(2){margin-left:0rem;}
 .con01 .text_box ul li:nth-of-type(1) span{margin-left: 0rem;}   
    
 .con01 .text_box ul li:nth-of-type(3) span,       
 .con01 .text_box ul li:nth-of-type(4) span{margin-left: 2.5rem;}      
 .con01 .text_box ul li:nth-of-type(5) span{margin-left: 0.5rem;}       
    
}



@media screen and (min-width:375px){
    
/*main    */
.main h2{font-size: 3.4rem;}  
.main .leaf{margin-top: -20rem;}
/*con01    */
.con01 .text_box{width:340px;}
.con01 h1{margin-left: 16.5rem;}



/*con02    */
.con02>article>h2{margin-top: -2.5rem;}
.con02 .text_img{margin-top: 1.5rem;}    
.post{width: 280px;}
.post>ul{margin-top: 2rem;}

    
}


@media screen and (min-width:412px){

.con01 h1{margin-left: 18rem;}    


.con02 .top_text p{margin-top: -3.5rem;}    
    


}
















@media screen and (min-width:1200px){
    

/*main*/
#mainBg{background-attachment: fixed;}
.main{width: 1200px;padding:29rem 0rem 11rem 0rem;}
.main>article>h1{margin-bottom: 0rem;}
.main h2{font-size: 9.7rem;}
.main h3{font-size: 5rem; margin-top: 0rem;}
.main p{font-size: 2.8rem;}
.main p:nth-of-type(2){font-size: 2rem;}
.main p:nth-of-type(2)>span{font-size: 2rem;}
.main .scroll_down{margin-top:16rem; }
.main .leaf{margin-top: -30rem;width:auto;}
    
/*con01*/
#con01Bg{background-size: cover;}
.con01{width: 1200px; padding: 13rem 0rem;}
.con01 h1{font-size: 3rem;margin-left: 0rem;}
.con01 .title{width: auto;}
.con01 .text_box{margin-top: 5rem; width:auto;}
    
    
    
.con01 .text_box>ul>li{display: inline-block;line-height: 1.1em;font-size: 2.2rem;}    
  
    
.con01 .sseal{top: 150px;}

.con01 .sseal .img-box{text-align:right; width:1200px; margin:0 auto;}

.con01 .sseal .img-box img{width:auto;}
.con01 .circle{margin-top: 5rem;}
    .con01 .circle ul{width: auto;}
.con01 .circle ul li{width: auto;transform: translateY(-300px);transition: 0.8s;;}
.con01 .circle ul li p{margin-top: -15rem;font-size: 2.1rem;}
  
.con01 .circle ul li:nth-of-type(3) p,
.con01 .circle ul li:nth-of-type(4) p,
.con01 .circle ul li:nth-of-type(5) p{margin-top: -13.5rem; margin-bottom: 0rem;}
.con01 .circle ul li:nth-of-type(5){margin-left: 0rem;}    
.con01 .circle ul li .box{margin-bottom: 7rem;}

/*con01-1*/
#con01-1Bg{background-attachment: fixed;}
.con01-1{width: 1200px; padding: 6rem 0rem;}
.con01-1 h2{font-size: 6.5rem;margin-top: 2rem;}
.con01-1 p{font-size: 2.4rem;width: auto;text-align: center;}
.con01-1 img{margin-top: 0.5rem;margin-left: 1rem;margin-right: 1rem;width: auto;}
.con01-1 p>span{margin-left:0rem;}
/*con02*/
#con02Bg{padding-bottom:13rem;}
.con02{width: 1200px;padding: 13rem 0 0;}
.con02 .top_text p{margin-top: -4.5rem;font-size: 1.6rem;}
.con02 .top_text>img{width:auto;}    
.con02>article>h2{margin-top: -3rem;font-size: 9rem;}
.con02 .text_img{margin-top:0rem;width: auto;margin-top: 0rem;}
.con02 .video{width: 1000px;height: 500px;margin-top: 8rem;}
.post{width: 1000px;}
.post>ul>li{width:27%;margin-right:9rem;margin-bottom: 0rem;}
.post>ul>li:nth-of-type(3){margin-right: 0rem;}
.post>ul>li>a>.number{text-align: left;font-size: 4rem;}
.post>ul>li>a>.number::after{height: 4px;}
.post>ul>li>a>.pic{margin-top: 2rem;}
.post>ul>li>a>.pic>h2{margin-top: 3rem;}
.post>ul>li>a>.go_now{border-top: 4px solid black;margin-top: 2rem;}

.slider-main{width:1000px; margin:3rem auto 0;}


 
    
    
    
}