@charset "utf-8";

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* CSS Document */

body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin:0;}
body {
    font-family:'Lato','Noto Sans KR','Noto Sans KR', sans-serif;
    color:#222;
    letter-spacing:-1px;
	margin:0;
}
ul,ol{
    padding:0;
    margin:0;
    list-style: none;
}

img{border:0;}

a{
    text-decoration:none;
    color:#222;
}

input {	outline-width:0;}

.inner{
    width:1200px;
    margin:0 auto;
}
.cf::after{
    content: "";
    display: block;
    clear: both;
}


/*font*/
.fz-11{font-size:11px}
.fz-12{font-size:12px}
.fz-13{font-size:13px}
.fz-14{font-size:14px}
.fz-15{font-size:15px}
.fz-16{font-size:16px}
.fz-18{font-size:18px}
.fz-20{font-size:20px}
.fz-22{font-size:22px}
.fz-24{font-size:24px}
.fz-25{font-size:25px}
.fz-26{font-size:26px}
.fz-30{font-size:30px}
.fz-40{font-size:40px}
.fz-48{font-size:48px}
.fz-60{font-size:60px}
.fz-70{font-size:60px}
.fz-130{font-size:130px}

.fw100{font-weight:100}
.fw300{font-weight:300}
.fw400{font-weight:400}
.fw500{font-weight:500}
.fw700{font-weight:700}
.fw900{font-weight:900}

.fsi{font-style:italic}

.text-italic{font-style:italic}
.text-white{color:#fff}
.text-black{color:#000}
.text-blue{color:#1fb1c7}

.text-center{text-align:center}
.text-left{text-align:left}
.text-rigth{text-align:right}

.transition{
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s
}

.mt-7{margin-top:7px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px !important}
.mt-50{margin-top:50px !important}
.mt-60{margin-top:60px !important}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-130{margin-top:130px}
.mt-150{margin-top:150px}
.ml-0{margin-left:0 !important}
.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-30{margin-left:30px}
.ml-50{margin-left:50px}
.mr-0{margin-right:0 !important}
.mr-5{margin-right:5px !important}
.mr-15{margin-right:15px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.mr-30{margin-right:30px}
.mr-50{margin-right:50px}
.mb-0{margin-bottom:0px}
.mb-0-i{margin-bottom:0px !important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.mb-200{margin-bottom:200px}

.pt-0{padding-top:0px}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pt-120{padding-top:120px}
.pt-150{padding-top:150px}
.pt-170{padding-top:170px}
.pt-350{padding-top:350px}
.pb-0{padding-bottom:0px}
.pb-5{padding-bottom:5px !important}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pb-120{padding-bottom:120px}
.pb-150{padding-bottom:150px}
.pr-15{padding-right:15px !important}
.pr-30{padding-right:30px}
.pl-0{padding-left:0px}
.pl-30{padding-left:30px}
.pl-90{padding-left:90px}
.p-40{padding:40px}

.ptb-50{padding:50px 0;}
.ptb-100{padding:100px 0;}

.float-left{float:left}
.float-right{float:right}

.section-full{padding:100px 0}
.section-half{padding:75px 0}

/*텍스트 강조 line*/
.txt_line {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.txt_line::before {
    content: "";
    display: block;
    width: 104%;
    height: 20px;
    background:rgba(31,177,199,0.3);
    position: absolute;
    bottom: 0;
    left: -2%;
    border-radius: 30px;
    z-index: -1;
}

