@charset "utf-8";

@font-face {
    font-family: 'SEBANG';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SEBANG';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
	font-weight: 400;
    font-style: normal;
}

.main-visual {position:relative; overflow:hidden;}
.main-visual .item {height:670px; position: relative; z-index:1;}
.main-visual .item .visual-img {position:absolute;  top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.main-visual .content {position:absolute; top:35%; left:0; width:100%; text-align:center; padding:0 30px;color:#fff; transform:translateY(-35%); z-index:50; font-family: 'SEBANG', sans-serif;}
.main-visual .content p {font-size:34px; line-height:1.5em; letter-spacing:.2em;}
.main-visual .content .eng {font-size:40px; line-height:1.5em; margin:20px 0; letter-spacing:.2em;}
.main-visual .content .tit {font-size:66px; line-height:1.4em; font-weight:700; letter-spacing:.2em;}
.main-visual .slick-dots {position:absolute; bottom:180px; text-align:center; display:flex; justify-content:center; width:100%; z-index:50}
.main-visual .slick-dots li {margin:0 5px;}
.main-visual .slick-dots li button {font-size:0; line-height:0; width:25px; height:4px; background:#fff; border:0;}
.main-visual .slick-dots li.slick-active button {background:#10478d; width:55px}

.animated {transition: all .5s ease;}

.main-visual [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
	transition:1s;
}

@keyframes zoomInImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
		transition:1s;
  }
  to {
    transform: scale3d(1, 1, 1);
			transition:1s;
  }
}

.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1, 1, 1);
			transition:1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
			transition:1s;
  }
}

.zoomOutImage {
  animation-name: zoomOutImage;
		transition:1s;
}




.section1 {position:relative; margin:-145px 0 90px;}
.section1 .contain {max-width:1430px;}
.main-prod-slider {padding:0 100px;}
.main-prod-slider .slick-list {margin:0 -11px;}
.main-prod-slider .item {padding:0 11px; text-align:center;}
.main-prod-slider a {display:block; position:relative; padding-top:10px;}
.main-prod-slider .label {position:absolute; top:0; right:10px; width:70px; text-align:center; height:70px; font-size:16px; line-height:70px; color:#fff; background:#000; z-index:5}
.main-prod-slider .label.ing {background:#4ea638}
.main-prod-slider .thumb {position:relative; height:0; padding-bottom:65.3%; box-shadow:5px 5px 5px rgba(0,0,0,.15); overflow:hidden;}
.main-prod-slider .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto; height:auto !important; max-width:100%; min-height:100%; object-fit:conain; transition:0.3s;}
.main-prod-slider a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.main-prod-slider a:hover .tit {color:#2765a7}
.main-prod-slider .tit {font-size:16px; line-height:1.4em; margin-top:15px; transition: all 0.2s ease-in-out;}
.main-prod-slider .slick-arrow {position:absolute; top:50%; margin-top:-15px;width:60px; height:60px; border:1px solid #dfdfdf; background-color:#fafafa; background-position:50% 50%; background-repeat:no-repeat; font-size:0; line-height:0; z-index:50}
.main-prod-slider .slick-prev {left:0; background-image:url('../images/main/bt_prev.png')}
.main-prod-slider .slick-next {right:0; background-image:url('../images/main/bt_next.png')}


.main-title {text-align:center; margin-bottom:50px;}
.main-title h2 {font-size:38px ;line-height:1.4em; color:#2c2c2c;font-weight:700; margin-bottom:5px;}
.main-title p {font-size:16px; line-height:1.4em;}

.section2 {margin-bottom:100px;}
.main-bus-slider .slick-list {margin-left:-85px;}
.main-bus-slider .item {padding-left:85px;}
.main-bus-slider .item.type2 {padding-top:64px;}
.main-bus-slider .photo {position:relative;}
.main-bus-slider .thumb {position:relative; height:0; padding-bottom:119.9%; box-shadow:5px 5px 5px rgba(0,0,0,.15); border-radius:5px; overflow:hidden;}
.main-bus-slider .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto; height:auto !important; max-width:100%; min-height:100%; object-fit:conain; transition:0.3s;}
.main-bus-slider .thumb:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%;background:#000; opacity:.40;}
.main-bus-slider .tit {position:absolute; top:50%; left:0; width:100%; padding:0 15px; transform:translateY(-50%); text-align:center; font-size:22px ;line-height:1.4em; color:#fff;font-weight:500;z-index:10}
.main-bus-slider a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.main-bus-slider .slick-dots {margin-top:15px; display:flex; justify-content:center;}
.main-bus-slider .slick-dots li {margin:0 3px;}
.main-bus-slider .slick-dots li button {font-size:0; line-height:0; width:12px; height:12px; background:#ddd; border:0; border-radius:50%;}
.main-bus-slider .slick-dots li.slick-active button {background:#10478d;}

.section3 {max-width:1920px; margin:0 auto 100px; overflow:hidden;}
.section3 ul {display:flex;}
.section3 ul li {width:50%; position:relative;}
.section3 ul li .thumb {position:relative; height:0; padding-bottom:27.1%;  overflow:hidden;}
.section3 ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section3 ul li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.section3 ul li .content {position:absolute; top:50%; left:0; width:100%; padding:0 15px; color:#fff; transform:translateY(-50%); text-align:center; z-index:2}
.section3 ul li .content .tit {font-size:28px; line-height:1.4em;font-weight:700; margin-bottom:20px;}
.section3 ul li .content .more {display:inline-block; padding:0 35px; border:1px solid #fff; font-size:16px;line-height:35px;}

.section4 {margin-bottom:100px;}
.section4 .row {display:flex; margin-left:-75px;}
.section4 .row .col {width:33.333333%; padding-left:75px;}
.section4 h2 {font-size:22px ;line-height:1.4em; color:#2c2c2c;font-weight:700;  border-bottom:2px solid #2c2c2c; padding-bottom:15px; margin-bottom:15px;}
.section4 .more {position:absolute; top:3px; right:0; font-size:22px; line-height:normal; color:#2c2c2c; font-weight:700;}

.bro-slider {position:relative; padding:15px 98px 0;}
.bro-slider .item {text-align:center;}
.bro-slider .thumb {position:relative; height:0; padding-bottom:133.1%; overflow:hidden;}
.bro-slider .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:conain; transition:0.3s;}
.bro-slider .tit {padding-top:15px; font-size:16px; line-height:1.4em; color:#2c2c2c; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bro-slider .slick-arrow {position:absolute; top:50%; margin-top:-6px;width:30px; height:12px; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; font-size:0; line-height:0; z-index:50}
.bro-slider .slick-prev {left:35px; background-image:url('../images/main/slide_prev.png')}
.bro-slider .slick-next {right:35px; background-image:url('../images/main/slide_next.png')}
.bro-slider a:hover .tit {color:#2765a7;}


.main-board {position:relative;}
.main-board ul li {position:relative; border-bottom:1px solid #dfdfdf; line-height:55px; font-size:14px;}
.main-board ul li:last-child {border-bottom:0;}
.main-board ul li a {display:block; padding-right:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.main-board ul li a:hover {color:#2765a7;}
.main-board ul li span {position:absolute; top:0; right:0}