@import "reset.css";


@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

@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: 1200px;  margin: 0 auto;}
.logo, .menu {display:inline-block}
.logo {margin-top: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 영역*/

@media screen and (min-width: 1900px) {
  body {
    overflow-x: hidden;
  }
}

.body_in {width:1920px;
margin:0 auto;
border: 0;
background-image: url("/img2/pc_main_back.png");
background-size: 1920px 850px;
background-repeat: no-repeat;
font-family: 'Nanum Gothic', sans-serif;

}

.main_in {width:1200px; margin:0 auto;}
.main1_text {margin-top:80px;width:1100px;}

.main2 {position:relative;top:30px;}
.main2 {background-color: #fff;}
.main2_logo {margin-bottom:100px;}
.main2_text, .main2_phone, .main3_phone, .main3_text, .main5_text, .main5_img {display:inline-block;}
/* .main2_text {vertical-align: top;vertical-align: 13em;} */
.main2_text {width:450px;padding-top:100px;float:left;}
.main2_text p {font-family: 'Nanum Gothic', sans-serif;
 font-size: 50px; font-weight: 300;}

.main3 {margin-top: 100px; background-color: #eff1f6;}
.main3_in {background-color:#eff1f6}
/* .main3_text {vertical-align: top;vertical-align: 9em;} */
.main3_text {width: 480px;float: right;padding-top: 160px;}
.main3_text p {font-family: 'Nanum Gothic', sans-serif;
 font-size: 30px; font-weight: 300;}

.main4 {background-color: #fff;}
.main4_in {padding:110px 0 30px 0;}
.main4_text {margin-bottom:50px; }
.main4_text p {font-family: 'Nanum Gothic', sans-serif; font-size: 40px; font-weight: 300;}
.main4_good {text-align:center;}

.main5 {margin-top: 70px; background-color: #eff1f6;}
.main5_text {padding-top:10px;text-align:right;float:right;width:400px;}
.main5_text p {font-family: 'Nanum Gothic', sans-serif; font-size: 40px; font-weight: 300;}
.main5_in {padding: 100px 0 100px 0;background-color:#eff1f6;}

.main6 {background-color: #fff;}
.main6_in {padding:110px 0 20px 0;}
.main6_text {margin-bottom:35px;}
.main6_text p {font-family: 'Nanum Gothic', sans-serif; font-size: 40px; font-weight: 300;}
.main6_img {text-align:center;}

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

.main8 {background-color: #fff;}
.main8_in {padding:100px 0 70px 0;}
.main8_text {margin-bottom:35px;}
.main8_text p {font-family: 'Nanum Gothic', sans-serif; font-size: 40px; font-weight: 300;}
.main8_img {text-align:center;}

.main9 {background-color: #fff;}
.main9_in {padding:50px 0 70px 0;}
.main9_text {margin-bottom:20px;}
.main9_text p {font-family: 'Nanum Gothic', sans-serif; font-size: 30px; font-weight: 300;}
.main9_img {text-align:center;}


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



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

/*버튼 css*/
.button:hover {color:#ddfe00;}
.button {
    --background: #2a56f8;
    --text: #fff;
    --font-size: 24px;
    --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-top: 100px;
	padding: 26px 26px;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 600;
    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: 30px;
    width: 100px;
    z-index: 90;
}

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

#top_btn2 img {width:100px;}

#right_img3 {
    position: fixed;
    bottom: -1px;
    right: 150px;
    width: 100px;
    z-index: 90;
}

#right_img2 {
    position: fixed;
    bottom: 350px;
    right: 130px;
    width: 100px;
    z-index: 90;
}

/*미디어쿼리*/
@media (max-width: 1700px) {
        .body_in {width: 1650px;}

@media (max-width: 1600px) {
        .body_in {width: 1510px;}