@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(include/fonts/Pretendard-Regular.woff2) format('woff2'), url(include/fonts/Pretendard-Regular.woff) format('woff');
}


*{box-sizing:border-box;}

html,body{
    margin:0 auto; width:100%; height:100%; padding:0; background-color:#ffffff;box-sizing:border-box;
    letter-spacing:-0.5px; font-size:13px; color:#111111; font-family:Pretendard;
}

.body_main{width:100%;height:100%;min-width:400px;max-width:1920px;margin:auto;}

.top_main{width:100%;}
.top_main .logo{display:flex; align-items:center; justify-content:center; padding:30px 0;}
.top_main .logo img{width:190px;}
.top_main .banner{
    width:100%; height:806px;
    background-image: url("../images/img_top_poster.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1920px 806px;    
}

.cts01_main{width:100%;text-align:center; }
.cts01_main .txt01_info{padding:150px 0 0 0; line-height:70px;}
.cts01_main .txt02_info{padding:60px 0 0 0; line-height:40px;}
.cts01_main .txt03_info{padding:0 0 0 0;}
.cts01_main .txt04_info{padding:60px 0 0 0; line-height:40px;}

.cts02_main{position:relative; width:100%; text-align:center; background:#F7F4F0; margin-top:255px;}

.cts02_main .top_char{position:absolute;left:50%; }
.cts02_main .top_char img{transform:translate(-50%,-50%);}
.cts02_main .proc_wrap{display:flex; align-items:center; justify-content:center; padding:350px 0 150px 0;}
.cts02_main .proc_wrap .proc_info{ width:360px;height:500px; background:#ffffff; }
.cts02_main .proc_wrap .proc_info .thumb{ display:flex; align-items:center; justify-content:center; width:300px; height:300px; margin:auto; }
.cts02_main .proc_wrap .proc_info .thumb img{ object-fit:contain; width:200px; height:200px;}
.cts02_main .proc_wrap .proc_info .info{ text-align:center;}
.cts02_main .proc_wrap .proc_info .info .title{}
.cts02_main .proc_wrap .proc_info .info .desc{ padding:40px 0 0 0; line-height:30px; }

.cts02_main .proc_wrap .proc_arrow{margin:0 40px;}

.cts03_main{position:relative; width:100%; z-index:-3;}

.cts03_main .bg_glass01{ position:absolute; left:0; top:0; z-index:-1;}
.cts03_main .bg_glass02{ position:absolute; right:0; top:0; z-index:-1;}
.cts03_main .bg_glass03{ position:absolute; left:0; bottom:0; z-index:-1;}
.cts03_main .bg_glass04{ position:absolute; right:0; bottom:0; z-index:-1;}


.cts03_main .info01{text-align:center; padding:0 0 400px 0;}
.cts03_main .info01 .txt01_info{padding:150px 0 0 0;}
.cts03_main .info01 .txt02_info{padding:70px 0 0 0; line-height:30px;}
.cts03_main .info01 .txt03_info{padding:70px 0 0 0; line-height:40px; font-weight:400;}

.cts04_main{
    position:relative;
    width:100%; height:2643px;
    margin-top:-400px;
    background-image: url("../images/bg_04_yellow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1920px 2643px;
    z-index:-2;
}

.cts04_main .bg_trophy01{ position:absolute; left:0; top:40%; z-index:-1;}
.cts04_main .bg_trophy02{ position:absolute; right:0; top:20%; z-index:-1;}
.cts04_main .proc_wrap{text-align:center; width:1300px; margin:auto; padding:250px 0 100px 0;}
.cts04_main .proc_wrap .proc_info{ display:inline-block; width:380px;height:410px; background:#ffffff; margin:0 30px 30px 0; }
.cts04_main .proc_wrap .proc_info .thumb{ width:380px; height:240px; margin:auto; }
.cts04_main .proc_wrap .proc_info .thumb img{ width:100%; height:100%;}
.cts04_main .proc_wrap .proc_info .info{ text-align:center;}
.cts04_main .proc_wrap .proc_info .info .title{ padding:20px 0 0 0;}
.cts04_main .proc_wrap .proc_info .info .desc{ padding:15px 0 0 0; line-height:25px; }
.cts04_main .proc_wrap .proc_info .info .desc2{ padding:15px 0 0 0; line-height:25px; font-weight:500; }

.cts04_main .info01{width:100%; line-height:65px; text-align:center; margin:auto;}
.cts04_main .video_wrap{width:1200px;aspect-ratio:890/500;margin:100px auto 0 auto;}

.cts05_main{ text-align:center; margin-bottom:150px;}
.cts05_main .txt01_info{padding:170px 0 0 0;}
.cts05_main .txt02_info{padding:30px 0 30px 0; line-height:35px;}
.cts05_main .txt03_info{padding:170px 0 0 0;}
.cts05_main .txt04_info{padding:30px 0 30px 0; line-height:35px;}
.cts05_main .txt05_time{ width:500px; padding:10px 0; border-top:1px solid #000000; border-bottom:1px solid #000000; margin:auto; }

.cts05_main .img_fee_box{}
.cts05_main .img_fee_box img{}
.cts05_main .img_cafe_box{}
.cts05_main .img_cafe_box img{}

.cts05_main .map_wrap{ 
    width:1000px; height:520px; background:#f0f0f0; border:1px solid #dddddd; margin:auto;
 }


.cts05_main .proc_wrap{display:flex; align-items:center; justify-content:center; padding:0 0 50px 0;}
.cts05_main .proc_wrap .proc_info{ width:300px; height:400px; background:#ffffff; }
.cts05_main .proc_wrap .proc_info .thumb{ display:flex; align-items:center; justify-content:center; width:300px; height:200px; margin:auto; }
.cts05_main .proc_wrap .proc_info .thumb img{}
.cts05_main .proc_wrap .proc_info .info{ text-align:center;}
.cts05_main .proc_wrap .proc_info .info .title{}
.cts05_main .proc_wrap .proc_info .info .desc{ padding:40px 0 0 0; line-height:30px; }

.footer_main{
    display:flex; align-items:center; justify-content:center; background:#000000; padding:40px 0;
}
.footer_main .logo{width:160px; margin-right:20px; }
.footer_main .text_info{color:#858585;}

.bar_ver{width:1px; height:180px; background:#707070; margin:50px auto;}

.txt_title01{font-size:43px;font-weight:600;}
.txt_title02{font-size:28px;font-weight:600;}
.txt_title03{font-size:28px;font-weight:300;}

.txt_sub01{font-size:19px;font-weight:200;}
.txt_sub02{font-size:19px;font-weight:200;opacity:0.4;}

.view_web1020{display:initial;}
.view_mo{display:none;}
.view_mo600{display:none;}

@media(max-width:1020px){

    .view_web1020{display:none;}
    .view_mo{display:initial;}

    .top_main .logo img{width:160px;}

    .cts01_main .txt01_info{padding:100px 0 0 0; line-height:40px;}
    .cts01_main .txt02_info{padding:40px 0 0 0; line-height:20px;}
    .cts01_main .txt03_info{padding:0 0 0 0;}
    .cts01_main .txt04_info{padding:30px 0 0 0; line-height:20px;}

    

    .cts02_main{margin-top:50%;}    
    .cts02_main{width:100%;padding:0 5%;}
    .cts02_main .proc_wrap{display:block; padding:40% 0 10% 0;}
    .cts02_main .proc_wrap .proc_info{display:flex; align-items:center; justify-content:center; width:100%; height:initial; padding:15px 0; }
    .cts02_main .proc_wrap .proc_info .thumb{ width:30%; height:100%; }
    .cts02_main .proc_wrap .proc_info .thumb img{ object-fit:contain; width:50%; height:80%;}
    .cts02_main .proc_wrap .proc_info .info{ width:65%; text-align:left;}
    .cts02_main .proc_wrap .proc_info .info .desc{ padding:20px 20px 0 0; line-height:20px; }
    .cts02_main .proc_wrap .proc_arrow{margin:15px 0;}

    .cts02_main .top_char{position:absolute;left:0;top:-25%;width:100%; }
    .cts02_main .top_char img{transform:translate(0,0);width:100%;}


    .cts03_main .bg_glass01{ width:30%; }
    .cts03_main .bg_glass02{ width:30%; }
    .cts03_main .bg_glass03{ display:none; }
    .cts03_main .bg_glass04{ display:none; }
    .cts03_main .info01{text-align:center; padding:0 0 0 0;}

    .cts04_main{width:100%; height:initial; margin-top:0; padding:0 5%;}

    .cts04_main .bg_trophy01{ width:20%;}
    .cts04_main .bg_trophy02{ width:20%;}

    .cts04_main .proc_wrap{ width:100%; padding:50px 0 50px 0;}
    .cts04_main .proc_wrap .proc_info{ display:flex; align-items:center; justify-content:center; width:100%; height:initial; margin:0 auto 10px auto; padding:15px 0; }
    .cts04_main .proc_wrap .proc_info .thumb{ width:30%; height:100%; margin:auto; }
    .cts04_main .proc_wrap .proc_info .thumb img{ object-fit:contain; width:100%; height:100%;}
    .cts04_main .proc_wrap .proc_info .info{ width:65%; text-align:left;}
    .cts04_main .proc_wrap .proc_info .info .title{ padding:0 0 0 0;}
    .cts04_main .proc_wrap .proc_info .info .desc{ padding:15px 0 0 0;}
    .cts04_main .info01{line-height:40px;}

    .cts04_main .video_wrap{width:100%;margin:50px auto 0 auto; padding-bottom:20px;}

    .cts05_main{width:100%; padding:0 5%;}
    .cts05_main .proc_wrap{flex-wrap:wrap; justify-content:space-around;}
    .cts05_main .proc_wrap .proc_info{ width:45%;height:270px; background:#F8F8F8; border-radius:10px; margin-bottom:15px;}
    .cts05_main .proc_wrap .proc_info .thumb{ width:30%;height:120px; margin:auto; }
    .cts05_main .proc_wrap .proc_info .thumb img{ object-fit:contain; width:100%; height:100%;}
    .cts05_main .proc_wrap .proc_info .info .desc{ padding:10px 0 0 0; line-height:25px; }


    .cts05_main .map_wrap{ width:100%; height:400px; }
    .cts05_main .txt05_time{ width:100%; }

    .cts05_main .img_fee_box img{width:100%;}
    .cts05_main .img_cafe_box img{width:100%;}
    
    .txt_title01{font-size:30px;}
    .txt_title02{font-size:22px;}
    .txt_title03{font-size:20px;}

    .txt_sub01{font-size:15px;}
    .txt_sub02{font-size:15px; font-weight:200;opacity:0.5;}
    
    .footer_main{padding:40px 5%;}

}
/*
.cts02_main .proc_wrap .proc_info{ width:360px;height:500px; background:#ffffff; }
.cts02_main .proc_wrap .proc_info .thumb{ display:flex; align-items:center; justify-content:center; width:300px; height:300px; margin:auto; }
.cts02_main .proc_wrap .proc_info .thumb img{ object-fit:contain; max-width:270px; max-height:270px;}
.cts02_main .proc_wrap .proc_info .info{ text-align:center;}
.cts02_main .proc_wrap .proc_info .info .title{}
.cts02_main .proc_wrap .proc_info .info .desc{ padding:40px 0 0 0; line-height:30px; }
*/
@media(max-width:800px){

}

@media(max-width:600px){
    .top_main .banner{
        width:100%; height:initial;
        background-image:initial;
    }
    .view_mo600{display:initial;};
}