@charset "utf-8";

/* 메인 배너 */
.index_slide {position:relative; overflow:hidden;}
.index_slide:after {}
.index_slide .con {position:relative;}
.index_slide .con:after {content:""; background:#fff; left:100%; width:100%; position:absolute; height:100%; top:0; z-index:99;}
.index_slide .swiper-slide {z-index:1; /*opacity:0; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; */}
/* .index_slide .swiper-slide-active {opacity:1;} */
.index_slide .swiper-slide .bg {position:relative; z-index:1; /*transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0.1;*/}
.index_slide .swiper-slide .txt {position:absolute; left:93px; top:275px; z-index:10;}
.index_slide .swiper-slide .txt .t1 {font-family:'Montserrat', sans-serif; font-weight:500; font-size:50px; line-height:1; color:#fff; /*position:relative; left:-50px;*/}
.index_slide .swiper-slide .txt .t2 {font-weight:100; color:#fff; font-size:18px; line-height:28px; margin-top:20px;  /* position:relative; bottom:-100px;*/}
.index_slide .swiper-slide .txt .t3 {display: inline-block; /*   position:relative; bottom:-100px;*/}
.index_slide .swiper-slide .txt .t3 a {font-family:'Montserrat', sans-serif; font-weight:300; color:#fff; font-size:18px; width:160px; line-height:48px; margin-top:35px; display: inline-block; text-align:center; border:1px solid #fff; border-radius:7px; background:rgba(0,0,0,0.2);}

.index_slide .swiper-slide .txt .t3 a:hover {background:rgba(0,0,0,0.7);}

/* .index_slide .swiper-slide-active .txt > div {transition:2s ease-in-out;-o-transition:2s ease-in-out; -moz-transition:2s ease-in-out; -webkit-transition:2s ease-in-out; opacity:0;} */
/* .index_slide .swiper-slide-active .bg.on {opacity:1;} */
/* .index_slide .swiper-slide-active .txt.on > div {opacity:1;}
.index_slide .swiper-slide-active .txt.on > div.t1 {left:0;}
.index_slide .swiper-slide-active .txt.on > div.t2 {bottom:0;}
.index_slide .swiper-slide-active .txt.on > div.t3 {bottom:0;} */

.index_slide .swiper-slide2 .txt {top:260px;}
.index_slide .swiper-slide2 .txt .t1 { font-weight:500; font-size:50px; line-height:1; color:#fff;}
.index_slide .swiper-slide2 .txt .t2 {font-weight:100; color:#fff; font-size:18px; line-height:28px; margin-top:20px;}
.index_slide .swiper-slide2 .txt .t3 a{font-weight:300;}

.index_slide .swiper-slide3 .txt {top:275px;}
.index_slide .swiper-slide3 .txt .t1 {font-weight:500; font-size:50px; line-height:1; color:#fff;}
.index_slide .swiper-slide3 .txt .t2 {font-weight:100; color:#fff; font-size:18px; line-height:28px; margin-top:20px;}
.index_slide .swiper-slide3 .txt .t3 a {font-weight:300;}

.index_slide .swiper-button-next, .index_slide .swiper-button-prev {margin-top:-10px;}
.index_slide .swiper-button-prev, .index_slide .swiper-container-rtl .swiper-button-next {background:url("/Img/sw_left.png") no-repeat; width:12px; height:20px; left:40px;}
.index_slide .swiper-button-next, .index_slide .swiper-container-rtl .swiper-button-prev {background:url("/Img/sw_right.png") no-repeat; width:12px; height:20px; right:40px;}

.index_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 8px;}
.index_slide .swiper-pagination-bullet {width:16px; height:16px; background:transparent; border:3px solid #fff; opacity:1;}
.index_slide .swiper-pagination-bullet-active {background:#fff;}


/* 메인 제품소개 */
.product {padding:100px 0 0; position:relative; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; }
.product .con {position:relative; width: 1200px; height: 550px;}
.product .tit {color:#666666; position:absolute; left:0; top:0; font-family:'Montserrat', sans-serif; font-weight:700; font-size:22px; z-index:99;}
.product .swiper-container2 {height:550px;}
.product .swiper-slide {text-align:center; overflow:hidden;}
.product .swiper-slide .bg {display: inline-block; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; 
/*	transform:scale(0.2,0.2); -ms-transform:scale(0.2,0.2); -o-transform:scale(0.2,0.2); -webkit-transform:scale(0.2,0.2);*/}
.product .swiper-slide .txt1 {position:absolute; left:0; top:50px; text-align:left; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out;}
.product .swiper-slide .txt1 .t1 {font-weight:300; font-size:80px; color:#111111; line-height:1;}
.product .swiper-slide .txt1 .t2 {color:#999999; font-size:18px; font-family:'Montserrat', sans-serif; font-weight:400; margin-top:15px;}
.product .swiper-slide .txt2 {position:absolute; right:0; bottom:0; text-align:right; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out;}
.product .swiper-slide .txt2 .t1 {font-weight:300; color:#666666; font-size:16px; line-height:26px;}
.product .swiper-slide .txt2 .t2 a {font-family:'Montserrat', sans-serif; font-weight:300; color:#999999; font-size:18px; width:160px; line-height:48px; margin-top:35px; display: inline-block; text-align:center; border:1px solid #ccc; border-radius:7px;}
.product .swiper-button-next, .product .swiper-button-prev {background:none; width:auto; height:auto; display: inline-block;}
.product .swiper-button-next {top:0; margin:0;}
.product .swiper-button-prev {bottom:0; top:auto; margin:0;}
.product .swiper-button-next span.b1 , .product .swiper-button-prev span.b1 {display: inline-block;   font-family:'Montserrat', sans-serif; font-weight:700; font-size:16px; color:#999999;}
.product .swiper-button-next span.b2 , .product .swiper-button-prev span.b2 {display: inline-block;}

/* .product .swiper-button-next span.b1:hover , .product .swiper-button-prev span.b1:hover {color:#b12f75;} */
.product .swiper-slide .txt2 .t2 a:hover {font-weight:300; background:#b12f75; color:#fff;}

/* .product.on {}
.product.on .swiper-slide .txt1 {left:0;}
.product.on .swiper-slide .txt2 {right:0;}
.product.on .swiper-slide .bg {transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);} */


/* 백아산 */
.baegasan {padding:100px 0;}
.baegasan .con {}
.baegasan .baegasan_bg {position:relative;}
.baegasan .bg {}
.baegasan .box {position:absolute; top:20px; left:100px; box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; 
	transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0; top:120px;}
.baegasan .txt {position:absolute; right:100px; top:100px; text-align:right;}
.baegasan .txt .t1 {font-family:'Montserrat', sans-serif; font-size:22px; font-weight:700; color:#fff;  letter-spacing:-1px; line-height:1; position:relative; top:-20px;}
.baegasan .txt .t2 {font-weight:300; font-size:80px; color:#fff;  letter-spacing:-8px; line-height:1; margin-top:10px;  position:relative; top:-20px;}
.baegasan .txt .t3 {font-family:'Montserrat', sans-serif; font-size:18px; color:#fff; font-weight:400; margin-top: 20px; position:relative; right:-30px;}
.baegasan .txt .t4 {margin-top:90px; font-weight:300; line-height:24px; position:relative; right:-20px;}
.baegasan .txt .t4 em {font-weight:500;}
.baegasan .txt .t5 {position:relative; right:-20px;}
.baegasan .txt .t5 a {margin-top:25px; font-family:'Montserrat', sans-serif; font-weight:300; color:#999999; font-size:18px; width:160px; line-height:48px;  display: inline-block; text-align:center; border:1px solid #ccc; border-radius:7px;}
.baegasan .txt > div {transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0;}

.baegasan .txt .t5 a:hover {font-weight:300; background:#b12f75; color:#fff;}

.baegasan.on .box {opacity:1; top:100px;}
.baegasan.on .txt .t1, .baegasan.on .txt .t2 {top:0; opacity:1;}
.baegasan.on .txt .t3, .baegasan.on .txt .t4, .baegasan.on .txt .t5 {right:0; opacity:1;}



/* 메인 게시판 */
.notice {background:#f5f1eb; padding:100px 0; margin-top:200px;}
.notice .con {font-size:0; text-align:center;}
.notice .con > div {display: inline-block; vertical-align: top; width:380px; margin-right:30px; text-align:left;}
.notice .nt0 .tit {/*transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0; position:relative; top:-100px;*/} 
.notice .nt0 .tit .t1 {font-family:'Montserrat', sans-serif; font-size:22px; font-weight:700; color:#666666;  letter-spacing:-1px; line-height:1;}
.notice .nt0 .tit .t1 i {float:right; position:relative; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s; cursor:pointer;}
.notice .nt0 .tit .t1 i:hover {transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); color:#b12f75;}
.notice .nt0 .tit .t2 {font-weight:300; font-size:80px; color:#333333;  letter-spacing:-8px; line-height:1; margin-top:10px;}
.notice .nt0 .tit .t3 {font-size:16px; color:#333333; letter-spacing:-1px; line-height:1; margin-top:25px;}
.notice .nt0 .contxt {display: inline-block; vertical-align: top; margin-top:35px; position:relative;box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.25) 15px 15px 20px 0px; /*transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0; position:relative; bottom:-100px;*/}
.notice .nt0 .contxt a {display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7);}
.notice .nt0 .contxt a .morebtn {position:absolute; left:50%; margin-left:-80px; top:50%; margin-top:-25px; display: inline-block;  font-family:'Montserrat', sans-serif; font-weight:300; font-size:16px; color:#fff; border:1px solid #fff; width:160px; line-height:48px; border-radius:7px;  text-align:center;}
.notice .nt0 .contxt:hover a {display:block;}
.notice .nt3 {border-top:2px solid #333333; border-bottom:2px solid #333333; /*transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0; position:relative; right:-200px;*/ }
.notice .nt3 .nt3_board {padding:30px 7px;}
.notice .nt3 .nt3_board:first-child {border-bottom:1px solid #333333;}
.notice .nt3 .nt3_board .tit {position:relative;  font-family:'Montserrat', sans-serif; font-weight:700; font-size:32px; line-height:1; color:#666666;}
.notice .nt3 .nt3_board .tit a.blink {color:#999999; font-family:'Montserrat', sans-serif; font-weight:300; font-size:12px; border:1px solid #cccccc; border-radius:7px; line-height:28px; width:80px; display: inline-block; text-align:center; position:absolute; right:0; top:0; font-size:22px; border:none; color:#666666; width:auto; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s;}
.notice .nt3 .nt3_board ul {margin-top:18px;}
.notice .nt3 .nt3_board ul li {margin-bottom:20px;}
.notice .nt3 .nt3_board ul li:last-child {margin-bottom:0;}
.notice .nt3 .nt3_board ul li a {display: inline-block; font-size:0; width:100%; }
.notice .nt3 .nt3_board ul li a span.name {display: inline-block; vertical-align: top; font-weight:300; color:#333333; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:265px;}
.notice .nt3 .nt3_board ul li a span.date {display: inline-block; vertical-align: top; font-weight:300; color:#333333; font-size:16px; float:right;}
.notice .nt3 .nt3_board ul li a:hover span {color:#b12f75;}

.notice .nt2 .contxt {  overflow:hidden;}
.notice .nt2 .contxt img {transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s; -ms-transition:1.0s;}
.notice .nt2 .contxt:hover img {transform:scale(1.1,1.1); }

.notice .nt3 .nt3_board .tit a.blink:hover { color:#b12f75; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);}

.notice.on .tit {top:0; opacity:1;}
.notice.on .contxt {bottom:0; opacity:1;}
.notice.on .nt3 {right:0; opacity:1;}

.notice .nt3, .notice .nt2, .notice .nt1 {transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; opacity:0; position:relative; bottom:-50px;}
.notice .nt1.on {bottom:0; opacity:1;}
.notice .nt2.on {bottom:0; opacity:1;}
.notice .nt3.on {bottom:0; opacity:1;}