@charset "utf-8";
@import url('../../font/NotoSansKR-subset.css');

/* reset */
*{margin: 0; border: 0;}
html{scroll-behavior: smooth;}
html, body{margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: 'Noto Sans Korean', '맑은 고딕','AppleSDGothcNeo','AppleGothic', sans-serif; font-size: 16px; text-decoration: none; color: #000000; letter-spacing: -1px;}
ul, ol, li{list-style: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0;}
a{text-decoration: none; border: 0; outline: 0; display: block;}
img{border: 0; border-style: none;}
button{cursor: pointer; border: none; outline: none;}
address, cite, dfn, em, var{font-style: normal;}
img {width: 100%}

.cf::after{content: ''; display: block; clear: both;}
.fl{float: left;}
.fr{float: right;}

.hidden{display: none;}
.blind{overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0);}


@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
}


:root{

    /* font size */
    --font-bannerTit: 3.75rem; /* 60px */
    --font-M-bannerTit: 2.5rem; /* 40px */
    --font-secTit: 1.625rem; /* 26px */
    --font-M-secTit: 1.375rem; /* 22px */

    --font-esgTit: 5rem; /* 80px */

    --font-big: 2.5rem; /* 40px */
    --font-txt: 1.25rem; /* 20px */
    --font-middle: 1.125rem; /* 18px */
    --font-basis: 1rem; /* 16px */
    --font-size15: 0.938rem; /* 15px */
    --font-size14: 0.875rem; /* 14px */ 
    --font-size13: 0.813rem; /* 13px */ 






    /* color */
    --color-black : #000000;
    --color-gray: #555555;
    --color-gray-Light: #888888;

    --color-yellow: #F8C800;
    --color-green: #3BBA6C;
    --color-blue: #4C80E5;
    --color-pink: #E680C9;

    --color-bg-gray: #EFEFEF;

    --color-white-opacity: #ffffff8a;
    --color-white: #ffffff;


}

/* font-family */
.titleFont{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

/*header*/
.h-wrap {
    width: 80%;
    display: flex;
    margin:0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.h-wrap a {
    display: block;
    width: 15%;
}
.h-wrap .h-right {
    display: flex;
    width: 30%;
    align-items: center;
    justify-content: space-between;
}
.h-wrap .h-right img:first-child {
    width: 28%;
}
.h-wrap .h-right img:nth-child(2) {
    width: 68%;
}

.wrap_in_pc {
    display: block;
}
.wrap_in_mo {
    display: none;
}

.fix-banner { position:fixed; z-index:99999; left:50%; transform: translateX(-50%); bottom:0px; width:70%;height:80px;padding:0px;text-align:center;border:none;  }
.fix-banner .wrap {position:relative;width:100%;height:60px;padding:15px 75px 15px 15px; background:#fff;border:1px #c2c2c2 solid;border-radius:20px; box-sizing:border-box; line-height:30px;font-size:16px;font-weight:400;color:#000; display: flex;align-items: center;justify-content: center;}
.fix-banner .wrap p {padding-right: 10px}
.fix-banner .wrap p span { font-weight:700; }
.fix-banner .btn_bform { display:inline-block; width:auto;line-height:27px;margin-left:10px;padding:5px 50px;border-radius:5px;background:#ffcb05;color:#000;font-size:15px;}
.fix-banner .close-btn {position:absolute; right:15px; top:15px; width:30px; height:30px; background:url('/images/common/fix_ban_close.png') no-repeat; text-indent:-99999px; cursor:pointer;}
.fix-banner.no-fix { position:relative;}



/* footer */
#footer{
    /* background: var(--color-black); */
    width: 100%;
    position: relative;
    border-top: 1px solid var(--color-bg-gray);
}
    #footer .footer_wrap{
        width: calc(100% - 480px);
        margin: 47px auto 73px;
    }
                #footer .footer_wrap .footer01 li{
                    margin-right: 40px;
                    color: var(--color-gray);
                }
                #footer .footer_wrap .footer01 li:nth-child(2),
                #footer .footer_wrap .footer01 li:nth-child(4){
                    font-size: var(--font-size15);
                }
                    #footer .footer_wrap .footer01 a{
                        display: block;
                        color: var(--color-black);
                        font-size: var(--font-size15);
                        transition: 0.3s linear;
                        font-weight: 500;
                    }
                    #footer .footer_wrap .footer01 a:hover{
                        color: var(--color-yellow);
                    }
            #footer .footer_wrap .footer02{
                margin-top: 30px;
                color: var(--color-gray);
                font-size: var(--font-size14);
                line-height: 28px;
                font-weight: 500;
            }
                #footer .footer_wrap .footer02 p{
                    margin-bottom: 64px;
                }
                    #footer .footer_wrap .footer02 p span{margin-right: 40px;}
                #footer .footer_wrap .footer02 address{
                    color: var(--color-gray-Light  );
                    font-size: var(--font-size13);
                }

        #footer .footer_wrap .footer_conLogo{
            position: relative;
        }
            #footer .footer_wrap .footer_conLogo > img{
                width: 7.813rem; /* 125px */
                position: absolute;
                right: 0;
            }
            #footer .footer_wrap .footer_conLogo div{
                width: 566px;
                margin-top: 7.125rem; /* 114px */
                position: relative;
                padding: 20px 0px 0px 20px;
            }
                #footer .footer_wrap .footer_conLogo div ul{
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -moz-box-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-pack: center;
                    -moz-box-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }
                    #footer .footer_wrap .footer_conLogo ul li{
                        margin-right: 20px;
                    }
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(1){width: 97px;}
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(2){width: 138px;}
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(3){width: 59px;}
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(4){width: 94px;}
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(5){width: 39px;}
                    #footer .footer_wrap .footer_conLogo ul li:nth-child(6){width: 39px; margin-right: 0;}
                        #footer .footer_wrap .footer_conLogo ul li img{width: 100%;}