@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body *{ font-family: 'Noto Sans KR', sans-serif; }
::selection { color: #000; background: #ffbf00; }
::-moz-selection { /* Code for Firefox */ color: #000; background: #ffbf00; }
#Wrap{ position: relative; width: 100%; height: 100%;}

.btn_login{position: fixed; right: 590px; bottom: 50px; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; background: url(../img/btn_login1.png) no-repeat center center; background-size: cover; z-index: 1000;}
.btn_form{position: fixed; right: 510px; bottom: 50px; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; background: url(../img/ico_form.png) no-repeat center center; background-size: cover; z-index: 1000;}
.kakao{position: fixed; right: 80px; bottom: 50px; display: inline-block; width: 240px; height: 80px; text-indent: -9999px; background: url(../img/kakao.png) no-repeat center center; background-size: cover; z-index: 1000;}

.blog{position: fixed; right: 420px; bottom: 50px; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; background: url(../img/blog.png) no-repeat center center; background-size: cover; z-index: 1000;}
.instagram{position: fixed; right: 320px; bottom: 50px; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; background: url(../img/instagram.png) no-repeat center center; background-size: cover; z-index: 1000;}


/*reser*/
*{margin: 0;padding: 0; list-style: none;}
a{text-decoration: none; color: inherit;}
.clearfix:before, .clearfix::after {display: block; content: "";clear: both;}

body { font-family: 'Noto Sans KR', sans-serif; }


/*index_slide1*/
#s1{background: url(../img/1_bg.png)no-repeat center center;background-size: cover; width: 100%; height: 100%;}s
.slide1 { width: 1200px; margin: 0 auto; text-align: center; position: relative;}
.slide1 > div{ display: block; margin: 0 auto;     text-align: center;}
.slide1 .slide1_logo { margin-bottom: 10px;}
.slide1 .slide1_logo img{ width: 50vh;     display: block;
    margin: 0 auto;}
.slide1 .slide1_line { width:1px; height:50px; background:#000;}
.slide1 .slide1_text { text-align: center; margin-bottom: 20px; }
.slide1 .slide1_text h2 { display: block; font-weight: 700; font-size:6.5vh; letter-spacing:-1px; margin: 0;}
.slide1 .slide1_text span { font-weight: 200; font-size:6.5vh; letter-spacing:-1px; }
.slide1 .slide1_text span b { font-weight: 700; font-size:6vh; color:#fff; margin:0; ; background:#ffbf00; padding:0 10px 1px 10px; }
.slide1 .slide1_text2 {font-size:28px; letter-spacing:-1px; font-weight: 300;text-align: center;}

.slide1 .scroll_more { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:60; text-align:center; animation: more 2s ease infinite; }
/*

@keyframes s1 {
    0%{ transform:translateY(0); } 100%{ transform:translateY(-200px); }
}
@keyframes s1_line {
    0% { height:0; } 100% { height:50px; }
}

@keyframes s1_text1 {
    0% {opacity: 0; } 100% {opacity: 1; }
}

@keyframes typing {
    0% { width:0%; } 100% { width:100%; }
}

@keyframes s1_text2 {
    0% { opacity: 0; } 100% { opacity: 1; }
}

@keyframes s1_text3 {
    0% { opacity: 0; filter: blur(20px); } 50% { opacity: 0.5; filter: blur(10px); } 100%{ opacity: 1; filter:none; }
} */

@keyframes more {
	0% { bottom:30px; }	50% { bottom:20px; } 100% {	bottom:30px; }
}


/*index_silde2*/
#s2{ background: url(../img/2_bg.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; }
.slide2 { width: 1200px; margin: 0 auto;}
.slide2 .slide2_img { width:770px; height:202px; margin:0 auto; text-align:center;}
.slide2 .slide2_img ul li { width:202px; height:202px; float:left; padding-right:80px; }
.slide2 .slide2_img li:last-child { padding-right:0; }
.slide2 .slide2_text p { padding-top:70px; text-align:center; font-weight:100; font-size:6.5vh; letter-spacing:-2px; }
.slide2 .slide2_text b { display: inline-block; font-weight: 700; font-size:6.5vh; color:#fff; margin:0; background:#ffbf00; padding:0 15px 3px 15px;  }


/*index_silde3*/
#s3{ background:url(../img/3_bg.png)no-repeat; background-size:cover; width: 100%; height:100%; }
.slide3 { width: 1200px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
.slide3 .s3_left { float: left; }
.slide3 .s3_left p { font-weight: 100; font-size:6.5vh; letter-spacing:-2px; }
.slide3 .s3_center { margin: 0 80px 0;}
.slide3 .s3_center img { width: 40vh}
.slide3 .s3_right p { font-weight: 700; font-size:6.5vh; letter-spacing:-2px; }


/*index_silde4*/
#s4{ background: url(../img/4_bg.png) no-repeat center center; background-size:cover; width: 100%; height: 100%; }
.slide4 {width: 1200px; margin: 0 auto; text-align: center;}
.slide4 .slide4_text p { color:#fff; font-weight: 700; font-size:6.7vh; letter-spacing:-2px; line-height:80px;  }
.slide4 .slide4_text span { font-size: 6.5vh; letter-spacing: -2px; line-height: 90px; color: #222; font-weight: 200; background: #fff; padding: 0 10px; display: inline-block; margin-bottom: 15px;}



/*index_silde5*/
#s5{background: url(../img/5_bg.png) no-repeat center center; background-size:cover;width:100%; height: 100%; }
.slide5 { width: 1200px; margin: 0 auto;}
.slide5 .a_top { text-align: center; padding-bottom:10px; }
.slide5 .a_top h1 { color:#222; font-weight: 700; font-size:5vh; line-height:60px; letter-spacing:-2px; }
/* .slide5 .a_top p { color:#222; font-size:20px; line-height:30px; letter-spacing:-2px; } */
.slide5 .a_top p { display: none;}
.slide5 .i_list{ display: flex; flex-wrap: wrap; width: 1200px; margin: 0 auto;}
.slide5 .i_list li{ width: 48%; background-color: #fff; border: 1px solid #ededed; border-radius: 12px; box-sizing: border-box; padding: 25px 0 25px 180px; margin-bottom: 20px; background-repeat: no-repeat; background-position: 35px center; background-size: auto;}
.slide5 .i_list li:nth-of-type(1){ background-image: url(../img/5_icon-1.png); }
.slide5 .i_list li:nth-of-type(2){ background-image: url(../img/5_icon-2.png); }
.slide5 .i_list li:nth-of-type(3){ background-image: url(../img/5_icon-3.png); }
.slide5 .i_list li:nth-of-type(4){ background-image: url(../img/5_icon-4.png); }
.slide5 .i_list li:nth-of-type(5){ background-image: url(../img/5_icon-5.png); }
.slide5 .i_list li:nth-of-type(6){ background-image: url(../img/5_icon-6.png); }
.slide5 .i_list li:nth-of-type(even){ margin-left: 4%;}
.slide5 .i_list li:last-of-type{ background-color: #ffbf00;}
.slide5 .i_list li a{display: inline-block; margin-left: 10px; vertical-align: -5px;}
.slide5 .i_list li strong{ display: inline-block; font-size: 28px; font-weight: 900; line-height: 33px; letter-spacing: -1px; color: #111; margin-bottom: 10px;}
.slide5 .i_list li span{ font-size: 28px; font-weight: 900; letter-spacing: -1px; line-height: 33px; color: #ffa200;}
.slide5 .i_list li p{ font-size: 17px; font-weight: 400; letter-spacing: -1px; line-height: 26px; color: #111;}
.slide5 .i_list li:last-of-type strong{ color: #fff; margin-top: 10px;}
.slide5 .i_list li:last-of-type p{ color: #fff;}



/*index_silde6*/
#s6{background: url(../img/6_bg.png) no-repeat center center; background-size:cover;width:100%; height: 100%; }
.slide6{ position: relative; width: 1200px; margin: 0 auto; height: 100%;}
.slide6 .s6_top { position: absolute; top: 10%; width: 100%; text-align: center;}
.slide6 .s6_top h1 {  letter-spacing:-1px;  font-weight: 700; font-size:6.5vh; color:#222;}
.slide6 .s6_top img { padding-left:15px; }
.slide6 ul{ position: absolute; top: 63%; transform: translateY(-50%); width: 100%; display: flex;justify-content: space-between;}
.slide6 ul li h3{ font-size: 23px; letter-spacing: -2px;}
.slide6 ul li p{ font-size: 18px; line-height: 30px; letter-spacing: -1px; color: #8e6a00; margin-bottom: 25px;}


/* .bx-viewport { height: 729px!important; }
.bx-controls { position: absolute; top: 17%; transform: translate(-50%, -50%); left: 50%; width: 231px; }
.bx-controls .bx-pager-item a { position: relative; float: left; color: #9b7400;  font-weight: 200; border: 1px solid #9b7400; text-align:center; font-size: 20px; line-height: 34px; border-radius: 30px; width: 35px; height: 35px; margin: 10px 20px;  transition: 0.3s ease-in-out; }
.bx-controls .bx-pager-item a.active { background:#222; border: 1px solid #222;  border-radius: 30px; width: 35px; height: 35px; color: #fff; }
.bx-controls .bx-pager-item a:hover { background:#222; border: 1px solid #222;  border-radius: 30px; width: 35px; height: 35px; color: #fff; }

.bx-controls .bx-stop.active { display:none; }
.bx-controls .bx-start.active { display:none; }
.bx-controls .bx-stop  { display:none; }
.bx-controls .bx-stop.active { display:none; } */

/*index_silde7*/
#s7 { background-color:#ffbf00; width:100%; height:100%; }
.slide7 { width: 1200px; margin: 0 auto; text-align: center;}
.slide7 .s7_top { margin-bottom: 55px;}
.slide7 .s7_top h1 { letter-spacing:-1px; color: #222; font-size: 6vh;  font-weight: 700; }
.slide7 .s7_top h1 img { margin-left: 15px; }
.slide7 .s7_item { display: flex; flex-wrap: nowrap; justify-content: space-around;}
.slide7 .s7_item .s7_text *{ display: block;}
.slide7 .s7_item .s7_text img{ width: 30vh; margin-bottom: 10px; margin-right: 30px; }
.slide7 .s7_item .s7_text p { font-weight: 100; font-size:23px; letter-spacing: -0.5px; margin-left: -34px;}




/*index_silde8*/
#s8{background-color: #fff;}
.slide8 { width: 1200px; margin: 0 auto;  text-align: center; }
.slide8 .s8_text h1 { letter-spacing:-1px; font-size: 6vh;  font-weight: 700; margin-bottom: 10px;}
.slide8 .s8_text p { letter-spacing:-1px; font-size: 20px; margin-bottom: 30px; }
.slide8 .s8_text a { display: inline-block; margin-bottom: 60px; width: 260px; height: 70px; line-height: 70px; letter-spacing: -0.5px; color: #111;  font-weight: 400; font-size: 23px; background: #fff; border:1px solid #111; border-radius: 5px; transition:all 0.3s ease-in-out; }
.slide8 .s8_text a:hover { background:#111;  color: #fff; }