#mainVisual{position:relative; width:100%; margin: 0 auto; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:110%;
	overflow:hidden;
	margin-left: -5%;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{ position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -600px; width: 1200px;}
#mainVisual .visual-inner-txt{ }
#mainVisual .visual-inner-txt h1, #mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
	 word-break: keep-all;
}

#mainVisual .visual-inner-txt h1 { font-weight: 700; font-size:80px; line-height: 1.3; color: #161616; }
#mainVisual .visual-inner-txt h2 { font-weight: 700; font-size:33px; letter-spacing: 0px; line-height: 1.0; padding: 5px 0 5px 0; transition-delay:0.4s; color: #161616; text-transform: uppercase; font-family: 'sen';}
#mainVisual .visual-inner-txt p{ font-size:20px; letter-spacing: -0.5px; line-height: 1.5; font-weight: 400; transition-delay:0.6s; color: #161616;}


/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	opacity:1.0;filter:Alpha(opacity=100);
}

#mainVisual .slick-arrow{
	position:absolute; top: auto!important; bottom:0!important; margin-bottom: -43px; width:79px; height:85px; left:0; background:none; border:0; cursor:pointer; z-index:99; font-size:0; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/main/arr_l.png) no-repeat right rgba(0,0,0,.3); width:79px; }
#mainVisual .slick-arrow.slick-next{margin-left:79px; background:url(../images/main/arr_r.png) no-repeat rgba(0,0,0,.3); }
#mainVisual .slick-prev:before, #mainVisual .slick-next:before { opacity:0; }

