.mainwrap{margin-top:0px; width:100%;position: relative; overflow:hidden;}




.mainvisual{ position: relative; width:100%;  margin-top:0px; border:0px solid red; height:800px; background:#efefef;}

.mainvisualtxt{ position:absolute; z-index:55888; top:0px; left:0px; width:50%; background:#fff; padding:55px; }


/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative; border-radius:0px; padding-top:150px;  height:800px; background:#fff ; }
/* Visual Fade Effect */
.visual_left{ background:url('/html/images/yega_topleftbg.jpg')center;background-size:100%;position:relative; float:left; width:20%;   height:720px; }
.leftcontact {width:80%; bottom:0; position:absolute; left:10%; padding-bottom:10%;}
.lefttt01{color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:25px;}
.lefttt02{color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:22px;}
.lefttt02 span{padding-left:15px; padding-right:15px; }
.pl4{padding-left:3px;}
.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right;  }
.visual_box { position:absolute; width:100%; margin:0 auto;  border-radius:35px;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:890px; width:100%; border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }
.v_btn01 {  position:absolute;  border-radius:50px; top:240px;  left:70px;border:1px solid #000; background:#fff; width:45px; height:45px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {border:1px solid #000;   position:absolute;  border-radius:50px; z-index:1;background:#fff; top:240px;  left:130px; width:45px; height:45px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }


/* 메인 슬라이드 버튼*/
.btnArrowBox { position:absolute; z-index:999; left:50px; }
.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute;  border:0px solid red; width:40%; text-align:left; padding:65px;
left:0%; top:0%; margin-left:0px; z-index:50; background:#fff url(/images/com/gallerybg1.jpg) no-repeat bottom;background-size:100%; background-position-y: 80%;}
#visual .vs_txt .m-txt {font-size:55px; font-weight:700; color:#000; line-height:65px; }
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:55px; font-weight:700; color:#000;}
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#000; margin:25px 0px;}
#visual .vs_txt .m-txt2 {font-size:25px; font-weight:700; color:#000;}
#visual .vs_txt .m-txt2 span{float:right; font-size:17px; display:inline-block; color:#000; border-radius:25px; border:1px solid #fff; padding :10px; }
.mainbg01{background:url('/images/com/01.jpg')top; background-size:cover;}
.mainbg02{background:url('/images/com/02.jpg'); background-size:cover;}
.mainbg03{background:url('/images/com/03.jpg'); background-size:cover;}

@media all and (max-width:1540px){
#visual .vs_txt {width:70%;}
#visual .vs_txt .m-txt1 {font-size:45px;}
}

@media all and (max-width:1280px){
.mainvisual{height:500px;}
#visual{height:500px;}
}


@media all and (max-width:1024px){
#visual{padding-top:0px;}
#visual .vs_txt{top:50px; width:70%; background:#fff url(/images/com/gallerybg1.jpg) no-repeat bottom;background-size:110%;}
#visual .vs_txt .m-txt {font-size:40px; line-height:45px;}
.v_btn01 {top:260px; }
.v_btn02 {top:260px; }
}


@media all and (max-width:680px){

#visual{height:500px; padding:0px;}
#visual .vs_txt{width:100%;height:500px; padding:0px; text-align:center;left:0%; top:40%;  background:none;}
#visual .vs_txt .m-txt{font-size:40px; line-height:60px;color:#fff !important;}
#visual .vs_txt .m-txt span{color:#fff !important;}
#visual .vs_txt .m-txt1{font-size:30px;}
#visual .vs_txt .m-txt2{display:none;}
#visual .vs_txt .m-txtline{display:none;}
.v_btn01{width:35px; left:25px;  height:35px;top:450px;}
.v_btn01 img{width:35px; }
.v_btn02{width:35px;left:65px;   height:35px;top:450px;}
.v_btn02 img{width:35px;} 
.mainbg01{background:url('/images/com/01.jpg')top; background-size:490%;}
.mainbg02{background:url('/images/com/02.jpg');  background-size:490%;}
.mainbg03{background:url('/images/com/03.jpg')right;  background-size:490%;}
}







.mainbanner{width:100%; position: relative;}
.mbannerleft{width:50%; float: left; padding:100px 0px; background: #212121 url('/images/com/mbg01.jpg')no-repeat right bottom;}
.mbannerleft div{width:90%; float:right; border:0px solid red;}
.mbannerright{width:50%; float: left; padding:100px 0px; background: #0096ff url('/images/com/mbg02.jpg')no-repeat right bottom;}
.mbannerright div{width:90%; float:right; border:0px solid red;}
.bannertt{display: inline-block; padding:10px; border-radius:25px; border: 1px solid #fff; color:#fff; font-weight:500; font-size:17px;margin-right:15px;}
.bannertt_1{display: inline-block; padding:10px; border-radius:25px; border: 1px solid #fff; background: #fff; color:#0096ff; font-weight:500; font-size:17px;margin-right:15px;}
.bannertt1{font-size:50px; font-weight:600; color:#fff; margin-top:75px; line-height:60px;}
.bannertt1 a{color:#fff; }

@media all and (max-width:1024px){
	.mbannerleft{width:100%; float: left; padding:50px 0px; background: #212121 url('/images/com/mbg01.jpg')no-repeat right bottom; background-size:60%;}
	.mbannerleft div{width:95%; float:right; border:0px solid red;}
	.mbannerright{width:100%; float: left; padding:50px 0px; background: #0096ff url('/images/com/mbg02_m.jpg')no-repeat right bottom; background-size:70%;}
	.mbannerright div{width:95%; float:right; border:0px solid red;}
	.bannertt{font-size:15px;margin-right:5px; }
	.bannertt_1{font-size:15px;margin-right:5px;}
	.bannertt1{font-size:30px; line-height:45px;}
	.bannertt1 img{width:50px;}
}








.noticearea{width:100%;  border: px solid red;position: relative;background: url('/images/com/noticebg.jpg'); background-size:cover; padding:80px 0px; overflow:hidden;}
.notice{width:1600px; margin:0 auto;  border: 0px solid red; overflow:hidden;}

@media all and (max-width:1599px){
	.notice{width:100%; margin:0 auto;  border:0px solid red; overflow:hidden;}
}


#m_board {float: left; width: 100%; margin-right: 0;	margin: 0 auto; border: 0px solid red;}
.noticett{position:absolute; right:0px; bottom:20px; float:right; font-size:17px; color:#000; }
#m_board .tabs {position: relative; height:auto; border:0px solid red; width:100%; float:left;}
#m_board .tabs li {float: left; width:auto; text-align: center; color: #999; padding:15px;}
#m_board .tabs li a {display: block;	box-sizing: border-box; font-size:40px;	color: #999; margin:2px;}
#m_board .tabs li a:hover {color: #000; box-sizing: border-box; font-size:40px;}
#m_board .tabs .active a {font-weight: 600; color: #000;}
#m_board .more a:hover {border: 1px solid #1e83eb}
#m_board .tab_container {position: relative;	margin-top:20px;	padding:0px;	height:auto;	text-align: left;	border:0px solid red;}
#m_board .tab_content ul li {	display: inline-block;	margin-top: 8px;	font-size: 16px;	line-height: 24px;	font-size: 15px;	width:22.7%; margin:1%;	background: #fff;	border-radius: 25px;	padding:30px;	margin-bottom:0px !important; }
.b_tit11{border-radius:15px;	text-align: center;	width:100%;	background:#ededed;	color: #000;	display: inline-block;	font-size:20px;	padding:20px; text-align:left;	line-height:30px; font-weight:500;	}
.b_tit12{text-align: center; width:100%; margin-top:50px; 	color: #000; display: inline-block; font-size:16px; text-align:left;	line-height:30px;}



@media all and (max-width:1024px){
	.noticearea{padding:40px 0px;}
	#m_board .tabs li{width:30%; margin:1%; padding:0px;}
	#m_board .tabs li a{}
	#m_board .tabs li a{font-size:22px;}
	#m_board .tabs li a:hover{font-size:22px;}
	.noticett{display:none;}
	#m_board .tab_content ul li {display: inline-block; margin-top: 8px; font-size: 16px; line-height: 24px; font-size: 15px; width:96%; margin:3% 2%; background: #fff; border-radius: 15px; padding:15px;}
	.b_tit11{border-radius:13px; text-align: center; width:100%; background:#ededed; color: #000; display: inline-block; font-size:18px; padding:10px; text-align:left; line-height:30px; font-weight:500;}
	.b_tit12{margin-top:10px; line-height:25px; font-size:16px;}
}





.maingallery{position: relative; padding:100px; background: url(/images/com/gallerybg.jpg); background-size:cover; border:0px solid red;}
.galleryarea{width:100%; margin:0 auto;  border: 0px solid red; overflow:hidden;}
.galleryleft{width:15%;float:left;}
.galleryright{width:85%;float:left; border: 0px solid red; position: relative; height:700px; }
.galleryright .glist01{display:inline-block; position:absolute; top:0px; left:115px; width:520px; height:430px; background:#e5dcd3; border-radius: 25px; padding:35px;}
.galleryright .glist02{display:inline-block;  position:absolute;  top:475px; left:0px; width:245px; height:205px; background:#9d8d7d; border-radius: 25px; padding:35px;}
.galleryright .glist03{display:inline-block;  position:absolute;  top:445px; left:280px; width:350px; height:245px; background:#dbdbe7; border-radius: 25px; padding:35px;}
.galleryright .glist04{display:inline-block;  position:absolute;  top:0px; left:725px; width:250px; height:205px; background:#dbdbe7; border-radius: 25px; padding:35px;}
.galleryright .glist05{display:inline-block;  position:absolute;  top:220px; left:654px; width:480px; height:370px; background:#182c57; border-radius: 25px; padding:35px;}
.galleryright .glist06{display:inline-block;  position:absolute;  top:75px; left:995px; width:160px; height:130px; background:#d9d9e5; border-radius: 25px; padding:35px;}
.galleryright .glist07{display:inline-block;  position:absolute;  top:335px; right:0px; width:245px; height:205px; background:#9d8d7d; border-radius: 25px; padding:35px;}
.gallerytt1{font-size:50px; font-weight:600; color:#fff; margin-top:75px; line-height:60px;}
.galleryright1 ul li img{object-fit: cover;}
.galleryright ul{display:none;}


@media all and (max-width:1580px){
.maingallery{padding:30px 10px;}
.galleryarea{width:100%; margin:0 auto;  border:0px solid red; overflow:hidden;}
.galleryleft{width:100%;float:left; text-align:center;}
.galleryright{width:100%;float:left; border: 0px solid red; position: relative; height:700px; }
.gallerytt1{font-size:50px; font-weight:600; color:#fff; margin-top:30px;margin-bottom:45px; line-height:60px;}
}


@media all and (max-width:1280px){
.galleryright{display:none;}
.galleryright1{width:100%;float:left; text-align:center;}
.galleryright1 ul{display:block; width:98%; margin:1%;}
.galleryright1 ul li{display:inline-block; float:left; width:31%; margin:1%; bordeR:0px solid red; bordeR-radius:25px; background:#e5dcd3; padding:25px;}
.galleryright1 ul li img{width:100%; }
.gallerytt1{font-size:35px; font-weight:600; color:#fff; margin-top:20px;margin-bottom:45px; line-height:60px;}
.gallerytt1 img{width:50px;}
.pl35{padding-left:15px !important;}
} 


@media all and (max-width:1027px){
.galleryright1 ul{display:block; width:100%; margin:0%;}
.galleryright1 ul li{display:inline-block; float:left; width:46%; margin:2%; bordeR:0px solid red; bordeR-radius:15px; background:#e5dcd3; padding:15px; height:180px;}
.galleryright1 ul li .img{height:150px; overflow:hidden;}
}





/***********************************
메인비쥬얼 스타일 추가
**************/
.mainSlide {width:100%; position:relative; overflow:hidden; box-sizing:border-box; background: url('/images/main/main_bg01.gif') no-repeat bottom right;}
.mainSlide h2 {position:absolute;}
.mainSlide h2,.mainSlide h2 strong  { font-weight:200;}
.mainSlide h2 strong {font-weight:500;}
.mainSlide .bx-wrapper { box-sizing:border-box;}
.mainSlide .bx-viewport {height:auto !important;}
.mainSlide .bx-wrapper {border:none !important; }
.mainSlide .slider li  { position:relative;  transition:all 1s; box-sizing:border-box; padding-top: calc(630px /3 * 2);  overflow:hidden; margin-top:0px; overflow:hidden; }
.mainSlide .slider li.active  {   padding-top: calc(1000px / 3 * 1.6);  }
.marginhack, .bx-clone {margin-left:0px !important;}
.mainSlide  .slider li  img {max-width:130%; max-height:130%; position:absolute; top:50%; left:50%;  z-index:1; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}
.mainSlide .totalwrap .next, .mainSlide .totalwrap .prev {display:none;} 
.mainSlide .totalwrap .bx-stop, .mainSlide .totalwrap .bx-start {display:inline-block; text-indent:-9999px;vertical-align:middle; color:#fff; width:13px; height:15px;  }


@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mainSlide #main-counter  {    font-family: 'SBAggroB'; color:#ddd;  line-height:23px;font-size:23px; }
.mainSlide #main-counter span{padding:0px 2px;  line-height:23px; font-weight:normal; vertical-align:middle; letter-spacing:1px; font-size:10px;  font-family: 'SBAggroB' !important; color:#000;}
.mainSlide .totalwrap .bx-stop {background:url('/images/main/pauce.gif') no-repeat top center;}
.mainSlide .totalwrap .bx-start {background:url('/images/main/play.gif') no-repeat top center;}
.mainSlide #main-control{display:inline-block; padding-left:10px; overflow:hidden; vertical-align:middle;}
.totalwrap .line {  height: 3px;  display:inline-block; vertical-align:middle; }
.totalwrap  .line {  overflow: hidden;  z-index:1; background: #dcdcdc; position: relative;}
.totalwrap .line:before {content: ''; z-index:2;  background: #000;  position: absolute; height:3px;  top: 0;  left: 0;  width: 100%;  display: block;  animation-name: timeline; animation-iteration-count: infinite;  animation-fill-mode: forwards;  -webkit-animation-fill-mode: forwards;}
@keyframes timeline{
	0%{  transform:translateX(-100%); }
	100%   {transform:translateX(0%); }
}
.totalwrap #main-counter, .totalwrap	.outside-wrap	{display:inline-block; vertical-align:middle;}




/*웹*/
@media (min-width: 1024px) {
	.mainSlide { padding-top:320px;   height:1100px; }
	.mainSlide h2 {top: 230px; left:50px;}
	.mainSlide h2,.mainSlide h2 strong  { font-size:56px; line-height:70px;letter-spacing:-5px;}
	.mainSlide .bx-wrapper {height:900px}
	.mainSlide .bx-wrapper {padding-top:50px;}
 	.mainSlide .slider li  {width:580px !important;  margin-right:30px;  border-radius:0px 0px 0px 110px;}
	.mainSlide .slider li.active  { 	margin-top:100px;  border-radius:0px 0px 110px 0px;  margin-left:370px;	width:1000px !important;}
	.mainSlide .slider li.num03.active{margin-left:600px !important; }
	.mainSlide .totalwrap {position:Absolute; top:340px; left:710px;  }
	.totalwrap .line { width: 165px;   margin: 0px 20px;}
	.totalwrap .line:before {   animation-duration: 5s;}
}


/*웹2*/
@media (min-width:1024px) and (max-width:1300px) {
 	.mainSlide .slider li  {width:380px !important;  	 padding-top: calc(380px /3 * 2);  }
	.mainSlide .slider li.active  { 	margin-top:100px; margin-left:320px;	width:700px !important;}
	.mainSlide .totalwrap { left:510px;  }
	.totalwrap .line { width: 165px;   margin: 0px 20px;}
	.totalwrap .line:before {   animation-duration: 5s;}
}



/*패드*/
@media (min-width:641px) and (max-width:1023px) {
	.mainSlide { padding-top:220px; height:700px; }
	.mainSlide h2 {top: 130px; left:30px;}
	.mainSlide h2,.mainSlide h2 strong  { font-size:44px; line-height:50px;letter-spacing:-4px;}
	.mainSlide .bx-wrapper {height:900px}
	.mainSlide .bx-wrapper {padding-top:50px;}
 	.mainSlide .slider li  {width:200px !important; padding-top: calc(200px /3 * 2); margin-right:20px;  border-radius:0px 0px 0px 60px; }
	.mainSlide .slider li.active  { 	margin-top:100px;  border-radius:0px 0px 110px 0px;  margin-left:150px; width:350px !important; padding-top: calc(350px / 3 * 2);   }
	.mainSlide .totalwrap {position:Absolute; top:270px; left:20px;  }
	.totalwrap .line { width: 165px;   margin: 0px 20px;}
	.totalwrap .line:before {   animation-duration: 5s;}
}


/*모바일*/
@media (max-width:640px) {
	.mainSlide { padding-top:220px;   height:500px;  background-size:auto 80%;}
	.mainSlide h2 {top: 110px; left:30px;}
	.mainSlide h2,.mainSlide h2 strong  { font-size:34px; line-height:40px;letter-spacing:-3px;}
	.mainSlide .bx-wrapper {height:900px}
	.mainSlide .bx-wrapper {padding-top:50px;}
	.mainSlide .slider li  {width:130px !important; padding-top: calc(130px /3 * 2);  margin-right:20px;  border-radius:0px 0px 0px 60px; }
	.mainSlide .slider li.active  { 	margin-top:20px;  border-radius:0px 0px 110px 0px;  margin-left:150px;	width:260px !important; padding-top: calc(260px / 3 * 2);   }
	.mainSlide .slider li.num03.active{margin-left:300px !important; }
	.mainSlide .totalwrap {position:Absolute; top:220px; left:20px;  }
	.totalwrap .line { width: 115px;   margin: 0px 20px;}
	.totalwrap .line:before {   animation-duration: 5s;}
}