@charset "utf-8";

/* 메인 :: 비주얼 */
#mainVisual{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
	overflow:hidden;
}
#mainVisual .visual-item:focus{outline:none;}

#mainVisual .visual-txt{position:absolute; top:12%; left:6%; border-left:0; }
#mainVisual .visual-inner-txt{ padding-bottom:30px;}
#mainVisual .visual-inner-txt h1, #mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt h3, #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;
	color: #fff;
	letter-spacing: -1px;
}

	
#mainContainer{padding-top:56px;}


#mainVisual .visual-inner-txt{border-left:0; padding-bottom:0; padding-left:0; }
#mainVisual .visual-inner-txt h1 { font-size:16px; line-height: 1.3; font-family:"Noto Sans Korean", 'Nanum Gothic'; font-weight: 400; color: #fff; letter-spacing: 0px; padding-left: 2px; }
#mainVisual .visual-inner-txt h2 { font-size:40px; line-height: 0.9; font-family: 'Raleway', "Quicksand"; font-weight: 700; color: #fff; letter-spacing: -2px; transition-delay:0.2s; }
#mainVisual .visual-inner-txt h2 > span { color: #bada58; }
#mainVisual .visual-inner-txt p{ font-size:12px; line-height: 1.5; color: #fff; font-family: "Noto Sans Korean", 'Nanum Gothic'; font-weight: 300; letter-spacing: -.2px; transition-delay:0.6s}
/* 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 h3,
#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 h3,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}

#mainVisual .active .visual-inner-txt p{
	opacity:1.0;filter:Alpha(opacity=100);
}



#mainVisual .slick-arrow{ position:absolute; bottom:auto; top:50%;  margin-bottom:0px; margin-top:-20px; width:40px; height:40px; background:none; border:0; cursor:pointer; z-index:2000; font-size:0; left:0; background-size:40px 40px !important; -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/button/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:0; left:auto; right:0; background:url(../images/button/main_visual_next_btn.png) no-repeat}

.main_bx { padding: 40px 0; }
.gry_bg { background-color: #ededed; }
.mn_tit { font-size:22px; line-height: 1.2; font-family:"Noto Sans Korean", 'Nanum Gothic'; font-weight: 700; color: #1d1d1d; letter-spacing: -1px; margin: 0 0 5px 0; }
.mn_txt { font-size:12px; line-height: 1.2; font-family:"Noto Sans Korean", 'Nanum Gothic'; font-weight: 400; color: #1d1d1d; letter-spacing: -1px; margin: 0 0 20px 0; }

.ban_bx { padding: 20px 20px; }
.pro-image { float: left; width: 32%; margin-right: 2%; }
.pro-image:last-child { margin-right: 0; }
.pro-image img { width: 70px; }
.pro-image dl { padding: 15px 0; }
.pro-image dl dt { position:relative; overflow:hidden;}
.pro-image dl:hover{	
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	 background-color: #fff; box-shadow: 2px 1px 16px 0px rgba(0, 0, 0, .12);
}
.pro-image dl dd { text-align: center; }
.sec01_tit01 { font-size:13px; line-height: 1.3; color: #2a2a2a; font-weight: 700; font-family: "Noto Sans Korean", 'Open Sans'; padding-top: 5px; letter-spacing: -1px; }

.tit_bx { float: left; padding: 30px 30px 0 30px; }
.tit_bx h1 { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:18px; line-height: 1.2; color: #1d1d1d; font-weight: 400; letter-spacing: -1px; }
.tit_bx h1 span { font-weight: 700; }
.tit_bx p {display:block;font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:12px; line-height: 1.6; color: #1d1d1d; font-weight:400; padding :7px 0 15px 0; margin: 0 0; letter-spacing: -1px;}
.tit_bx h2 { color:#1d1d1d; font-family: 'Raleway', "Nanum Gothic"; font-weight: 700; line-height:1.2; font-size:11px; }
.tit_bx h2 span{display:inline-block;padding-bottom:10px;}
.tit_bx h2 span:after{width:45px;height:2px;content:'';background:#2fb0da;display:block;margin:5px 0 0 0;}
.tit_bx a:hover h2 { color:#2fb0da; }

.ban01 { float: left; position: relative; margin-top: 15px; }
.ban01_bx { width: 30%; position: absolute; top: 20px; right: 5%; }
.b_txt_bx { padding: 25px 25px; background-color:rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.9); box-shadow: 2px 1px 16px 0px rgba(0, 0, 0, .12); }
a:hover .b_txt_bx { border: 1px solid #2fb0da; }
.b_bx_tit { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:18px; line-height: 1.2; color: #1d1d1d; font-weight: 400; letter-spacing: -1px; }
.b_bx_tit span { font-weight: 700; }
.b_bx_txt {display:block;font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:12px; line-height: 1.4; color: #1d1d1d; font-weight:400; padding :7px 0 0 0; margin: 0 0;}
.b_bx_arr { margin-top: 15px; }
.b_bx_arr img { width: 20px; margin: 0!important; }
.ban01_img { width: 90%; }

.job01_bx { width: 100%; position: relative; }
.job01_bx .slick-arrow.slick-prev{background:url(../images/main/l_arr01.png) no-repeat!important; background-size: 100% auto!important; width:25px; height:25px; text-indent: -9000px; overflow:hidden; z-index:10; margin-left: 35px; margin-top: 10px!important; }
.job01_bx .slick-arrow.slick-next{background:url(../images/main/r_arr01.png) no-repeat!important; background-size: 100% auto!important; width:25px; height:25px; text-indent: -9000px; overflow:hidden; z-index:0; margin-right: 35px; margin-top: 10px!important; }

/*배너*/
.main_brand{ margin-top: 50px; }
.main_brand:after{content:"";display:block;clear:both}
.main_brand > div{position:relative;width:100%;float:left; 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;}
.main_brand .txt_wrap{ width:100%; }
.br_tit { padding: 0 30px; }
.main_brand .tit { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:18px; line-height: 1.2; color: #fff; font-weight: 500; letter-spacing: -1px; }
.main_brand .info{display:block;font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:12px; line-height: 1.4; font-weight:400; letter-spacing: -1px; padding :10px 0 20px 0; margin: 0 0;}
.main_brand .brand01 { padding: 35px 0; background:url(/img/ban_bg.jpg) no-repeat center center;background-size:cover }
.main_brand .brand01 a{color:#fff}
.main_brand .brand01 .sbtn { color:#fff; font-family: 'Raleway', "Nanum Gothic"; font-weight: 700; line-height:1.2; font-size:11px; }
.main_brand .brand01 .sbtn span{display:inline-block;padding-bottom:10px;}
.main_brand .brand01 .sbtn span:after{width:45px;height:2px;content:'';background:#fffb8d;display:block;margin:5px 0 0 0;}
.txt_wrap .fLeft a:hover .sbtn { color:#fffb8d; }
.brn_bx { width: 90%; margin: 15px auto 0 auto; }
.brn_bx li { float: left; text-align: center; width: 32%; border: 1px solid rgba(255, 255, 255, .4); padding: 20px 0; margin-right: 2%; -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; }
.brn_bx li:last-child { margin-right: 0; }
.brn_bx li:hover { border:1px solid #fff; box-shadow: 2px 1px 16px 0px rgba(0, 0, 0, .12); }
.brn_bx li img { margin-bottom: 5px; width: 45px; }
.brn_bx li h1 { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:13px; line-height: 1.2; color: #fff; font-weight: 500; letter-spacing: -1px; }

#mainBoardCon{overflow:hidden; position:relative; width:100%; }
.main-v-con{ float: left; text-align: center; width: 38%; background-color:#83766c; padding: 37px 0 0 0; min-height: 177px; }
.main-v-con a { color: #efded1; }
.main-v-con a:hover { color: #fff; }
.main-v-con a h1 { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:14px; line-height: 1.2; font-weight: 700; letter-spacing: -0.5px; margin: 12px 0 6px 0; }
.main-v-con a p { font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size:12px; line-height: 1.4; font-weight: 300; letter-spacing: -0.5px; margin: 0 0 10px 0; }
.main-v-con a i { font-size: 16px; }
.main-v-con img { width: 50px; }
#mainPressCon{ float: left; width:62%; overflow: hidden; background-color:#f5f5f5; height: 214px; padding: 0 30px 20px 30px; -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; }
.main-press-inner-con{padding:30px 0 0 0;}

.tab_btn{ width:100%; height: 28px; }
.tab_btn a{ font-size:12px; color:#787878; line-height:1.3; display:inline-block; float:left; position:relative; font-family:"Noto Sans Korean", 'Nanum Gothic'; font-weight: 400; letter-spacing: -1px; margin-right: 10px;}
.tab_btn a:after{ width:100%; height:100%; content:""; box-sizing:border-box; position:absolute; top:0; left:0;}
.tab_btn a.on{ color:#222222; font-family:"Noto Sans Korean", 'Nanum Gothic'; font-weight: 500; font-size:12px; letter-spacing: -1px;}
.tab_btn a.on + a:after{ border-left:0;}
.tab_btn a.on span { margin:0 0 10px 0;}
.tab_btn a.on span:before{width:15px;height:2px;content:'';background:#303030;display:block; position: absolute; top: -4px; }
.tab_con{ width:100%; display:inline-block; position:relative;}
.tab_con .con_wrap{ width:100%; display:none;}
.tab_con .con_wrap.on{ display:inline-block;}
.tab_con .con_wrap .tab_more{display:none;position:absolute;top:-28px;right:0; }
.tab_con .con_wrap .tab_more i { color: #a89b92; font-size: 13px; line-height: 13px; }
.tab_con .con_wrap .tab_more:hover i { color: #83766c; }
.tab_con .con_wrap.on .tab_more{display:inline-block;}

.pro-image02 li { float: left; background-color: #fff; padding: 5px 5px 15px 5px; -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; text-align: center; position:relative; overflow:hidden; }
.pro-image02 li:last-child { margin-right: 0; }

.sec01_tit03 { font-size:14px; line-height: 1.3; color: #2a2a2a; font-weight: 700; font-family: "Noto Sans Korean", 'Open Sans'; padding: 15px 15px 0 15px; letter-spacing: -0.5px; display: -webkit-box; overflow: hidden; height:36px; text-overflow: ellipsis; -webkit-line-clamp: 2; }
.sec01_tit04 { font-size:12px; color: #5e5e5e; font-weight: 400; font-family: "Noto Sans Korean", 'Open Sans'; padding: 5px 15px 0 15px; letter-spacing: -0.5px; display: -webkit-box; overflow: hidden; height:30px; line-height:1.3; text-overflow: ellipsis; -webkit-line-clamp: 2; }
.pro-image02 li a { display:block; position:relative; overflow:hidden; }
.pro-image02 li i { color: #fff; font-size: 10px; border-radius: 50px; width: 18px; height: 18px; line-height: 18px; background-color: #cfcfcf; margin-top: 10px; }
.pro-image02 li a:hover i { background-color: #83766c; }

.job02_bx .slick-arrow.slick-prev{background:url(/images/main/l_arr02.png) no-repeat!important; background-size: 100% auto!important; width:14px; height:21px; text-indent: -9000px; overflow:hidden; z-index:10; margin-left: 5px; margin-top: 0px!important; }
.job02_bx .slick-arrow.slick-next{background:url(/images/main/r_arr02.png) no-repeat!important; background-size: 100% auto!important; width:14px; height:21px; text-indent: -9000px; overflow:hidden; z-index:0; margin-right: 5px; margin-top: 0px!important; }

@keyframes ball-scale-multiple {
	0% {
		width:5px;
		height:5px;
		opacity: 0; 
	}
	50% {
		opacity: 0.3; 
	}
	100% {
		width:200px;
		height:200px;
		opacity: 0; 
	} 
}