@import "reset.css";

/*모바일 CSS*/

@font-face {
  font-family: 'Noto Sans KR';
  src: url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),
       url('/fonts/NotoSansKR-Regular.woff') format('woff'),
       url('/fonts/NotoSansKR-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*header 영역*/
.top_inner { width: 720px;  margin: 0 auto;}
.logo, .menu {display:inline-block}
.logo img{position: relative;top: 10px;float: left;width: 150px;left:20px;}

.menu {float:right;margin-top:20px;color:#fff;font-size:23px;line-height: 60px;}
.menu {  display: flex;}
.menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  margin-right: 20px;
}

.menu ul li a {font-family: 'noto sans kr'; font-weight: 500;color:#fff;text-decoration:none;}
.menu ul li a:hover {color:#ddfe00;}



/*main 영역*/
.body_in {width:720px;
margin:0 auto;
/* background-image: url("/img3/mo_main_back.png"); */
background-size: 720px 880px;
background-repeat: no-repeat;
font-family: 'Noto Sans KR', sans-serif;
}

.main_in {width:720px; margin:0 auto;}

/* .main1_img img{margin-top:-120px;} */

.main1_text {margin-top:80px;width:720px;display:inline-block;text-align:center;}
.main1_text p {font-family: 'noto sans kr'; font-size: 60px; font-weight: 400;color:#fff;line-height:90px;}
.main1_car {margin-top:80px;overflow:hidden;}
.main1_car img {width:1000px;}


/* .main2 {position:relative;top:30px;} */
.main2 {background-color: #fff;}
.main2_logo {margin-bottom:10px;}
.main2_in {text-align:center;}
/* .main2_text {vertical-align: top;vertical-align: 13em;} */
.main2_text {width:720px;padding-top:50px;}
.main2_text p {font-family: 'noto sans kr'; font-size: 60px; font-weight: 400;}
.main2_phone {padding-top:30px;}

.main3 {margin-top: 100px; background-color: #eff1f6;}
.main3_in {background-color:#eff1f6;text-align:center;}
/* .main3_text {vertical-align: top;vertical-align: 9em;} */
.main3_text {width: 720px;padding-top: 130px}
.main3_text p {font-family: 'noto sans kr'; font-size: 50px; font-weight: 400;}

.main4 {background-color: #fff;}
.main4_in {padding:110px 0 30px 0;text-align:center;}
.main4_text {margin-bottom:50px; }
.main4_text p {font-family: 'noto sans kr'; font-size: 50px; font-weight: 400;line-height:70px;}


.main5 {margin-top: 70px; background-color: #eff1f6;}
.main5_text {padding-top:10px;width:720px;}
.main5_img {margin-top:50px;}
.main5_text p {font-family: 'noto sans kr'; font-size: 50px; font-weight: 400;line-height:70px;}
.main5_in {padding: 100px 0 130px 0;background-color:#eff1f6;text-align:center;}

.main6 {background-color: #fff;}
.main6_in {padding:110px 0 20px 0;text-align:center;}
.main6_text {margin-bottom:35px;}
.main6_text p {font-family: 'noto sans kr'; font-size: 50px; font-weight: 400;line-height:70px;}

.main7 {margin-top: 100px; background-color: #eff1f6;}
.main7_in {padding:100px 0 100px 0;text-align:center;}
.main7_img {text-align:center;}

.main8 {background-color: #fff;}
.main8_in {padding:100px 0 70px 0;text-align:center;}
.main8_text {margin-bottom:35px;}
.main8_text p {font-family: 'noto sans kr'; font-size: 50px; font-weight: 400;line-height:70px;}

.main9 {background-color: #fff;}
.main9_in {padding:50px 0 0 0;text-align:center;margin-bottom: -70px;}
.main9_text {margin-bottom:20px;}
.main9_text p {font-family: 'noto sans kr'; font-size: 30px; font-weight: 400;}



/*footer 영역*/
.footer_text {width:720px; margin:0 auto;line-height:25px;font-size:12px;color:#777;}
.footer_text p {padding:20px;}


/*------------------------------------------------------------*/

/*버튼 css*/
.button:hover {color:#ddfe00;}
.button {
    --background: #2a56f8;
    --text: #fff;
    --font-size: 30px;
    --duration: .44s;
    --move-hover: -4px;
    --shadow: 0 2px 8px -1px #{rgba(#2a56f8, .32)};
    --shadow-hover: 0 4px 20px -2px #{rgba(#2a56f8, .5)};
    --font-shadow: var(--font-size);
	margin: 60px 0 60px 0;
	padding: 26px 36px;
    font-family: 'noto sans kr';
    font-weight: 800;
    line-height: var(--font-size);
    border-radius: 40px;
    display: inline-block;
    outline: none;
    text-decoration: none;
    font-size: var(--font-size);
    letter-spacing: 0px;
    background: var(--background);
    color: var(--text);
    box-shadow: var(--shadow);
    transform: translateY(var(--y)) translateZ(0);
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
    div {
        display: flex;
        overflow: hidden;
        text-shadow: 0 var(--font-shadow) 0 var(--text);
        span {
            display: block;
            backface-visibility: hidden;
            font-style: normal;
            transition: transform var(--duration) ease;
            transform: translateY(var(--m)) translateZ(0);
            $i: 1;
            @while $i < 12 {
                &:nth-child(#{$i}) {
                    transition-delay: $i / 20 + s;
                }
                $i: $i + 1;
            }
        }
    }
}


/*----------------------------------------------------*/
/*플로팅 버튼*/
#top_btn {
    position: fixed;
    bottom: 130px;
    right: 15px;
    width: 100px;
    z-index: 90;
}

#top_btn2 {
    position: fixed;
    bottom: 240px;
    right: 15px;
    width: 100px;
    z-index: 90;
}

#top_btn2 img {width:100px;}

#bottom_img {
display: none;
    position: fixed;
    bottom: -1px;
    width: 720px;
	height: 90px;
    z-index: 90;
	background-color:#2a56f8;
}

.btn_text {color:#fff;font-size:40px;font-weight:600;}
.btn_img, .btn_text {display:inline-block;vertical-align:middle;}
.btn_img {margin-right:10px;margin-top:6px;}
.btn_img img {width:50px;}
.btn_button {padding-top:7px;text-align:center;width:720px;height:90px; display: none;}
/*------------------------------------------------*/