.full_wrap {width: 100%; position: relative;}
.bn_wrap {max-width: 1400px;margin: 0 auto; position: relative;}
.intro{padding:80px 0; position: relative;}
.gry_bg{ background-color: #f3f3f3;}

.m_tit {color:#030303; font-size:2.2em; letter-spacing: -1px; line-height: 1.0; font-weight: 700; }
.m_stit {color:#1b1a1a; font-size:1.1em; line-height: 1.4; font-weight: 400; margin: 12px 0 0 0; }

.job01_bx .slider {text-align: center!important;}
.job01_bx { position: relative; margin-top: 40px!important; }
.job01_bx > .slider > div > div > div { margin: 0 15px 0 15px; position: relative; }
.job01_bx .slider img { width: 210px; border-radius: 300px; box-shadow:0 15px 22px rgba(0,0,0,0.05); margin: 0 auto; }
.job01_bx .slider h1 { font-size:1.1em; line-height: 1.2; font-weight: 400; color: #fff; letter-spacing: -1px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  background-color: #ed914d; border-radius: 50px; padding: 6px 15px; margin-top: 10px; }
.job01_bx .slick-arrow.slick-prev{background:url(../images/main/l_arr01.png) no-repeat!important; width:55px; height:55px; text-indent: -9000px; overflow:hidden; z-index:10; margin-left: -30px; }
.job01_bx .slick-arrow.slick-next{background:url(../images/main/r_arr01.png) no-repeat!important; width:55px; height:55px; text-indent: -9000px; overflow:hidden; z-index:0; margin-right: -30px; }

.job02_bx { position: relative; background-color: #fafafa; border: 1px solid #d9d9d9; margin-top: 40px!important; }
.job02_bx span { font-size:0.9em; line-height: 1.0em; font-weight: 700; color: #fff; letter-spacing: -1px; background-color: #94c356; padding: 5px 15px; border-radius: 50px; }
.job02_bx h1 { font-size:1.2em; line-height: 1.2; font-weight: 700; color: #0d0d0d; letter-spacing: -1px; margin: 20px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job02_bx p { font-size:1.0em; font-weight: 400; color: #0d0d0d; letter-spacing: -1px; margin: 0 0 10px 0; display: -webkit-box; overflow: hidden; height:2.8em; line-height:1.4em; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all;}
.job02_bx h2 { font-size:1.2em; line-height: 1.3; font-weight: 700; color: #a17b50; margin: 0 0 15px 0; }
.job02_bx h3 { font-size:0.9em; line-height: 1.2em; font-weight: 700; color: #000; letter-spacing: -1px; border: 1px solid #464646; background-color: #fff; border-radius: 5px; padding: 10px 0; text-align: center; margin: 0 0; }
.job02_bx > .slider > div > div > div > a:hover > h3 { background-color: #464646; color: #fff; }
.job02_bx > .slider > div > div > div { padding: 2em 2em; border-right: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.job02_bx .slick-arrow.slick-prev{background:url(../images/main/l_arr02.png) no-repeat!important; width:19px; height:28px; text-indent: -9000px; overflow:hidden; z-index:10; margin-left: -5px; }
.job02_bx .slick-arrow.slick-next{background:url(../images/main/r_arr02.png) no-repeat!important; width:19px; height:28px; text-indent: -9000px; overflow:hidden; z-index:0; margin-right: -5px; }

.bnr_bx_l div, .bnr_bx_r div { position: relative; }
.bnr_bx_l div { float: right; min-width: 570px; }
.bnr_bx_r div { float: left; min-width: 830px;}
.bnr_bx_r div li {float: left; text-align: center; width: 33.3333%; background: url(../images/main/line01.png) no-repeat right;}
.bnr_bx_r div li:last-child{background: none;}
.bnr_bx_l { float: left; width: 43%; background: url(../images/main/abt_bg.png) no-repeat #94c356; background-size: cover; text-align: left; padding: 70px 10px;}
.bnr_bx_r { float: right; width: 57%; margin-top: 10vh; }
.bnr_bx_l h1 { font-size:2.2em; line-height: 1.2; font-weight: 700; color: #fff; letter-spacing: -1px;}
.bnr_bx_l p { font-size:1.0em; line-height: 1.3; font-weight: 400; color: #fff; letter-spacing: -1px; margin: 10px 0 18px 0; }
.bnr_bx_r h1 { font-size:1.0em; line-height: 1.2; font-weight: 700; color: #838383; letter-spacing: -1px;}

/******************* 배너3**********************/
.main_pro{padding: 80px 0; background: #f9f9f9;}
.main_pro .pa_con{position: relative; max-width: 1400px; margin: 0 auto; z-index: 1;}
.main_pro .pa_con:after{content: ''; display: block; clear: both;}
.main_pro .pa_con > div{position: relative; float: left; width: 30.33%; margin: 1.5%; padding: 55px 40px; text-align: center; background: #fff; border-radius: 30px; box-shadow: 15px 15px 35px 0 rgba(0,0,0,.1); transition: all .6s; box-sizing: border-box;}
.main_pro .pa_con .pc_box > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.main_pro .pa_con .pc_box .pc_top{height: 70px; line-height: 70px;}
.main_pro .pa_con .pc_box .pc_top img{max-height: 70px;}
.main_pro .pa_con .pc_box .pc_bot ul li h5{padding: 43px 0 10px; font-size: 1.8em; color: #383838; font-weight: 700; transition: all .6s;}
.main_pro .pa_con .pc_box .pc_bot ul li p{padding-bottom: 30px; font-size: 1.1em; line-height: 1.5; color: #383838; transition: all .6s; word-break: keep-all;}
.main_pro .pa_con .pc_box .pc_bot ul li p br{display: none;}
.main_pro .pa_con .pc_box:hover{background: #ed914d;}
.main_pro .pa_con .pc_box:hover .pc_top img{-webkit-filter: saturate(0) brightness(100); filter: saturate(0) brightness(100);}
.main_pro .pa_con .pc_box:hover .pc_bot ul li h5{color: #fff;}
.main_pro .pa_con .pc_box:hover .pc_bot ul li p{color: #fff;}
.main_pro .pa_con .pc_box:hover .pc_bot ul li a{animation: parrow 0.5s alternate infinite ease;}
.main_pro .pa_con .pc_box:hover .pc_bot ul li a img{-webkit-filter: brightness(2);filter: brightness(2);}
@keyframes parrow{
	from{margin-left: -15px;}
	to{margin-left: 15px;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4 ------- */
.bg_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.cell:hover .bg_wrap{
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.main_brand {width: 100%; float: left;}
.main_brand:after{content:"";display:block;clear:both}
.main_brand > div{position:relative;width:100%;float:left; overflow:hidden}
.main_brand .brand01 { padding: 120px 0; }
.main_brand .brand01 .bg_wrap{background:url(../images/main/ban_bg.jpg) no-repeat left top;background-size:cover;}
.main_brand .brand01 a{color:#fff; }
.abt_bx { position: relative; text-align: center;width: 100%; box-sizing: border-box; }
.abt_bx h1 { font-size:2.4em; line-height: 1.2; letter-spacing: -1px; font-weight: 700; }
.abt_bx h2 { font-size:1.0em; letter-spacing: -1px; line-height: 1.5; font-weight: 300; margin: 15px 0 0 0; }
.abt_bx h3 { font-size:1.3em; line-height: 1.4; font-weight: 500; margin: 0 0 5px 0; }
/* -------- 버튼 -------- */
.invest-more-btn{position:relative; display:inline-block; width:50px; height:50px; background-color:#fff; color:#000; font-size:1.0em; transition:width 0.3s; border-radius: 100px; }
.invest-more-btn.black{color:#fff; background-color:#000;}
.invest-more-btn.pink{color:#fff; background-color:#ed914d;}
.invest-more-btn .icon{display:block; width:50px; height:100%; line-height:50px; font-size:24px; text-align:center;}
.invest-more-btn .icon i{display:inline-block; transition:all 0.3s; position:relative; top:2px;}
.invest-more-btn .txt{position:absolute; top:50%; overflow:hidden; height:1em; margin-top:-0.5em; left:10px; width:150px; }
.invest-more-btn .txt em{display:inline-block; transform:translateY(100%); opacity:0; transition:all 0.3s 0s}
.cell:hover .invest-more-btn{width:150px}
.cell:hover .invest-more-btn .icon i{transform:rotate(180deg)}
.cell:hover .invest-more-btn .txt em{ transform:translateY(0%); opacity:1; transition-delay:0.2s}

@media (max-width: 1480px) {
.bn_wrap {max-width: inherit;margin: 0 30px;}	
.job01_bx .slider img { width: 180px; }
.job01_bx .slick-arrow.slick-prev{ width:40px; height:40px; margin-left: -5px; background-size: cover!important;}
.job01_bx .slick-arrow.slick-next{ width:40px; height:40px; margin-right: -5px; background-size: cover!important; }
.main_pro .pa_con{padding: 0 20px;}
	
.bnr_bx_l div { min-width: 100%; }
.bnr_bx_r div { min-width: 100%;}
.bnr_bx_l { padding: 70px 20px 70px 40px;}
.bnr_bx_l img { width: 29px;}
.bnr_bx_r img { width: 60px;}
}

@media (max-width: 1280px) {
#mainVisual .visual-txt{ left: 0; margin: -70px 0 0 100px; width: 100%;}

}



@media (max-width:1200px) {
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-inner-txt h1 { font-size: 70px; }
#mainVisual .visual-inner-txt h2 { font-size: 29px; }
#mainVisual .visual-inner-txt p{ font-size:19px;}
#mainVisual .slick-arrow{ margin-bottom: -32px; width:59px; height:64px;}
#mainVisual .slick-arrow.slick-prev{ width:59px; background-size: 59px auto; }
#mainVisual .slick-arrow.slick-next{margin-left:59px; background-size: 59px auto; }
.intro{padding:60px 0;}
.m_tit { font-size:2.0em; }

.job01_bx { margin-top: 30px!important; }
.job01_bx .slider img { width: 140px; }
.job01_bx .slider h1 { font-size:1.0em; }
.job02_bx { margin-top: 30px!important; }
	
.main_pro .pa_con .pc_box .pc_bot ul li p br{display: block;}
.main_pro .pa_con .pc_box .pc_bot ul li p{ font-size: 1.0em; }
}

@media (max-width: 1023px) {
#mainVisual{ width:100%;}
#mainVisual .visual-item > img{ width: 120%; margin-left: -10%; }
#mainVisual .visual-txt{ margin: -50px 0 0 50px;}
#mainVisual .visual-inner-txt h1 { font-size: 60px; }
#mainVisual .visual-inner-txt h2 { font-size: 24px; }
#mainVisual .visual-inner-txt p{ font-size:16px;}

.intro{padding:50px 0;}
.bn_wrap {margin: 0 3%;}
	
.job01_bx .slick-arrow.slick-prev{ width:30px; height:30px; margin-left: 0px; left: -15px!important;}
.job01_bx .slick-arrow.slick-next{ width:30px; height:30px; margin-right: 0px; right: -15px!important; }
	
.job02_bx .slick-arrow.slick-prev{ background-size: cover!important; width:14px; height:21px; margin-left:0px; left: -17px; }
.job02_bx .slick-arrow.slick-next{background-size: cover!important; width:14px; height:21px; margin-right: 0px; right: -17px; }

.main_pro .pa_con > div{width: 31.33%; margin: 1%;}	
.main_pro{padding: 60px 0;}
.main_pro .pa_con .pc_box .pc_bot ul li h5{ font-size: 1.6em; }
	
.main_brand {width: 100%; }	
.main_brand .brand01 { padding: 70px 0; }
}



@media all and (max-width:768px){
#mainVisual{position:relative; }	
#mainVisual .scroll-icon{display:none;}
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-txt{ margin: -40px 0 0 40px;}
#mainVisual .visual-inner-txt h1 { font-size: 50px; }
#mainVisual .visual-inner-txt h2 { font-size: 21px; }
#mainVisual .visual-inner-txt p{ font-size:14px;}
#mainVisual .slick-arrow{ margin-bottom: -23px; width:43px; height:46px;}
#mainVisual .slick-arrow.slick-prev{ width:43px; background-size: 43px auto; }
#mainVisual .slick-arrow.slick-next{margin-left:43px; background-size: 43px auto; }
	
.intro{padding:40px 0;}
.job01_bx { margin-top: 20px!important; }	
.job01_bx .slider img { width: 100%; }
.job02_bx { margin-top: 20px!important; }
	
.bnr_bx_l img { width: 29px;}
.bnr_bx_r img { width: 60px;}
	
.main_pro{padding: 50px 0;}
.main_pro .pa_con > div{float: none; width: 100%; margin: 0 0 20px 0; padding: 40px 30px; border-radius: 20px;}
.main_pro .pa_con .pc_box .pc_top img{max-height: 60px;}
.main_pro .pa_con .pc_box .pc_bot ul li h5{padding: 30px 0 10px;}
.main_pro .pa_con .pc_box .pc_bot ul li p br{display: none;}
.main_pro .pa_con .pc_box .pc_bot ul li a img{height: 8px;}
	
.invest-more-btn{width:40px; height:40px;}
.invest-more-btn .icon{width:40px; line-height:40px; font-size:20px;}
.cell:hover .invest-more-btn{width:120px}
.invest-more-btn .txt{ left:5px; width:120px; }
}

@media all and (max-width:640px){
#mainVisual{ width:100%;}
#mainVisual .visual-item > img{ width: 150%; margin-left: -25%; }
#mainVisual .visual-txt{ margin: -20px 0 0 0; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-inner-txt h1 { font-size: 40px; }
#mainVisual .visual-inner-txt h2 { font-size: 17px; }
#mainVisual .visual-inner-txt h2 br, #mainVisual .visual-inner-txt p br { display: none; }
#mainVisual .visual-inner-txt p{ font-size:12px;}
.bn_wrap {margin: 0 5%;}
	
.bnr_bx_l { padding: 35px 20px 25px 40px; width: 100%;}
.bnr_bx_r { width: 100%; margin-top: 5vh; margin-bottom: 5vh; }
.bnr_bx_l img { width: 25px;}
.bnr_bx_r img { width: 50px;}

.main_brand .brand01 { padding: 50px 0; }
}



@media (max-width: 480px) {
#mainVisual .visual-item > img{ width: 170%; margin-left: -25%; margin-top: 0; }
#mainVisual .visual-txt{ margin: -40px 0 0 0; }
#mainVisual .visual-inner-txt { padding: 0 0;}
#mainVisual .visual-inner-txt h1 { font-size: 30px; }
#mainVisual .visual-inner-txt h2 { font-size: 15px; }
#mainVisual .visual-inner-txt p{ font-size: 11px; line-height: 1.3; }
#mainVisual .slick-arrow{ margin-bottom: -15px; width:28px; height:30px;}
#mainVisual .slick-arrow.slick-prev{ width:28px; background-size: 28px auto; }
#mainVisual .slick-arrow.slick-next{margin-left:28px; background-size: 28px auto; }
	
.intro{padding:40px 0;}
.bn_wrap {margin: 0 6%;}
	
.m_tit { font-size:1.8em; }
.main_pro{padding: 40px 0;}
}



/* -------- 공지사항-------- */
.bbs-basic-gallery-con .slick-list{position: relative; }
.bbs-basic-gallery-con{ margin:0 -20px;}
.bbs-basic-gallery-con li{float:left; width:23%; margin:0 20px 2.2em; box-sizing: border-box;}
.bbs-basic-gallery-con li a{display:block; position:relative;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; background:#f0f3f6;}
.bbs-basic-gallery-con li a .gallery-thum-box{position: relative; padding-top: 70%; overflow: hidden; border-bottom:1px solid #ddd;}	/* padding-top 으로 이미지의 비율 조정 */
.bbs-basic-gallery-con li a .gallery-thum {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.bbs-basic-gallery-con li a .gallery-thum img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con li a .category{position:absolute; top:0px; left:0px; min-width:30px; padding:0 10px; height:28px; line-height:28px; background-color:#888; color:#fff; z-index:1;}
.bbs-basic-gallery-con li a .gallery-txt-con{padding:2em 2em;}
.bbs-basic-gallery-con li a .gallery-txt-con .arrow-btn{position: absolute; bottom:2em; right:2em; opacity:0; transition:all 0.3s;}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{
	color:#000; 
	font-size:1.3em; 
	font-weight:700; 
	letter-spacing:-0.075em; 
	line-height:1.46; 
	margin-bottom:3em;
	word-break:keep-all;
	transition:all 0.3s;
}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-day{position:relative; display:inline-block; color:#575757; font-size:0.95em; letter-spacing:-0.04em; transition:all 0.3s;}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-day i{font-size:1.4em; vertical-align:middle; margin-top:-3px;}
.bbs-basic-gallery-con li a:hover{background:#94c356;}
.bbs-basic-gallery-con li a:hover .gallery-txt-con .gal-tit{color:#fff; }
.bbs-basic-gallery-con li a:hover .gallery-txt-con .gal-day{color:#fff;}

.bbs-basic-gallery-con .slick-arrow{position: absolute!important; top:-4em!important; font-size:1.0em!important; letter-spacing:-0.045em; color:#000!important; left: auto!important;}
.bbs-basic-gallery-con .slick-arrow i{font-weight:600;}
.bbs-basic-gallery-con .slick-arrow.slick-next{right:1em!important;}
.bbs-basic-gallery-con .slick-arrow.slick-prev{right:4em!important;}
.line-clamp2{
	overflow:hidden;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media all and (min-width:801px){
	.bbs-basic-gallery-con li a:hover{box-shadow:0.2em 0.5em 0.5em 0 rgba(0, 0, 0, 0.2);}
	.bbs-basic-gallery-con li a:hover .gallery-txt-con .arrow-btn{opacity:1;}
}

@media all and (max-width:1280px){
	.bbs-basic-gallery-con li a .gallery-txt-con .arrow-btn{right:1.5rem;}
}
@media all and (max-width:800px){
	.bbs-basic-gallery-con .slick-list{margin-right:0rem; padding-right:0rem;}
	.bbs-basic-gallery-con{margin:0 0;}
	.bbs-basic-gallery-con li{margin:0 10px 1%;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{ }
	.bbs-basic-gallery-con .slick-arrow{top:-3.3em!important;}
}
@media all and (max-width:480px){
	.bbs-basic-gallery-con li{width:49%;}	
}