@charset "utf-8";

/*quick*/
.quick{position:fixed; top:310px; right:100px; z-index:9999;}
.quick div{height:42px; margin-top:13px;}
.quick div a{font-size:14px; overflow:hidden; color:#bfbebe; display:block; height:42px; font-family: 'Rajdhani', sans-serif; font-weight:600; background-image:url(../images/main/page_off.png); background-repeat:no-repeat; background-position:right bottom ; }

/*비쥬얼영역*/
.visual{z-index:2; position:relative;}
.visual .bx-wrapper{border:none; box-shadow:none; margin-bottom:0;}
.visual .bx-controls{position:absolute; bottom:150px; left:44.5%; width:205px;}
.visual .bx-controls-direction{display:none;}
.visual .bx-wrapper .bx-pager.bx-default-pager a{border-radius:0; background:none; width:31px; height:18px;/*  background-image:url(../images/main/roll_off.png); */ background-repeat:no-repeat; background-position:0 center;}
.visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{/* background-image:url(../images/main/roll_on.png); */ background-repeat:no-repeat; background-position:0 center;}
.visual .bx-wrapper .bx-controls-auto .bx-start {display:none; position:absolute; top:0; width:10px; height:15px; background-image:url(../images/main/play.png); background-repeat:no-repeat; background-position:0 center;}
.visual .bx-wrapper .bx-controls-auto .bx-stop {position:absolute; top:0; width:10px; height:15px; /* background-image:url(../images/main/stop.png); */ background-repeat:no-repeat; background-position:0 center;}
.visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left:40px;}
.visual ul{}
.visual ul li{position:relative; width:1904px; height:757px;}
.visual ul li.silde1{ background-image:url(../images/main/yuMES_main_image.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.visual ul li.silde2{background-image:url(../images/main/yuMES_main_image02.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*.visual ul li.silde3{ background-image:url(../images/main/mdl_main_image.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
/* .visual ul li.silde4{background:url(../images/main/mdl_main_image.png); background-repeat:no-repeat; background-position:center center; background-size:cover;} */
.visual ul li .visual_txt{width:1180px; margin:300px auto 0; text-align:center;}
.visual ul li .visual_txt2{margin:250px auto 0; text-align:left;}
.visual ul li .visual_txt3{margin:230px auto 0;}

.video_bg .video-container{
	top: 0;
    left: 0;
	position:absolute;
	z-index:0;
	padding-bottom 56.25%;
	height:0;
}
.video_bg .video-container{
	width:100%;
	height: 100%;	
	object-fit:cover;
}

.visual ul li .visual_txt .video_bg .video-container{z-index:-1;}
.visual ul li .visual_txt dl{z-index:-2;}
.visual ul li .visual_txt dl dt{font-family: 'revert', sans-serif; font-weight:600; color:#fff; font-size:42px; line-height:52px; margin-bottom:20px;letter-spacing :1.7px;}
.visual ul li .visual_txt dl dt span{display:block;}
.visual ul li .visual_txt dl dt span.di{display:inline;}
.visual ul li .visual_txt dl dd{font-family: 'Rajdhani', sans-serif; font-weight:400; color:#fff; font-size:28px;  margin-top:10px; margin-bottom:25px}
.visual ul li .visual_txt dl dd span{display:block;}

.visual ul li .visual_txt .video_bg .mob_img .video-container{
	display:none;
}
.visual ul li .visual_txt .video_bg .web_img .video-container{
	display:block;
}


.cont_box{z-index:1; width:1180px; margin:0 auto; background-color:#fff; padding: 50px 0 50px 0;}
.cont_box h2{font-family: 'Rajdhani', sans-serif; font-size:58px; color:#fff; text-align:center; font-weight:500;}
.cont_box h2 span{font-size:40px;  background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; /* padding-right:17px; */}
.cont_box p.tit_s{color:#666666; font-size:20px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}

.cont_box h2.title{color:#000;}
.cont_box h2.title span{background-image:url(../images/main/title_dot2.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.cont_box p.tit_s2{color:#000;}

.cont_box h2.title3 span{background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}


/*yuMES 홍보동영상*/
.yura_cont{background-repeat:no-repeat;  width:100%; background-color:#41484b; height:100%; overflow:hidden; padding-top:100px; padding-bottom:50px; }
.yura_cont .yura_cont_box{width:1180px; margin:0 auto; background-color:#41484b; height:100%; overflow:hidden; padding: 50px 0 50px 0;}
.yura_cont{}
.yura_cont .yura_cont_box h2{font-family: 'Nanum Gothic', sans-serif; font-size:38px; color:#0c0c0c; text-align:center;font-weight:500;}
.yura_cont .yura_cont_box h2 .text01{font-family: 'Nanum Gothic', sans-serif; font-size:40px; color:#0c0c0c; text-align:center;font-weight:500;}
.yura_cont .yura_cont_box h2 span{font-size:30px; background-repeat:no-repeat; background-position:right 49px ; /* padding-right:17px; */ }
.yura_cont .yura_cont_box p.tit_s{color:#0c0c0c; font-size:18px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}
.yura_cont .yura_cont_box .tit_0 {border:1px solid #fff; color:#fff; font-size:18px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin:10px 350px 10px 350px; padding:40px;}
.yura_cont .yura_cont_box .tit_0 a{color:#0c0c0c; font-size:18px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center;}
.yura_cont .yura_cont_box h2.title{color:#0c0c0c;}
.yura_cont .yura_cont_box h2.title span{background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yura_cont .yura_cont_box p.tit_s2{color:#fff;}
.yura_cont .yura_cont_box h2.title3 span{background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yura_cont .yura_cont_box .global_more{}
.yura_cont .yura_cont_box .global_more a{margin:100px auto; position:relative; overflow:hidden; display:block; width:114px; padding:13px 50px 17px 16px;height:20px;  color:#666666; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:18px; background-image:url(../images/main/so_global_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.yura_cont .yura_cont_box .global_more a span{display:block;color:#666; position:absolute; top:15px; left:25px;}
.yura_cont .yura_cont_box .global_more a span:after{content:''; margin-left:14px; display:inline-block; width:28px; height:8px; background:url(../images/main/g_arrow.png) no-repeat 0 0;}
.yura_cont .yura_cont_box .global_more a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:110%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/so_global_more_on.png) no-repeat 0 0;}
.yura_cont .yura_cont_box .global_more a:hover span{color:#fff; }
.yura_cont .yura_cont_box .global_more a:hover span:after{background:url(../images/main/g_arrow_on.png) no-repeat 0 0; }
.yura_cont .yura_cont_box .global_more a:hover:before{top:0; height:100%; background:url(../images/main/so_global_more_on.png) no-repeat 0 0; opacity:1;}
.yura_cont .yura_cont_box .g_map{margin:0px 0px 30px 0px; text-align:center;}
.yura_cont .yura_cont_box .g_map img{padding:10px; border:15px solid transparent; border-image: linear-gradient(to bottom right, #22c7d3, #0164b5);  border-image-slice: 1; border-radius:20px; box-shadow: 0 0 20px rgba(83, 46, 12, 0); }
.yura_cont .yura_cont_box .g_map .tab_img{display:none; }
.yura_cont .yura_cont_box .g_map .video-container{padding:10px; border:15px solid transparent; border-image: linear-gradient(to bottom right, #22c7d3, #0164b5);  border-image-slice: 1; border-radius:20px; box-shadow: 0 0 20px rgba(83, 46, 12, 0); }

.yura_cont .yura_cont_box ul li{position:relative; width:800px; height:600px;}

.yura_cont .yura_cont_box .visual_txt{width:50%; display:block; positon:absolute; margin:40px 0px 40 0px; /* padding-left:5%; */ padding-bottom: 100px; float:left;}

.yura_cont .yura_cont_box .visual_txt .video_bg{
	margin-bottom:-53px;	
}

.yura_cont .yura_cont_box .visual_txt .video_bg .video-container{
	top: 0;
    left: 0;
	position:absolute;
	z-index:0;
	padding-bottom 56.25%;
	height:0;
	/* padding:25px;
	border:5px solid;
	border-image: linear-gradient(to bottom right, #0180b5, #06b9c7, #03e6c8);
	border-image-slice:1; */
}
.yura_cont .yura_cont_box .visual_txt .video_bg .video-container{
	width: 100%;
	height: 100%;	
	object-fit:cover;
	position: relative;
	/* border:15px solid black; */
	border-radius: 10px;
}

.yura_cont .yura_cont_box .visual_txt2{width:48%; display:block; margin:0px auto 0 0; padding-bottom: 100px; float:right;}

.yura_cont .yura_cont_box .visual_txt2 .video_bg{
	margin-bottom:-53px;
}

.yura_cont .yura_cont_box .visual_txt2 .video_bg .video-container{
	top: 0;
    left: 0;
	position:absolute;
	z-index:0;
	padding-bottom 56.25%;
	height:0;
	/* padding:25px;
	border:5px solid;
	border-image: linear-gradient(to bottom right, #0180b5, #06b9c7, #03e6c8);
	border-image-slice:1; */
}
.yura_cont .yura_cont_box .visual_txt2 .video_bg .video-container{
	width: /* -webkit-fill-available */80%;
	height: 100%;	
	object-fit:cover;
	position: relative;
	border:15px solid black;
	border-radius: 15px;
}

.yura_cont .yura_cont_box .visual_txt2 .video_text{
	width: 90%;
	height: 100%;	
	object-fit:cover;
	position: relative;
	border:15px solid #41484b;
	border-radius: 15px;
}
	

.yura_cont .yura_cont_box .visual_txt2 .video_text dt{
	font-family: 'Nanum Gothic', sans-serif; font-size:23px; color:#fff; text-align:left;font-weight:700; padding-top:10px;
}

.yura_cont .yura_cont_box .visual_txt2 .video_text dd{
	font-family: 'Nanum Gothic', sans-serif; font-size:15px; color:#fff; text-align:left;font-weight:500; padding-top:30px; letter-spacing:1px; line-height: 1.8em;
}
.yura_cont .yura_cont_box .visual_txt2 .video_text dd span{
	font-family: 'Nanum Gothic', sans-serif; font-size:17.5px; color:#fff; text-align:left;font-weight:500; padding-top:35px; letter-spacing:1px; line-height: 2em;
}
.ex_cont .ex_list{}
.ex_cont .ex_list .job_img img{margin: auto; display: block; padding: 70px 0px 30px 0px;}
.ex_cont .ex_list .ex_info{overflow:hidden; padding-top: 50px; padding-left:10%;}
.ex_cont .ex_list .ex_info h4{font-size:30px; color:#2a3d7e; font-family: 'Nanum Square'; font-weight:600; text-align:center;}
.ex_cont .ex_list .ex_info h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}
.ex_cont .ex_list .ex_info .ex_box{margin-top:30px; width:85%; padding:0 15px 0 33px; height:265px; float:left; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-top:1px solid #2a3d7e; box-shadow: 2px 3px 5px 0px #dddddd; background-position: 23px 35px; background-repeat: no-repeat; }
.ex_cont .ex_list .ex_info .ex_box2{}

.ex_cont .ex_list .ex_info .ex_box h5{color:#222; font-family: 'Nanum Gothic'; font-weight:700; font-size:20px; margin:40px 0 15px 10px;}
.ex_cont .ex_list .ex_info .ex_box p{}
.ex_cont .ex_list .ex_info .ex_box p span{display:block; padding-left:43px;}
.ex_cont .ex_list .ex_info .ex_bg1{background-image: url(../images/main/LINKyu_main_workd_v5.mp4);}



.yura_cont1{background-repeat:no-repeat;  width:100%; background-color:#fafafa; height:100%; overflow:hidden; padding-top:100px; padding-bottom:150px;}
.yura_cont1 h2{width:40%; font-family: 'Nanum Gothic', sans-serif;  padding-left: 15%;  padding-top: 300px;  float: left;   position: absolute; text-alight:center;}
.yura_cont1 h2 .text01{color: #0c0c0c; font-weight: 700; font-size:25px; text-align: center;}
.yura_cont1 h2 span{font-size:18px; font-weight: 500;}

/* @keyframes borderColorChange {
    0% {
        border-color: red;
    }
    25% {
        border-color: orange;
    }
    50% {
        border-color: yellow;
    }
    75% {
        border-color: green;
    }
    100% {
        border-color: blue;
    }
}
 */
.yura_cont1 .visual_txt{width:60%; float:right; padding-right:7%; position: relative;}

.yura_cont1 .visual_txt .video_bg .video-container{
	top: 0;
    left: 0;
	position:absolute;
	z-index:0;
	padding-bottom 56.25%;
	height:0;
	margin-right:10%;
	padding:25px;
	border:3px solid;
	border-image: linear-gradient(to bottom right, #0180b5, #06b9c7, #03e6c8);
	border-image-slice:1;
	background-color:#cccccc;
	/* animation: borderColorChange 3s infinite; */
}
.yura_cont1 .visual_txt .video_bg .video-container{
	width: 800px;
	height: 100%;
	float:right;
	object-fit:cover;
	position: relative;
}

.g_map dl{z-index:-2;}
.g_map video{font-family: 'revert', sans-serif; font-weight:600; color:#fff; font-size:42px; line-height:52px; margin-bottom:20px;letter-spacing :1.7px;}
.g_map {display:block;}
.g_map {display:inline;}
.g_map ul li dl dd{font-family: 'Rajdhani', sans-serif; font-weight:400; color:#fff; font-size:28px;  margin-top:10px; margin-bottom:25px}
.g_map {display:block;}




/*가치*/
.cont_box2{width:100%; background-color: #f4f2ec;}
.cont_box2 h2{font-family: 'Rajdhani', sans-serif; font-size:58px; color:#333; text-align:center; font-weight:500;}
.cont_box2 h2 span{font-size:40px;  background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.cont_box2 p.tit_s{color:#0c0c0c; font-size:18px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}

.pro_cont {width:1180px; margin:auto; padding:85px 0 145px; background-color:#f4f2ec;}
.pro_cont h2 span{font-family: 'Nanum Gothic', sans-serif; font-size:35px; color:#333; text-align:center; font-weight:500;}
.pro_cont .pro_list{margin-top:40px;}

.pro_cont .pro_list ul{overflow:hidden;}
.pro_cont .pro_list ul li{float:left; width:372px; position:relative; height:430px; margin-left:31px;}
.pro_cont .pro_list ul li.marx{margin-left:0;}
.pro_cont .pro_list ul li img{border-radius:0px;}
.pro_cont .pro_list ul li .linkyu_pro_txt{position:absolute; bottom:30px; left:30px;}
.pro_cont .pro_list ul li .linkyu_pro_txt dl{display:block;}
.pro_cont .pro_list ul li .linkyu_pro_txt dl dt{font-family: 'Nanum Gothic'; font-weight:700; font-size:18px; color:#fff; margin-bottom:0px;}
.pro_cont .pro_list ul li .linkyu_pro_txt dl dd{font-family: 'Nanum Gothic', sans-serif; font-weight:500; font-size:30px; color:#fff; line-height:35px ;margin-top:5px;}
.pro_cont .pro_list ul li .linkyu_pro_txt dl dd span{display:block;}
.pro_cont .pro_list ul li .linkyu_pro_txt a{margin:25px 0 0 0px; position:relative; overflow:hidden; height:20px;  display:block; width:115px; padding:10px 13px 10px 16px; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:16px; background-image:url(../images/main/so_r_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.pro_cont .pro_list ul li .pro_on2 a{margin:93px 0 0 30px;}
.pro_cont .pro_list ul li .linkyu_pro_txt a span{display:block;color:#fff; position:absolute; top:11px; left:11px;}
.pro_cont .pro_list ul li .linkyu_pro_txt a span:after{content:''; margin-left:14px; display:inline-block; width:20px; height:6px; background:url(../images/main/so_r_arrow.png) no-repeat 0 0;}
.pro_cont .pro_list ul li .linkyu_pro_txt a:before{display:none;}
.pro_cont .pro_list ul li .linkyu_pro_txt a:hover span{color:#d5d5d5;}
.pro_cont .pro_list ul li .linkyu_pro_txt a:hover span:after{background:url(../images/main/pro_more.png) no-repeat 0 0;  }
.pro_cont .pro_list ul li .linkyu_pro_txt a:hover:before{top:0; height:100%; background:url(../images/main/so_r_more_on.png) no-repeat 0 0; opacity:1;}
/* 
.pro_cont .pro_list ul li .pro_more{position:absolute; bottom:0; right:0;}
.pro_cont .pro_list ul li .pro_on{border-radius: 0px; display:none; position:absolute; top:0; left:0; background-image:url(../images/main/so_pro_bg.png); background-repeat:repeat; background-position:0 0 ; width:100%; height:100%;}
.pro_cont .pro_list ul li .pro_on dl{ margin-left:20px;}
.pro_cont .pro_list ul li .pro_on dl dt{font-family: 'Nanum Gothic'; font-weight:700; font-size:18px; color:#fff; margin:32px 0 11px;}
.pro_cont .pro_list ul li .pro_on dl dd{font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:35px; color:#fff; line-height:35px;}
.pro_cont .pro_list ul li .pro_on dl dd span{display:block;}
.pro_cont .pro_list ul li .pro_on p{font-family: 'Nanum Gothic'; font-weight:400; font-size:16px; color:#fff; line-height:22px; text-align:left; margin:26px 0 0 30px;}
.pro_cont .pro_list ul li .pro_on p span{display:block;}
.pro_cont .pro_list ul li .pro_on a{margin:115px 0 0 30px; position:relative; overflow:hidden; height:20px;  display:block; width:115px; padding:10px 13px 10px 16px; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:16px; background-image:url(../images/main/so_r_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.pro_cont .pro_list ul li .pro_on2 a{margin:93px 0 0 30px;}
.pro_cont .pro_list ul li .pro_on a span{display:block;color:#fff; position:absolute; top:11px; left:11px;}
.pro_cont .pro_list ul li .pro_on a span:after{content:''; margin-left:14px; display:inline-block; width:20px; height:6px; background:url(../images/main/so_r_arrow.png) no-repeat 0 0;}
.pro_cont .pro_list ul li .pro_on a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:130%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/so_r_more_on.png) no-repeat 0 0;}
.pro_cont .pro_list ul li .pro_on a:hover span{color:#2a509d }
.pro_cont .pro_list ul li .pro_on a:hover span:after{background:url(../images/main/pro_more.png) no-repeat 0 0;  }
.pro_cont .pro_list ul li .pro_on a:hover:before{top:0; height:100%; background:url(../images/main/so_r_more_on.png) no-repeat 0 0; opacity:1;}

 */



/*yuMES 업종*/
.yumes_smart_cont{background-image:url(../images/main/so_rnd_bg.png); background-repeat:no-repeat; background-position:center center ; background-size:cover; width:100%; height:730px; overflow:hidden;}
.yumes_smart_cont h2{margin:70px 0 0 0;}
.yumes_smart_cont{background-color: #fff; background-repeat:no-repeat; background-position:center center ; background-size:cover; width:100%; height:730px; overflow:hidden;}
.yumes_smart_cont h2{margin:70px 0 0 0;}
.yumes_smart_cont .smart_box{z-index:1; width:1180px; margin:0 auto; background-color:#fff; padding: 50px 0 50px 0;}
.yumes_smart_cont .smart_box h2{font-family: 'Rajdhani', sans-serif; font-size:58px; color:#fff; text-align:center; font-weight:500;}
.yumes_smart_cont .smart_box h2 span{font-size:40px;  background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; /* padding-right:17px; */}
.yumes_smart_cont .smart_box p.tit_s{color:#666666; font-size:20px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}
.yumes_smart_cont .smart_box h2.title{color:#000;}
.yumes_smart_cont .smart_box h2.title span{background-image:url(../images/main/title_dot2.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yumes_smart_cont .smart_box p.tit_s2{color:#000;}
.yumes_smart_cont .smart_box h2.title3 span{background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yumes_smart_cont .smart_list{overflow:hidden; margin:40px 0px 40px 0px;}
.yumes_smart_cont .smart_list .smart_cent{ float:left; width:210px; text-align:center; margin-left:30px;}
.yumes_smart_cont .smart_list .marx{margin-left:0;}
.yumes_smart_cont .smart_list .smart_cent dl{}
.yumes_smart_cont .smart_list .smart_cent dl dt{margin-top: 70px; margin-bottom:20px; height: 75px; font-size:16px; color:#fff; font-family: 'Nanum Gothic'; font-weight:700; padding:8px 0;}
/* .yumes_rnd_cont .rnd_list .rnd_cent1 dl dt{background-image:url(../images/main/yumes_main_ex_icon01.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent2 dl dt{background-image:url(../images/main/yumes_main_ex_icon02.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent3 dl dt{background-image:url(../images/main/yumes_main_ex_icon03.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent4 dl dt{background-image:url(../images/main/yumes_main_ex_icon04.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent5 dl dt{background-image:url(../images/main/yumes_main_ex_icon05.png); background-repeat:no-repeat; background-position:center 0 ;} */
.yumes_smart_cont .smart_list .smart_cent dl dd{font-size:16px; color:#626262; font-family: 'Nanum Gothic'; font-weight:700; padding-top:0px; margin-top:10px;}
.yumes_smart_cont .smart_list .smart_1 dl dd{background-image:url(../images/main/so_micon_01.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_smart_cont .smart_list .smart_2 dl dd{background-image:url(../images/main/so_micon_02.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_smart_cont .smart_list .smart_3 dl dd{background-image:url(../images/main/so_micon_03.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_smart_cont .smart_list .smart_4 dl dd{background-image:url(../images/main/so_micon_04.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_smart_cont .smart_list .smart_cent dl dd strong{font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:72px;}
.yumes_smart_cont .smart_list .smart_cent dl dd span{font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:40px; margin-left:10px;}
.yumes_smart_cont .smart_list{margin-top:30px;}
/* .yumes_smart_cont .smart_list a{margin:0 auto; position:relative; overflow:hidden; display:block; width:114px; padding:13px 50px 17px 50px; height:75px;  color:#fff; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:18px; background-image:url(../images/main/rnd_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.yumes_smart_cont .smart_list a span{display:block;color:#fff; position:absolute; top:15px; left:25px;}
.yumes_smart_cont .smart_list a span:after{content:''; margin-left:14px; display:inline-block; width:28px; height:8px; background:url(../images/main/rnd_more2.png) no-repeat 0 0;}
.yumes_smart_cont .smart_list a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:110%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/rnd_more_on.png) no-repeat 0 0;}
.yumes_smart_cont .smart_list a:hover span{color:#c4161c; }
.yumes_smart_cont .smart_list a:hover span:after{background:url(../images/main/rnd_more_on2.png) no-repeat 0 0; }
.yumes_smart_cont .smart_list a:hover:before{top:0; height:100%; background:url(../images/main/rnd_more_on.png) no-repeat 0 0; opacity:1;} */



/*yuMES 사례*/
.yumes_rnd_cont{background-color: #f4f2ec; background-repeat:no-repeat; background-position:center center ; background-size:cover; width:100%; padding-bottom:50px; /* height:730px; */overflow:hidden;}
.yumes_rnd_cont h2{margin:70px 0 20px 0;}
.yumes_rnd_cont .red_box{z-index:1; width:1180px; margin:0 auto; background-color:#f4f2ec; padding: 50px 0 50px 0;}
.yumes_rnd_cont .red_box h2{font-family: 'Rajdhani', sans-serif; font-size:58px; color:#fff; text-align:center; font-weight:500;}
.yumes_rnd_cont .red_box h2 span{font-size:40px;  background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; /* padding-right:17px; */}
.yumes_rnd_cont .red_box p.tit_s{color:#666666; font-size:20px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}
.yumes_rnd_cont .red_box h2.title{color:#000;}
.yumes_rnd_cont .red_box h2.title span{background-image:url(../images/main/title_dot2.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yumes_rnd_cont .red_box p.tit_s2{color:#000;}
.yumes_rnd_cont .red_box h2.title3 span{background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.yumes_rnd_cont .rnd_list{overflow:hidden; margin:40px 0px 40px 0px;}
.yumes_rnd_cont .rnd_list .rnd_cent{background-color:#fff; border:3px double #a2a2a2;/* border:3px double #0073a2; */ box-shadow: 2px 3px 5px 0px #dddddd; float:left; width:43%; text-align:center; margin-left:30px; padding:30px;}
.yumes_rnd_cont .rnd_list .marx{margin-left:0;}
.yumes_rnd_cont .rnd_list .rnd_cent dl{}
.yumes_rnd_cont .rnd_list .rnd_cent dl dt{border-bottom:1px solid; margin-top: 0px; margin-bottom:20px; /* height: 75px;  */font-size:17px; color:#3d3d3d; font-family: 'Nanum Gothic'; font-weight:700; padding:8px 0;}
/* .yumes_rnd_cont .rnd_list .rnd_cent1 dl dt{background-image:url(../images/main/yumes_main_ex_icon01.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent2 dl dt{background-image:url(../images/main/yumes_main_ex_icon02.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent3 dl dt{background-image:url(../images/main/yumes_main_ex_icon03.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent4 dl dt{background-image:url(../images/main/yumes_main_ex_icon04.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent5 dl dt{background-image:url(../images/main/yumes_main_ex_icon05.png); background-repeat:no-repeat; background-position:center 0 ;} */
.yumes_rnd_cont .rnd_list .rnd_cent dl dd{font-size:13px; color:#3d3d3d; font-family: 'Nanum Gothic'; font-weight:500; padding-top:0px; margin-top:10px; line-height:30px; text-alight:left;}
.yumes_rnd_cont .rnd_list .rnd_cent1 dl dd{background-image:url(../images/main/so_micon_01.png); background-repeat:no-repeat; background-position:center 0 ;}
.yumes_rnd_cont .rnd_list .rnd_cent2 dl dd{background-image:url(../images/main/so_micon_02.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_rnd_cont .rnd_list .rnd_cent3 dl dd{background-image:url(../images/main/so_micon_03.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_rnd_cont .rnd_list .rnd_cent4 dl dd{background-image:url(../images/main/so_micon_04.png); background-repeat:no-repeat; background-position:center 13px ;}
.yumes_rnd_cont .rnd_list .rnd_cent dl dd strong{font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:72px;}
.yumes_rnd_cont .rnd_list .rnd_cent dl dd span{font-family: 'Nanum Gothic', sans-serif; font-weight:500; font-size:15px; margin-left:10px; text-alight:left;}
.yumes_rnd_cont .rnd_more{margin-top:30px;}
.yumes_rnd_cont .rnd_more a{margin:0 auto; position:relative; overflow:hidden; display:block; width:114px; padding:13px 50px 17px 16px;height:20px;  color:#fff; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:18px; background-image:url(../images/main/rnd_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.yumes_rnd_cont .rnd_more a span{display:block;color:#fff; position:absolute; top:15px; left:25px;}
.yumes_rnd_cont .rnd_more a span:after{content:''; margin-left:14px; display:inline-block; width:28px; height:8px; background:url(../images/main/rnd_more2.png) no-repeat 0 0;}
.yumes_rnd_cont .rnd_more a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:110%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/rnd_more_on.png) no-repeat 0 0;}
.yumes_rnd_cont .rnd_more a:hover span{color:#c4161c; }
.yumes_rnd_cont .rnd_more a:hover span:after{background:url(../images/main/rnd_more_on2.png) no-repeat 0 0; }
.yumes_rnd_cont .rnd_more a:hover:before{top:0; height:100%; background:url(../images/main/rnd_more_on.png) no-repeat 0 0; opacity:1;}




/*인재채용*/
.care_cont{background-image:url(../images/main/care_bg.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover; width:100%; height:865px; overflow:hidden;}
.care_cont h2{margin:145px 0 0 0;}
.care_cont .care_list{overflow:hidden; margin-top:75px;}
.care_cont .care_list .rec_box{height:366px; float:left; width:274px; margin-left:21px;}
.care_cont .care_list .rec_box:hover{background-color:#c4161c;}
.care_cont .care_list .rec_box2{background-color:#878787;}
.care_cont .care_list .rec_box2 dd{padding-bottom:100px; background-image:url(../images/main/micon_05.png); background-repeat:no-repeat; background-position:center bottom ;}
.care_cont .care_list .rec_box3{background-color:#545454;}
.care_cont .care_list .rec_box3 dd{padding-bottom:100px; background-image:url(../images/main/micon_06.png); background-repeat:no-repeat; background-position:center bottom ;}
.care_cont .care_list .rec_box dl{ margin-top:64px;}
.care_cont .care_list .rec_box dl dt{font-family: 'Nanum Square'; font-size:32px; color:#fff; font-weight:700; text-align:center;}
.care_cont .care_list .rec_box dl dd{font-family: 'Nanum Gothic'; font-weight:400; font-size:16px; line-height:24px; color:#fff; text-align:center; margin-top:10px;}
.care_cont .care_list .rec_box dl dd span{display:block;}
.care_cont .care_list .rec_box a{text-align:center; display:block; width:21px; margin:30px auto 0; }
.care_cont .care_list .job{width:590px; position:relative; margin-left:0;}
.care_cont .care_list .job .job_box{position:absolute; top:0; right:55px;}
.care_cont .care_list .job a{margin:40px 0 0 300px; position:relative; overflow:hidden; height:20px;  display:block; width:115px; padding:10px 13px 10px 16px; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:16px; background-image:url(../images/main/r_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.care_cont .care_list .job a span{display:block;color:#fff; position:absolute; top:11px; left:11px;}
.care_cont .care_list .job a span:after{content:''; margin-left:14px; display:inline-block; width:20px; height:6px; background:url(../images/main/r_arrow.png) no-repeat 0 0;}
.care_cont .care_list .job a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:130%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/r_more_on.png) no-repeat 0 0;}
.care_cont .care_list .job a:hover span{color:#c4161c; }
.care_cont .care_list .job a:hover span:after{background:url(../images/main/r_arrow_on.png) no-repeat 0 0; }
.care_cont .care_list .job a:hover:before{top:0; height:100%; background:url(../images/main/r_more_on.png) no-repeat 0 0; opacity:1;}
.care_cont .care_list .job dl{margin:130px 0 0 280px;}



/*지속가능경영*/
.sus_cont{background-image:url(../images/main/sus_bg.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover; width:100%; height:873px; overflow:hidden;}
.sus_cont h2{margin:107px 0 0 0;}
.sus_cont .sus_list{margin-top:51px;}
.sus_cont .sus_list ul{overflow:hidden;}
.sus_cont .sus_list ul li{float:left; width:273px; position:relative; margin-left:29px;}
.sus_cont .sus_list ul li.marx{margin-left:0;}
.sus_cont .sus_list ul li h3{font-family: 'Nanum Square'; font-size:26px; color:#fff; font-weight:700; position:absolute; top:51px; left:35px;}
.sus_cont .sus_list ul li .sus_on{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/main/sus_bg2.png); background-repeat:repeat; background-position:0 0 ;}
.sus_cont .sus_list ul li .sus_on dl{ padding:51px 0 0 35px; background-image:url(../images/main/su_on.png); background-repeat:no-repeat; background-position:9px top ;}
.sus_cont .sus_list ul li .sus_on dl dt{font-family: 'Nanum Square'; font-size:26px; color:#fff; font-weight:700; }
.sus_cont .sus_list ul li .sus_on dl dd{font-family: 'Nanum Gothic'; font-weight:700; font-size:14px; color:#fff; line-height:24px; margin-top:15px;}
.sus_cont .sus_list ul li .sus_on dl dd span{display:block;}
.sus_cont .sus_list ul li .sus_on a{margin:61px 0 0 35px; position:relative; overflow:hidden; height:20px;  display:block; width:115px; padding:10px 13px 10px 16px; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:16px; background-image:url(../images/main/r_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.sus_cont .sus_list ul li .sus_on a span{display:block;color:#fff; position:absolute; top:11px; left:11px;}
.sus_cont .sus_list ul li .sus_on a span:after{content:''; margin-left:14px; display:inline-block; width:20px; height:6px; background:url(../images/main/r_arrow.png) no-repeat 0 0;}
.sus_cont .sus_list ul li .sus_on a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:130%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/r_more_on.png) no-repeat 0 0;}
.sus_cont .sus_list ul li .sus_on a:hover span{color:#c4161c; }
.sus_cont .sus_list ul li .sus_on a:hover span:after{background:url(../images/main/r_arrow_on.png) no-repeat 0 0; }
.sus_cont .sus_list ul li .sus_on a:hover:before{top:0; height:100%; background:url(../images/main/r_more_on.png) no-repeat 0 0; opacity:1;}

.sus_cont .sus_list ul li .web_img{}
.sus_cont .sus_list ul li .mob_img{display:none;}

/*스마트팩토기 흰색*/
.global_cont{background-color:#f1f1f1; width:100%; height:850px; overflow:hidden; padding-top:117px;}
.global_cont .g_map{margin-top:25px; text-align:center;}
.global_cont .g_map img{border:1px solid red; margin-top:25px; text-align:center;}
.global_cont .g_map .tab_img{display:none;}
.global_cont .global_more{}
.global_cont .global_more a{margin:0 auto; position:relative; overflow:hidden; display:block; width:114px; padding:13px 50px 17px 16px;height:20px;  color:#666666; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:18px; background-image:url(../images/main/so_global_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.global_cont .global_more a span{display:block;color:#666; position:absolute; top:15px; left:25px;}
.global_cont .global_more a span:after{content:''; margin-left:14px; display:inline-block; width:28px; height:8px; background:url(../images/main/g_arrow.png) no-repeat 0 0;}
.global_cont .global_more a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:110%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/global_more_on.png) no-repeat 0 0;}
.global_cont .global_more a:hover span{color:#fff; }
.global_cont .global_more a:hover span:after{background:url(../images/main/g_arrow_on.png) no-repeat 0 0; }
.global_cont .global_more a:hover:before{top:0; height:100%; background:url(../images/main/global_more_on.png) no-repeat 0 0; opacity:1;}

/*스마트팩토리 검정*/
.cont_box1{width:1180px; height:10px; margin:0 auto;}
.cont_box1 h2{font-family: 'Rajdhani', sans-serif; font-size:58px; color:#ffffff; text-align:center; font-weight:500;}
.cont_box1 h2 span{font-size:40px; background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.cont_box1 p.tit_s{color:#0c0c0c; font-size:20px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}

.cont_box1 h2.title{color:#fff;}
.cont_box1 h2.title span{background-image:url(../images/main/title_dot2.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}
.cont_box1 p.tit_s2{color:#fff;}

.cont_box1 h2.title3 span{background-image:url(../images/main/title_dot.png); background-repeat:no-repeat; background-position:right 49px ; padding-right:17px;}

.global_cont1{background-color:#fff; width:100%; height:850px; overflow:hidden; padding-top:117px;}
.global_cont1 .g_map{margin-top:25px; text-align:center;}
.global_cont1 .g_map .tab_img{display:none;}
.global_cont1 .global_more{}
.global_cont1 .global_more a{margin:0 auto; position:relative; overflow:hidden; display:block; width:114px; padding:13px 50px 17px 16px;height:20px;  color:#ffffff; font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:18px; background-image:url(../images/main/so_global_more.png); background-repeat:no-repeat; background-position:0 0 ;}
.global_cont1 .global_more a span{display:block;color:#666; position:absolute; top:15px; left:25px;}
.global_cont1 .global_more a span:after{content:''; margin-left:14px; display:inline-block; width:28px; height:8px; background:url(../images/main/g_arrow.png) no-repeat 0 0;}
.global_cont1 .global_more a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:110%; bottom:0; left:0; right:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background:url(../images/main/so_global_more_on.png) no-repeat 0 0;}
.global_cont1 .global_more a:hover span{color:#fff; }
.global_cont1 .global_more a:hover span:after{background:url(../images/main/g_arrow_on.png) no-repeat 0 0; }
.global_cont1 .global_more a:hover:before{top:0; height:100%; background:url(../images/main/so_global_more_on.png) no-repeat 0 0; opacity:1;}



#main .quick { position:fixed; top:290px; right:100px; z-index:100;}
#main .quick div { height:100%; line-height:66px; padding:0; margin-bottom:20px; text-align:right;}
#main .quick div a {display:block; height:100%; background:url("../images/main/so_page_off.png") no-repeat right center; *font-size:0px;*color:transparent;*overflow:hidden;*white-space: nowrap;}
#main .quick div a span{display:none; margin-right:13px;}
#main .quick div a.on {background:url("../images/main/so_page_on.png") no-repeat right center;}
#main .quick div a.on span{display:block;}