@charset "urf-8";
/* CSS Document */

@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=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; }
/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
/* font-family: 'Noto Serif KR', serif; */
/* font-family: 'Montserrat', sans-serif; */
/*font-family: 'Libre Baskerville', serif;*/
/*font-family: 'Oswald', sans-serif;*/
*{margin:0; padding:0; box-sizing:border-box; font-family:'SCDream', sans-serif; letter-spacing: -0.5px; scroll-behavior:smooth;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #4c7a93;
   color: #fff;
}
::selection {
   background: #4c7a93;
   color: #fff;
} 
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/
p {}
a {color: #000;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; color: #000;}
table {border-collapse: collapse;}
img {vertical-align: top;}
.wrap {width: 1300px; margin: 0 auto;}
.w25p {float: left; width: 25%;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.serif {font-family: 'Noto Serif KR', serif;}
.mont {font-family: 'Montserrat', sans-serif;}
.bas {font-family: 'Libre Baskerville', serif;}
.tac {text-align: center;}
.tar {text-align: right;}
.serif {font-family: 'Nanum Myeongjo', serif;}
.container { background: url(../img/bgimg.jpg) repeat center / cover;}
.red {color: red; font-size: 20px; font-weight: 500; padding: 15px 0; text-align: center;}
/*********common end***********/

.topbtn {position: fixed; bottom: 25px; right: 25px; display: block; width: 50px; height:50px; background: #e62c29; z-index: 999999999; text-align: center; display: none; border-radius: 50%;}
.topbtn:before {position: absolute; content: ''; width:12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform: translate(-50%,-50%) rotate(-45deg); position: absolute; top: 50%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn a {display: block; height: 100%; position: relative;}

/*********header***********/
header {position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; text-align: center; transition:.3s; background: #fff; height: 100px;}

header .header_cont {transition:.3s;}
header .header_cont .wrap {}
header .header_cont .wrap .logo_top {}
header .header_cont .wrap .logo_top:hover img {opacity: .8;}
header .header_cont .wrap .logo_top a {display: block;}
header .header_cont .wrap .logo_top a img {width: 220px; transition:.5s;}

header .header_cont .wrap {position: relative; display: flex; justify-content: space-between; align-items: center;}
header .header_cont .wrap .menu {display: flex; justify-content: space-between; align-items: center;}
header .header_cont .wrap .menu div.sidemenu {}
header .header_cont .wrap .menu div.sidemenu a { font-size: 20px; position: relative; line-height: 100px; margin: 0 25px;}
header .header_cont .wrap .menu div.sidemenu a:before {position: absolute; content: ''; width: 0; height: 2px; background: #000; left: 0; bottom: -5px; transition:.3s;}
header .header_cont .wrap .menu div.sidemenu a:hover:before {width: 100%;}
header .header_cont .wrap .header_call a {width: 100%; display: block; background: #ff2d31; color: #fff; font-size: 24px; padding: 10px 30px; border-radius: 50px; font-weight: 700; border: 1px solid  #ff2d31; transition :.3s;}
header .header_cont .wrap .header_call a:hover {background: #fff; color: #ff2d31;}

/***************footer***************/
footer {text-align: center; background: #000; color: #fff; padding: 50px 0;}
footer p {line-height: 2em; font-size: 18px;}
footer p span {padding: 0 8px;}
/************swiper*******************/
.main_visual {width: 100%; height: 100vh; overflow: hidden; position: relative; margin-top: 100px;}
.main_visual .wrap {position: absolute; width: 1300px; left: 50%; top: 30px; transform: translateX(-50%); z-index: 99; text-align: left;}
.main_visual .wrap .main_visual_txt {color: #000;}
.main_visual .wrap .main_visual_txt h2 {font-size: 66px; font-weight: 300; line-height: 1.3em; letter-spacing: -2px; margin-top: 30px; margin-bottom: 30px;}
.main_visual .wrap .main_visual_txt h2 strong {font-weight: 700;}
.main_visual .main_visual_slide .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; vertical-align: top;}

/************swiper end*******************/

/**********main section***********/
section {overflow: hidden;}

.main_title {text-align: center;}
.main_title h2 {font-size: 72px;}
.main_title h2 span {color: #8c1616;}
.main_title p {font-size: 32px;}
.main_title p span {color: #8c1616;}
.main_title h2.line_txt {position: relative; margin-bottom: 20px; padding-bottom: 20px;}
.main_title h2.line_txt:before {position: absolute; content: ''; width: 150px; height: 5px; background: #000; background: #e53c29; left: 50%; transform: translateX(-50%); bottom: 0;}


.main_intro {background: url(../img/main_introbg.jpg) no-repeat center top -50px / 100% 840px; margin: 80px 0;}
.main_intro .wrap {display: flex; align-content: center; justify-content: space-between;}
.main_intro .wrap .main_intro_cont {display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.main_intro .wrap .main_intro_cont img {width: 200px; display: inline-block; margin-bottom: 30px;}
.main_intro .wrap .main_intro_cont h3 {color: #666; font-size: 34px;}
.main_intro .wrap .main_intro_cont h3 strong {color: #ff2d31;}
.main_intro .wrap .main_intro_cont h3 span {color: #000;}
.main_intro .wrap .main_intro_cont01 h3 {margin-bottom: 120px;}
.main_intro .wrap .main_intro_cont02 {text-align: right;}
.main_intro .wrap .main_intro_cont02 iframe {margin-bottom: 120px;}
.main_intro .wrap .main_intro_cont02 {align-items: flex-end;}
.main_intro .main_intro_logo {text-align: center; margin: 100px auto; width: 1300px;}
.main_intro .main_intro_logo img {width: 100%;}

.main_goat01 {background: #e9e9e9; padding: 80px 0;}
.main_goat01 .wrap {text-align: center;}
.main_goat01 .wrap img:nth-of-type(2) {width: 100%; margin-top: 50px;}
.main_goat02 {padding: 80px 0;}
.main_goat02 .wrap .main_title {margin-bottom: 100px;}
.main_goat02 .wrap img {width: 100%;}
.main_goat03 {background: #ebebeb; padding: 100px 0 50px;}
.main_goat03 .main_goat03_news {width: 90%; margin: 50px auto; display: flex; align-items: center; justify-content: space-between;}
.main_goat03 .main_goat03_news a {display: block; text-align: center;}
.main_goat03 .main_goat03_news a img {width: 100%;}
.main_goat03 .main_goat03_news a p { margin-top: 15px; font-size: 18px;}
.main_goat04 {padding: 50px 0 100px;}
.main_goat04 .wrap img {margin-top: 80px;}
.main_goat05 {background: #ebebeb;}
.main_goat05 .wrap {display: flex; justify-content: space-between; align-items: center;}
.main_goat05 .wrap img {width: 50%;}
.main_goat05 .wrap img:last-of-type {padding: 30px;}
.main_goat06 {margin: 50px 0; text-align: center;}
.main_goat06 .main_title h2 {padding-bottom: 30px; margin-bottom: 30px;}
.main_goat06 .main_goat06_cont {display: flex; justify-content: space-between; align-items: center;}
.main_goat06 .main_goat06_cont img {width: 50%;}
.main_goat06 .wrap {margin-top: 70px;}
.main_goat06 .wrap img {width: 100%;}
.main_goat07 .main_goat07bg {background: url(../img/main_goat07bg.jpg) no-repeat center / cover; padding-top: 80px; height: 800px;}
.main_goat07 .main_goat07bg .wrap h3 {color: #000; font-weight: 300; font-size: 66px;}
.main_goat07 .main_goat07_cont {height: 979px; background: #f6f6f6;}
.main_goat07 .main_goat07_cont .wrap img {width: 100%; margin-top: -150px;}
.main_goat08 {background: #e5e5e5;}
.main_goat08 > img {width: 100%;}
.main_goat08 .wrap {padding: 70px 0;}
.main_goat09 {margin: 50px 0; text-align: center; background: #f7f7f7;} 
.main_goat09 .wrap .main_goat09_cont {display: flex; justify-content: space-between; align-items: center; margin: 70px 0;}
.main_goat09 .wrap .main_goat09_cont img {width: 50%;}
.main_goat09 .wrap .main_goat09_cont img:last-of-type {width: 45%;}
.main_goat09 .wrap img {width: 100%;}

.main_product .main_product01 {text-align: center; margin: 100px 0;}
.main_product .main_product01 .main_title {margin-bottom: 70px;}
.main_product .main_product01 .main_title p span {color: #e53c29;}
.main_product .main_product02 {background: url(../img/main_product02bg.jpg) no-repeat center / cover; padding: 100px 0 150px;}
.main_product .main_product02 .main_title h2.line_txt:before {background: #821d35;}
.main_product .main_product02 .wrap {display: flex; justify-content: center; align-items: center; margin-top: 100px;}
.main_product .main_product02 .wrap img {margin: 0 30px;}

.main_consult {background: #821d35; color: #fff; padding: 100px 0; text-align: center;}
.main_consult img {width: 444px; margin-bottom: 30px;}
.main_consult h2 {font-size: 88px; line-height: 1.1em;}
.main_consult h2 small {font-weight: 500; font-size: 55px;}
.main_consult p {font-weight: 300; font-size: 28px; margin: 10px 0;}
.main_consult h3 {display: inline-block; padding: 6px 50px; font-size: 44px; border-radius: 100px; border: 3px solid  #fff;}