@charset "utf-8";



/*배경*/
.bgst01 {
    background-color: #0a499d;
    background-image: url('/images/st2024/bg.jpg');      
}

.wrap {    
    margin: 0 auto;
    max-width: 1200px;
    padding: 50px 50px 100px 50px;
    background-image: url('/images/st2024/bg_img01.jpg');    
    background-repeat: no-repeat;
    background-position: top right;    
}

    .title {}
    .title img { width: 500px;}

    .btwrap {padding:50px 0 0 0; }    
    a.ty01 {display: inline-block; width: 480px; text-align: center;       
        background-color: #009673;
        border-radius: 86px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    }
    a.ty01:hover {background-color: #004e3b;}
    a.ty01 span {display: inline-block; color: #ffffff; font-size: 2.5em; font-weight:600; line-height:86px;}
    a.ty01 span.link01 {
        padding: 0 50px 0 0;
        background-image: url('/images/st2024/icon_link.png');
        background-repeat: no-repeat;
        background-position: right;
        background-size: 40px;
    }


    .texthdn {overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px;}


    footer {text-align: center; padding: 30px 0 70px 0;
        background-color: #09222b; font-size: 0.85em; color: #828b90;       
    }
    
    

    footer div.lft {}
    footer div.rgt {padding: 30px 0 0 0;}
      
    p.mglowrap {display: inline-block;}
    p.glowrap {display: inline-block;}

    footer span.mlogo {}
    footer span.mlogo img  {height:30px;}

    footer span.glogo {padding:0 10px 0 0;}
    footer span.glogo img {height:30px;}
    footer span.glogo img.sz05 {height:25px;}
    footer span.glogo img.sz1 {height:20px;}
    footer span.glogo img.sz2 {height:30px;}
    footer span.glogo img.sz3 {height:30px;}

    footer p {padding: 5px 0;}
    footer p span {padding: 5px 0; display:inline-block;}
    footer span.titl { padding: 0 10px 0 0; font-weight: 600; vertical-align: middle; color: #efdb49;}
    footer span.titl.pt2 { padding: 0 10px 0 50px; }    
    footer .mobv {display: none;}


    @media screen and (max-width: 1300px){
        .wrap {padding: 50px 0 100px 100px;}
        .title {text-align: left;}        
        .btwrap {text-align: left;}   
    }


    @media screen and (max-width: 1024px){        
        .wrap {padding: 50px 0 100px 50px;}
        .title {text-align: left;}
        .btwrap {text-align: left;}   
    }


    @media screen and (max-width: 900px){
        
        .wrap {padding: 100px 0;
            background-image: none;
        }
        .title {text-align: center;}

        .btwrap {text-align: center;}   
        footer div {display: block; }
        footer div.lft { text-align: center; padding: 0 0 0 0; }
        footer div.rgt { text-align: center; padding: 15px 0 0 0;}

        p.mglowrap {display: inline-block;}
        p.mglowrap.mrt {padding: 0 0 0 30px;}
    }

    @media screen and (max-width: 600px){
        
        .wrap {padding: 150px 20px 30px 20px;
            background-image: url('/images/st2024/bg_img03.jpg');    
            background-repeat: no-repeat;
            background-position:0 -15px;
            background-size: 45%;
            border-right: none;
            border-left: none;
            max-width: 360px;
        }

        .title img {width: 95%;}

        .btwrap {padding:30px 10px 0 10px; }    
        a.ty01 {display: block; width: auto; border-radius: 60px;}
        a.ty01 span {font-size: 1.7em;  line-height:60px; letter-spacing: -0.05em;}
        a.ty01 span.link01 {
            padding: 0 40px 0 0;
            background-size: 28px;
        }


        footer {padding: 16px 0 30px 0;}
        footer div.rgt {padding: 10px 0 0 0; }
        footer .mobn {display: none;}
        footer .mobv {display: block;}        
        footer span.titl { padding: 0 5px 0 0; }
        footer span.glogo {padding:0 7px 5px 0;}
        footer p {padding: 5px 0 0 0;}
        footer span.mlogo img { height: 25px; }
        footer span.titl.pt2 { padding: 0 5px 0 30px; }
        footer span.glogo img {height:22px;}
        footer span.glogo img.sz05 {height:20px;}
        footer span.glogo img.sz1 {height:16px;}
        footer span.glogo img.sz2 {height:25px;}
        footer span.glogo img.sz3 {height:24px;}
        footer span.mbr {padding:0 15px 5px 0px;}
        footer span.mbr1 {padding: 0 90px 5px 0;}
        footer span.mbr2 {padding:0 7px 5px 50px;}
    }