@charset "utf-8";

/*서브 타이틀*/
.top_title{border-bottom:1px solid #cccccc; height:470px; background-image:url(../images/sub/yumes_customer_img01.png); background-repeat:no-repeat; background-position:center center ; background-size:cover; overflow:hidden;}
.top_title .top_txt{/* border-bottom:1px solid #cccccc; */z-index:999;  margin:230px 0 0 0; }
.top_title .top_txt dl{}
.top_title .top_txt dl dt{ font-size:35px; color:#fff; font-weight:700; text-align:center; padding-bottom:10px;}
.top_title .top_txt dl dd{ font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:20px; color:#fff; text-align:center; letter-spacing:7px; margin:8px 0 0 7px; }

#header.on{position: absolute; z-index: 9999; margin:0 auto; top:37px; width: 100%; background-image:none;}


/*서브 서브메뉴*/
.sub_menu2{width:100%; height:57px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; display: none;}
.sub_menu2 .sub_menu_box{width:1180px; margin:0 auto; position:relative; z-index:99999;}
.sub_menu2 .sub_menu_box ul{overflow:hidden;}
.sub_menu2 .sub_menu_box ul li{float:left; font-family: 'Nanum Gothic'; font-weight:400; font-size:15px; line-height:57px; border-right:1px solid #dadada;}
.sub_menu2 .sub_menu_box ul li a{ color:#666; display:block; width:165px; padding-left:25px; background-image:url(../images/sub/st_arrow_off.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2 .sub_menu_box ul li a.on{background-image:url(../images/sub/st_arrow_off2.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2 .sub_menu_box ul li.home{line-height:57px; border-left:1px solid #dadada;}
.sub_menu2 .sub_menu_box ul li.home a{width:59px; text-align:center; padding-left:0;}
.sub_menu2 .sub_menu_box ul li.share{float:right; border-left:1px solid #dadada; width:132px; text-align:center;}
.sub_menu2 .sub_menu_box ul li.share a{width:114px; padding-left:18px; background-image:url(../images/sub/share.png); background-repeat:no-repeat; background-position:25px center ; background-size:20px 20px;}
.sub_menu2 .sub_menu_box ul li.on{display: block;}
.sub_menu2 .sub_menu_box ul li.on a{color:#182430; background-image:url(../images/sub/st_arrow_on.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2 .sub_menu_box ul li a.menu_t2.on{background-image:url(../images/sub/st_arrow_on3.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2 .sub_menu_box ul li.s_sub ul{border-left:1px solid #dadada; border-bottom:1px solid #dadada; margin-left:-1px; display:none;}
.sub_menu2 .sub_menu_box ul li.s_sub ul.on{display:block;}
.sub_menu2 .sub_menu_box ul li.s_sub ul li{float:none; border-right:none; line-height:52px; background-color:#fff;}
.sub_menu2 .sub_menu_box ul li ul.s_menu2 li{background-color:#182430;}
.sub_menu2 .sub_menu_box ul li.s_sub ul li a{ color:#666; display:block; width:165px; height:50px; background-image:none;}
.sub_menu2 .sub_menu_box ul li.s_sub ul li a:hover{color:#fff; background-color:#182430;}
.sub_menu2 .sub_menu_box ul li.share .share_box{width:179px; height:68px; background-image:url(../images/sub/share_bg.png); background-repeat:no-repeat; background-position:0 0 ; overflow:hidden; position:absolute; top:49px; right:0; display:block;}
.sub_menu2 .sub_menu_box ul li.share .share_box a{display:block; float:left; margin:9px 0 0 13px; width:auto; padding:0; background-image:none;}
.sub_menu2 .sub_menu_box ul li.share .share_box a img{width:30px; height:30px;}
.sub_menu2 .sub_menu_box ul li.share .share_box a.fb{margin:9px 0 0 33px;}
.sub_menu2_fix { width:100%; height:50px; display:none }
.sub_menu2.on{position:fixed;left:0; top:0;  background: #182430; border-bottom: 1px solid #CCCCCC; -webkit-transition: 0.3s;  transition: 0.3s; z-index:9999; display: block;}
.sub_menu2.on .sub_menu_box ul li{border-right:1px solid #CCCCCC;}
.sub_menu2.on .sub_menu_box ul li.home{border-left:1px solid #CCCCCC;}
.sub_menu2.on .sub_menu_box ul li a{color:#fff; background-image:url(../images/sub/st_arrow_on2.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2.on .sub_menu_box ul li a.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:150px center ;}
.sub_menu2.on .sub_menu_box ul li.share{border-left:1px solid #CCCCCC;}
.sub_menu2.on .sub_menu_box ul li.share a{background-image:url(../images/sub/share_on.png); background-repeat:no-repeat; background-position:25px center ;}
.sub_menu2.on .sub_menu_box ul li.s_sub ul{background-color:#182430; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.sub_menu2.on .sub_menu_box ul li.s_sub ul li{background-color:#182430;}
.sub_menu2.on .sub_menu_box ul li.s_sub ul li a{color:#fff; background-image:none;}
.sub_menu2.on .sub_menu_box ul li.s_sub ul li a:hover{background-color:#2A3D7E;}
.sub_menu2.on .sub_menu_box ul li.on a.menu_t2.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:150px center ;}


/*yuMES사례*/
h3.yumes_ex_title1 span {display:inline; font-weight:500; color:#222;}
h3.yumes_ex_title1 span .black2{display:inline;}

.yumes_ex_title{background-image:url(../images/sub/yumes_example_img01.png);}
 
.yumes_ex_cont{margin:0px 0 100px;}
.yumes_ex_cont .job_tab{margin:0px 0 30px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background-repeat: no-repeat; background-position: center center; height: 58px;}
.yumes_ex_cont .job_tab ul{overflow:hidden;}
.mob_tab_box{display:none;}
.yumes_ex_cont .job_tab ul li{float:left; width:234.5px; text-align:center; border-right:1px solid #dadada;}
.yumes_ex_cont .job_tab ul li:hover{background:#16232f; background-repeat: no-repeat; background-position: 0 center;}
.yumes_ex_cont .job_tab ul li:hover a{color:#fff;}
.yumes_ex_cont .job_tab ul li a{color:#222;display: block; font-size: 16px; color: #222; font-family: 'Nanum Gothic'; font-weight: 700; padding: 19px 0 20px;}
.yumes_ex_cont .job_tab ul li.on{border-right: 1px solid #dadada; background:#16232f; background-repeat: no-repeat; background-position: 0 center;}
.yumes_ex_cont .job_tab ul li.on a{color:#fff;}
.yumes_ex_cont .job_tab ul li.barx{border-right:none; widt: 236px;}


.yumes_ex_box{/* margin:100px 0 130px; */ margin:50px 0 50px; overflow:hidden;}
.yumes_ex_box .yumes_ex_txt{text-align:center; padding: 40px 60px;  margin-top:20px;  border: 2px solid #477dc1; }
.yumes_ex_box .yumes_ex_txt .v_txt1{float:left; color:#2a509d; font-size:25px; font-family: 'Nanum Gothic'; font-weight:600; margin:20px 50px 20px 20px; line-height: 50px;}
.yumes_ex_box .yumes_ex_txt .v_txt2{text-align: left; font-size:18px; color:#222; font-family: 'Nanum Gothic', sans-serif; font-weight:300; line-height:40px; padding-top:0px;}
.yumes_ex_box .v_txt3{color:#666; font-size:17px; line-height:32px; text-align:left; margin-top:750px;}
.yumes_ex_box .v_txt3 span{display:block;}

.yumes_ex_cont .yumes_ex_box1{text-align:center; margin-top:20px;}
.yumes_ex_cont .yumes_ex_box2{margin-top:50px; /* background-image: url(../images/sub/so_vi_bg2.png);  */background-repeat: no-repeat; background-position: 0 center; }
.yumes_ex_cont .yumes_ex_box2 .vi_txt{text-align:center; padding:19px 0;  margin-top:20px;}
.yumes_ex_cont .yumes_ex_box2 .vi_txt .v_txt1{color:#2a509d; font-size:31px; font-family: 'Nanum Gothic'; font-weight:600; padding-top:26px;}
.yumes_ex_cont .yumes_ex_box2 .vi_txt .v_txt2{font-size:29px; color:#222; font-family: 'Rajdhani', sans-serif; font-weight:300; line-height:95px;}
.yumes_ex_cont .yumes_ex_box2 .v_txt3{color:#666; font-size:17px; line-height:32px; text-align:left; margin-top:15px;}
.yumes_ex_cont .yumes_ex_box2 .v_txt3 span{display:block;}

.yumes_ex_cont .yumes_ex_box3{/* background-image:url(../images/sub/yumes_ex_01_bg.png); */ background-repeat:no-repeat; background-position:center center ; background-size:cover; height:auto; overflow:hidden;}
.yumes_ex_cont .yumes_ex_box3 h3{color:#fff; margin-top:72px;}
.yumes_ex_cont .yumes_ex_box3 .yumes_ex_mot{text-align:center; margin-top:20px;}

.yumes_ex_box3{background-image:url(../images/sub/vi_bg6.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover; height:502px; overflow:hidden;}
.yumes_ex_box3 h3{color:#fff; margin-top:72px;}
.yumes_ex_box3 .vi_mot{text-align:center; margin-top:40px;}

.yumes_ex_box4{/* margin:73px 0 150px; */ margin:0px 0 0px; overflow:hidden;}
.yumes_ex_box4 .vi_cat{background-image:url(../images/sub/vi_bg3.png); background-repeat:no-repeat; background-position:center center ; padding:20px 0; margin-top:20px;}
.yumes_ex_box4 .vi_cat p{color:#666; font-size:45px; text-align:center; font-weight:700;}
.yumes_ex_box4 .vi_cat p span{font-family: 'Nanum Gothic'; }
.yumes_ex_box4 .vi_cat p span.mar{ margin-left:15px;}
.yumes_ex_box4 .vi_cat p span.cat1{color:#222;}
.yumes_ex_box4 .vi_cat p span.cat2{color:#c4161c;}
.yumes_ex_box4 .cat_list{margin-top:58px;}
.yumes_ex_box4 .cat_list .cat_box{float:left;/* width:531px;  border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:25px 11px; */}
.yumes_ex_box4 .cat_list .cat_box img{width: 450px; height:300px; border-top:1px solid #fff;  border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; box-shadow: 10px 10px 0px #466b99;}
.yumes_ex_box4 .cat_list .cat_box2{margin-top: 10px; float:right; height:220px; background-color:#f4f4f4; border-top:1px solid #466b99; border-bottom:1px solid #466b99;/* border: 2px solid #ccc; */ padding:40px; width:580px;}
.yumes_ex_box4 .cat_list .cat_box dl{}
.yumes_ex_box4 .cat_list .cat_box dl dt{color:#666; font-size:20px; font-weight:700; padding-bottom:18px; margin-bottom:18px; background-image:url(../images/sub/vi_bg5.png); background-repeat:no-repeat; background-position:0 bottom ;}
.yumes_ex_box4 .cat_list .cat_box dl dt span{font-family: 'Nanum Gothic'; }
.yumes_ex_box4 .cat_list .cat_box dl dt span.cat3{color:#222;}
.yumes_ex_box4 .cat_list .cat_box dl dt span.cat4{color:#2a50aa;}
.yumes_ex_box4 .cat_list .cat_box dl dd{color:#666; font-size:16px; line-height:30px; font-family: 'Nanum Gothic'; font-weight:400; }
.yumes_ex_box4 .cat_list .cat_box dl dd span{display:block;}

.yumes_ex_box5{background-image:url(../images/sub/vi_bg6.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover; height:502px; overflow:hidden;}
.yumes_ex_box5 h3{color:#fff; /* margin-top:72px; */}
.yumes_ex_box5 .yumes_ex_mot{text-align:center; /* margin-top:20px; */}
.yumes_ex_box5 .yumes_ex_mot img{width:-webkit-fill-available;}

.yumes_ex_box5{margin:10px 0 150px; /*margin:73px 0 150px; */ overflow:hidden; width:100%; height:100%; /* border:1px solid #a1a1a1; */  border:3px double #a1a1a1; box-shadow: 1px 2px 6px #ccc;}
.yumes_ex_box5 .vi_cat{background-image:url(../images/sub/vi_bg3.png); background-repeat:no-repeat; background-position:center center ; padding:20px 0; margin-top:20px;}
.yumes_ex_box5 .vi_cat p{color:#666; font-size:45px; text-align:center; font-weight:700;}
.yumes_ex_box5 .vi_cat p span{font-family: 'Nanum Gothic'; }
.yumes_ex_box5 .vi_cat p span.mar{ margin-left:15px;}
.yumes_ex_box5 .vi_cat p span.cat1{color:#222;}
.yumes_ex_box5 .vi_cat p span.cat2{color:#c4161c;}
.yumes_ex_box5 .cat_list{margin-top:58px;}
.yumes_ex_box5 .cat_list .cat_box{float:left;/* width:531px;  border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:25px 11px; */}
.yumes_ex_box5 .cat_list .cat_box img{width: 450px; height:300px; border-top:1px solid #fff;  border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; box-shadow: 10px 10px 0px #466b99;}
.yumes_ex_box5 .cat_list .cat_box2{margin-top: 10px; float:right; height:220px; background-color:#f4f4f4; border-top:1px solid #466b99; border-bottom:1px solid #466b99;/* border: 2px solid #ccc; */ padding:40px; width:580px;}
.yumes_ex_box5 .cat_list .cat_box dl{}
.yumes_ex_box5 .cat_list .cat_box dl dt{color:#666; font-size:23px; font-weight:700; padding-bottom:18px; margin-bottom:18px; background-image:url(../images/sub/vi_bg5.png); background-repeat:no-repeat; background-position:0 bottom ;}
.yumes_ex_box5 .cat_list .cat_box dl dt span{font-family: 'Nanum Gothic'; }
.yumes_ex_box5 .cat_list .cat_box dl dt span.cat3{color:#222;}
.yumes_ex_box5 .cat_list .cat_box dl dt span.cat4{color:#2a50aa;}
.yumes_ex_box5 .cat_list .cat_box dl dd{color:#666; font-size:16px; line-height:30px; font-family: 'Nanum Gothic'; font-weight:400; }
.yumes_ex_box5 .cat_list .cat_box dl dd span{display:block;}

.yumes_ex_cont .job_list{}
.yumes_ex_cont .job_list2 .job_img img{width:auto; margin: auto; display: block; padding: 60px 30px;}
.yumes_ex_cont .job_list2 .job_info{overflow:hidden; margin-bottom: 30px;}
.yumes_ex_cont .job_list2 .job_info h4{font-size:30px; color:#222; font-family: 'Nanum Square'; font-weight:500; text-align:center; margin-top:100px; margin-bottom:20px;}
.yumes_ex_cont .job_list2 .job_info h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}
.yumes_ex_cont .job_list2 .job_info .job_box{margin-top:20px; width:525px; padding:0 0 0 48px; height:135px; float:left; border:1px solid #b4b4b4; /* border-top:2px solid #2a3d7e; */ border-bottom:1px solid #295791; background-repeat: no-repeat; background-position: 31px 84px;}
.yumes_ex_cont .job_list2 .job_info .job_box2{margin-left:29px;}
.yumes_ex_cont .job_list2 .job_info .job_box h5{color:#222; font-weight:700; font-size:22px; margin:35px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box p{color:#666; font-size:16px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; /* padding-left:113px; */ }
.yumes_ex_cont .job_list2 .job_info .job_box p span{display:block;}

.yumes_ex_cont .job_list2 .job_info .job_box3{margin-top:20px; width:525px; padding:0 15px 0 33px; height:160px; float:left; border:1px solid #b4b4b4; /* border-top:2px solid #2a3d7e; */ border-bottom:1px solid #295791; background-repeat: no-repeat; background-position: 31px 84px;}
.yumes_ex_cont .job_list2 .job_info .job_box3 h5{color:#222; font-weight:700; font-size:22px; margin:35px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box3 p{color:#666; font-size:16px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; /* padding-left:113px; */ }
.yumes_ex_cont .job_list2 .job_info .job_box3 p span{display:block;}

.yumes_ex_cont .job_list2 .job_info .job_box4{margin-top:20px; width:525px; padding:0 15px 0 33px; height:190px; float:left; border:1px solid #b4b4b4; /* border-top:2px solid #2a3d7e; */ border-bottom:1px solid #295791; background-repeat: no-repeat; background-position: 31px 84px;}
.yumes_ex_cont .job_list2 .job_info .job_box4 h5{color:#222; font-weight:700; font-size:22px; margin:35px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box4 p{color:#666; font-size:16px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; /* padding-left:113px; */ }
.yumes_ex_cont .job_list2 .job_info .job_box4 p span{display:block;}

.yumes_ex_cont .job_list2 .job_info .job_bg1{background-image: url(../images/sub/so_solution_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg2{background-image: url(../images/sub/so_solution_icon2.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg3{background-image: url(../images/sub/so_solution_icon3.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg4{background-image: url(../images/sub/so_solution_icon4.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg5{background-image: url(../images/sub/so_solution_cad_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg6{background-image: url(../images/sub/so_solution_cad_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg7{background-image: url(../images/sub/so_solution_cad_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg8{background-image: url(../images/sub/so_solution_cad_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg9{background-image: url(../images/sub/so_solution_cad_icon1.png);}
.yumes_ex_cont .job_list2 .job_info .job_bg10{background-image: url(../images/sub/so_solution_cad_icon1.png);}


.yumes_ex_cont .video_bg{
	margin-bottom:-53px;
}

.yumes_ex_cont .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; */
}
.yumes_ex_cont .video_bg .video-container{
	width: -webkit-fill-available;
	height: 100%;	
	object-fit:cover;
	position: relative;
}



/*카달로그*/
.pr_cont .catalog{border-bottom:none;}


/*ci소개*/
h3.sub_title{font-family: 'Nanum Square'; font-size:31px; color:#222; text-align:center; font-weight:400; padding-bottom:30px; padding-top:100px;}
h3.sub_title span{background-repeat:no-repeat; background-position:center 0 ; padding-top:90px;}
h3.sub_title strong{color:#2a509d;font-weight:600;}
h3.sub_title span.mob_db{padding:0; background-image:none;}


/*yuMES 주요고객사*/
.sub_cont{width:1180px; margin:0 auto;}
.com_cont .join_box1{padding:100px 0; /* border-bottom:1px solid #dadada; */}
.com_cont .join_box1 h4{font-family: 'Nanum Square'; font-size:30px; color:#183240;  margin:4px 0 0 4px; text-align:center;}
.com_cont .join_box1 h4 span{padding-right:0px;}
.com_cont .join_box1 p{color:#183240; font-size:18px; line-height:30px; text-align:center; margin:30px 0 70px 0px; font-family: 'Nanum Gothic'; font-weight:400; word-break:keep-all;}
.com_cont .join_box1 p span{display:block;}
.com_cont .join_box1 ul{width:1024px; margin:0px auto 0;}
.com_cont .join_box1 ul img{position:relative; margin:0px 0px 20px 0px; width:100%;}
.com_cont .join_box1 ul li{color:#222; padding-right:27px; background:url(../images/sub/join_bg5.jpg) no-repeat right center;}
.com_cont .join_box1 ul li span{background:url(../images/sub/join_bg3.jpg) no-repeat 0 0; width:323px; padding:33px 0 30px;}
.com_cont .join_box1 ul li.bg2 span{background:url(../images/sub/join_bg4.jpg) no-repeat 0 0;}
.com_cont .join_box1 ul li.bgx{background:none; padding-right:0;}
.com_cont .join_box1 .image_box{text-align:center; width:1180px; margin:0px;}
.com_cont .join_box1 .image_box img{width: initial; margin:8px; padding:0px;  border:1px solid #c1c1c1;}



/*사례*/

.ex_cont{margin:73px 0 100px;}
.ex_cont .ex_tab{margin:66px 0 30px; border:1px solid #dadada; background-repeat: no-repeat; background-position: center center; height: 58px;}
.ex_cont .ex_tab ul{overflow:hidden;}
.mob_tab_box{display:none;}
.ex_cont .ex_tab ul li{float:left; width:588.9px; text-align:center; border-right:1px solid #dadada;}
.ex_cont .ex_tab ul li:hover{background:#003048; background-repeat: no-repeat; background-position: 0 center;}
.ex_cont .ex_tab ul li:hover a{color:#fff;}
.ex_cont .ex_tab ul li a{color:#222;display: block; font-size: 16px; color: #222; font-family: 'Nanum Gothic'; font-weight: 700; padding: 19px 0 20px;}
.ex_cont .ex_tab ul li.on{border-right: 1px solid #dadada; background:#003048; background-repeat: no-repeat; background-position: 0 center;}
.ex_cont .ex_tab ul li.on a{color:#fff;}
.ex_cont .ex_tab ul li.barx{border-right:none; widt: 590.1px;}

.ex_title{background-image:url(../images/sub/pro_bg.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover;}
.ex_tab ul li{width:196.5px; box-sizing:border-box;}
.ex_tab ul li:hover{background-image: url(../images/sub/pre_bg.png);}
.ex_tab ul li.on{background-image: url(../images/sub/pre_bg.png);}

.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: 10px; 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 30px 33px; float:left; border: 3px double #b7b7b7;/* border-bottom:1px solid #2a3d7e; border-left:1px solid #2a3d7e; border-right:1px solid #2a3d7e; border-top:2px solid #2a3d7e; */ box-shadow: 2px 3px 5px 0px #dddddd; background-position: 100px 12px; background-repeat: no-repeat; }
.ex_cont .ex_list .ex_info .ex_box2{}

.ex_cont .ex_list .ex_info .ex_box h5{color:#222; font-weight:700; font-size:20px; margin:0px 0 15px 270px;}
.ex_cont .ex_list .ex_info .ex_box p{color:#666; font-size:15px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding-left:100px; }
.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/sub/linkyu_ex_image01.png);}
.ex_cont .ex_list .ex_info .ex_bg2{background-image: url(../images/sub/linkyu_ex_com_img03.png);}
.ex_cont .ex_list .ex_info .ex_bg3{background-image: url(../images/sub/linkyu_ex_com_img02.png);}
.ex_cont .ex_list .ex_info .ex_bg4{background-image: url(../images/sub/linkyu_ex_com_img04.png);}
.ex_cont .ex_list .ex_info .ex_bg5{background-image: url(../images/sub/linkyu_ex_com_img05.png);}
.ex_cont .ex_list .ex_info .ex_bg6{background-image: url(../images/sub/linkyu_ex_com_img06.png);}
.ex_cont .ex_list .ex_info .ex_bg7{background-image: url(../images/sub/ex_com_img07.png);}
.ex_cont .ex_list .ex_info .ex_bg8{background-image: url(../images/sub/ex_com_img08.png);}
.ex_cont .ex_list .ex_info .ex_bg9{background-image: url(../images/sub/ex_com_img09.png);}
.ex_cont .ex_list .ex_info .ex_bg10{background-image: url(../images/sub/ex_com_img10.png);}

.ex_cont .ex_list .ex_info .ex_ty_bg1{background-image: url(../images/sub/linkyu_pc_img01.gif);}
.ex_cont .ex_list .ex_info .ex_ty_bg2{background-image: url(../images/sub/linkyu_pc_img02.gif);}
.ex_cont .ex_list .ex_info .ex_ty_bg3{background-image: url(../images/sub/ex_type_img03.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg4{background-image: url(../images/sub/ex_type_img04.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg5{background-image: url(../images/sub/ex_type_img05.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg6{background-image: url(../images/sub/ex_type_img06.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg7{background-image: url(../images/sub/ex_type_img07.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg8{background-image: url(../images/sub/ex_type_img08.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg9{background-image: url(../images/sub/ex_type_img09.png);}
.ex_cont .ex_list .ex_info .ex_ty_bg10{background-image: url(../images/sub/ex_type_img10.png);}

.ex_cont .ex_list .ex_info1 {overflow:hidden; padding-top: 150px; padding-left:0%;}
.ex_cont .ex_list .ex_info1 h4{font-size:30px; color:#2a3d7e; font-family: 'Nanum Square'; font-weight:600; text-align:center; padding-bottom:20px;}
.ex_cont .ex_list .ex_info1 h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}

.ex_cont .ex_list .ex_info1 .ex_box1{margin-top:30px; width:92%; padding:60px 15px 60px 53px;  float:left; border-bottom:1px solid #2a3d7e; border-left:1px solid #2a3d7e; border-right:1px solid #2a3d7e; border-top:2px solid #2a3d7e;  box-shadow: 2px 3px 5px 0px #dddddd; background-position: 140px center; background-repeat: no-repeat; }
.ex_cont .ex_list .ex_info1 .ex_box1 h5{color:#222; font-weight:700; font-size:20px; margin:0px 0 15px 380px;}
.ex_cont .ex_list .ex_info1 .ex_box1 p{color:#666; font-size:15px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding-left:380px; }
.ex_cont .ex_list .ex_info1 .ex_box1 p span{display:block; padding-left:43px;}


.ex_cont .ex_list .ex_info1 .exx_bg1{background-image: url(../images/sub/linkyu_ex_image01.png);}
.ex_cont .ex_list .ex_info1 .exx_bg2{background-image: url(../images/sub/linkyu_ex_image02.png);}
.ex_cont .ex_list .ex_info1 .exx_bg3{background-image: url(../images/sub/linkyu_ex_image03.png);}
.ex_cont .ex_list .ex_info1 .exx_bg4{background-image: url(../images/sub/linkyu_ex_image04.png);}
.ex_cont .ex_list .ex_info1 .exx_bg5{background-image: url(../images/sub/linkyu_ex_image05.png);}


/*yuMES 특징*/
h3.yumes_title1 span {display:inline; line-height: 2; font-size:25px; font-family: 'Nanum Square'; font-weight:500; color:#222;}
h3.yumes_title1 span .black2{display:inline;}

.mes_modul_title{background-image:url(../images/sub/yumes_modules_img01.png);}
.yumes_cont .vi_box1{text-align:center; margin-top:40px;}


/*yuMES 20240821 s*/
.yumes_cont .job_list_n{}
.yumes_cont .job_list_n .job_img img{width:auto; margin: auto; display: block; padding: 60px 30px;}
.yumes_cont .job_list_n .job_info{overflow:hidden; margin:auto 10% 100px 13%}
.yumes_cont .job_list_n .job_info h4{font-size:30px; color:#222; font-family: 'Nanum Square'; font-weight:700; text-align:center;}
.yumes_cont .job_list_n .job_info h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}
.yumes_cont .job_list_n .job_info .job_box{box-shadow: 2px 3px 6px 0px #ccc; margin-top:30px; width:820px; padding:0 15px 0 33px; height:210px; float:left; border:3px double #9d9d9d; /* border-top:2px solid #2a3d7e; border-bottom:1px solid #16232f; */ background-repeat: no-repeat; background-position: 31px 64px;}
.yumes_cont .job_list_n .job_info .job_box2{margin-left:29px;}
.yumes_cont .job_list_n .job_info .job_box h5{text-align: center; color:#222; font-weight:700; font-size:22px; margin:35px 0 15px;}
.yumes_cont .job_list_n .job_info .job_box p{color:#666; font-size:16px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding-left:113px; }
.yumes_cont .job_list_n .job_info .job_box p span{display:block;}
.yumes_cont .job_list_n .job_info .job_bg1{background-image: url(../images/sub/so_solution_mes_icon1.png);}
.yumes_cont .job_list_n .job_info .job_bg2{background-image: url(../images/sub/so_solution_mes_icon2.png);}
.yumes_cont .job_list_n .job_info .job_bg3{background-image: url(../images/sub/so_solution_mes_icon3.png);}
.yumes_cont .job_list_n .job_info .job_bg4{background-image: url(../images/sub/so_solution_mes_icon4.png);}
.yumes_cont .job_list_n .job_info .job_bg5{background-image: url(../images/sub/so_solution_mes_icon5.png);}



.yumes_cont .vi_box1 .mob_img{display:none;}
.yumes_cont .vi_box1 .tab_img{display:none;}
.yumes_cont .vi_box1 .v_txt3{font-weight:500;  border-radius: 10px; background-color:#eef8fb; border:1px solid #2a3d7e; color:#454545; font-size:17px; line-height:32px; text-align:center; margin-top:50px; padding:20px;}
.yumes_cont .vi_box1 .v_txt3 span{display:block;}

.yumes_cont .vi_box1 .visual_txt{width:100%; margin:0px auto 0 0; padding-bottom: 0px; text-align:center;}

.yumes_cont .vi_box1 .visual_txt .video_bg{
	/* margin-bottom:-53px; */
}

.yumes_cont .vi_box1 .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; */
}
.yumes_cont .vi_box1 .visual_txt .video_bg .video-container{
	width: -webkit-fill-available;
	height: 100%;	
	object-fit:cover;
	position: relative;
}

    
.yumes_cont .vi_box .ex_list2 .ex_info .ex_bg1 span{display:inline; padding:10px; background-image: url(../images/sub/arrow1.gif); background-position:center; background-repeat: no-repeat;} 
.yumes_cont .vi_box .ex_list2 .ex_info .ex_bg1 br{display:none;}

.yumes_cont .vi_box2{margin-top:50px; /* background-image: url(../images/sub/so_vi_bg2.png);  */background-repeat: no-repeat; background-position: 0 center; }
.yumes_cont .vi_box2 .vi_txt{text-align:center; padding:19px 0;  margin-top:20px;}
.yumes_cont .vi_box2 .vi_txt .v_txt1{color:#222; font-size:30px; font-family: 'Nanum Gothic'; font-weight:500; padding-top:26px;}
.yumes_cont .vi_box2 .vi_txt .v_txt2{font-size:32px; color:#2a509d; font-family: 'Rajdhani', sans-serif; font-weight:500; line-height:95px;}
.yumes_cont .vi_box2 .v_txt3{color:#666; font-size:17px; line-height:32px; text-align:center; margin-top:15px;}
.yumes_cont .vi_box2 .v_txt3 span{display:block;}

.vi_box3{background-image:url(../images/sub/vi_bg6.jpg); background-repeat:no-repeat; background-position:center center ; background-size:cover; height:502px; overflow:hidden;}
.vi_box3 h3{color:#fff; margin-top:72px;}
.vi_box3 .vi_mot{text-align:center; margin-top:40px;}

.yumes_cont .ex_list{}
.yumes_cont .ex_list .job_img img{margin: auto; display: block; padding: 70px 0px 30px 0px;}
.yumes_cont .ex_list .ex_info{overflow:hidden; padding-top: 50px; /* padding-left:10%; */}
.yumes_cont .ex_list .ex_info h4{font-size:30px; color:#2a3d7e; font-family: 'Nanum Square'; font-weight:600; text-align:center;}
.yumes_cont .ex_list .ex_info h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}
.yumes_cont .ex_list .ex_info .ex_box{margin-top:30px; width:95%; padding:0 15px 0 33px; height:520px; float:left; /* border-bottom:1px solid #1b3e63; border-left:1px solid #1b3e63; border-right:1px solid #1b3e63;  border-top:1px solid #1b3e63; */box-shadow: 2px 3px 5px 0px #dddddd; background-color:#e9f6f9; background-position: 23px 35px; background-repeat: no-repeat; }
.yumes_cont .ex_list .ex_info .ex_box2{}

.yumes_cont .ex_list .ex_info .ex_box h5{color:#222; font-weight:700; font-size:20px; margin:40px 0 15px 680px;}
.yumes_cont .ex_list .ex_info .ex_box p{color:#666; font-size:15px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding-left:680px; padding-right:50px;}
.yumes_cont .ex_list .ex_info .ex_box p span{display:block; padding-left:43px;}

.yumes_cont .ex_list .ex_info .ex_bg1{background-image: url(../images/sub/linkyu_pro_image0001.png);}
.yumes_cont .ex_list .ex_info .ex_bg2{background-image: url(../images/sub/linkyu_pro_image0002.png);}
.yumes_cont .ex_list .ex_info .ex_bg3{background-image: url(../images/sub/linkyu_pro_image0003.png);}
.yumes_cont .ex_list .ex_info .ex_bg4{background-image: url(../images/sub/linkyu_pro_image0005.png);}
.yumes_cont .ex_list .ex_info .ex_bg5{background-image: url(../images/sub/linkyu_pro_image0004.gif);}

/*linkyu 사용법 _ 할일 그림없이*/
.yumes_cont .ex_list2{}
.yumes_cont .ex_list2 .job_img img{margin: auto; display: block; padding: 70px 0px 30px 0px;}
.yumes_cont .ex_list2 .ex_info{overflow:hidden; padding-top: 20px; /* padding-left:10%; */}
.yumes_cont .ex_list2 .ex_info h4{font-size:30px; color:#2a3d7e; font-family: 'Nanum Square'; font-weight:600; text-align:left;}
.yumes_cont .ex_list2 .ex_info h4 span{padding-right: 13px; background-repeat: no-repeat; background-position: right 22px;}
.yumes_cont .ex_list2 .ex_info .ex_box{margin-top:30px; width:95%; padding:10px 24px 50px 33px;; height:auto; 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; border: 1px solid #2a3d7e;
    border-radius: 10px;
    /* background-image: linear-gradient(to left, #c5c5c5, #d6ebed, #c5c5c5); */
    background: #eef8fb; }
.yumes_cont .ex_list2 .ex_info .ex_box2{}

.yumes_cont .ex_list2 .ex_info .ex_box h5{color:#222; font-weight:700; font-size:20px; margin:40px 0 20px 10px;font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    color: #2d3d79;
    word-break: keep-all;}
.yumes_cont .ex_list2 .ex_info .ex_box p{background-color:#fff; border:3px double #cccccc; display:inline-block; padding:10px; margin:10px; font-size:15px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding-left:10px; 
    font-size: 15px;
    line-height: 30px;
    color: #474747;
    word-break: keep-all;}

/*비디오 반쪽에 넣기*/
.yumes_cont .yumes_modules{
	padding-bottom:100px;
}


.yumes_cont .yumes_modules .pro-wrap:nth-child(odd){
	display: flex;
    justify-content: center;
    margin-top: 50px;
    border: 1px solid #f2e7f3;
    border-radius: 10px;
    background: #f6eff9;
    overflow: hidden;
}

.yumes_cont .yumes_modules .pro_wrap{
	display: flex;
    justify-content: center;
    margin-top: 10px;
   /*  border: 1px solid #a2b9bf;  */
    border: 2px solid #3f6b81;   
    border-radius: 10px;
   /*  background-image: linear-gradient(to left, #c5c5c5, #d6ebed, #c5c5c5); */
    /* background: #ebf1f0; */
   /*  background: #eef8fb; */
    overflow: hidden;
    box-shadow: 1px 2px 6px 0px #bfbfbf;
}
.yumes_cont .yumes_modules .pro_wrap .linkyu_txt{
	/* padding: 0 80px; */
    text-align: left;
}
.yumes_cont .yumes_modules .pro_wrap>div {
	min-width: 50%;
}

.yumes_cont .yumes_modules .pro_wrap .video_yumes{
	width: 50%;
}
.yumes_cont .yumes_modules .pro_wrap .video_yumes img{
	 width: -webkit-fill-available;
	 padding:20px;
	 margin-left:40px;
}
.yumes_cont .yumes_modules .yumes_txt{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.yumes_cont .yumes_modules .sub_tit_pp{
	display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #304eba;
    /* padding-left:90px; */
    padding-right:50px;
}
.yumes_cont .yumes_modules .sub_tit{
	font-weight: 700;
    font-size: 28px;
    line-height: 60px;
    color: #2d3d79;
    word-break: keep-all;
    padding-left:130px;
    margin-right:100px;
    widht:200px;
    text-align:center;
}

.yumes_cont .yumes_modules .body_txt{
	    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #515151;
    /* padding-left:90px; */
    padding-right:60px;
    margin-left:80px;
}

.yumes_cont .yumes_modules .pro-wrap>div{
	    min-width: 50%;
}
.yumes_cont .yumes_modules .pro-wrap:nth-child(odd) 
.video_yumes video {
    border-radius: 10px 0 0 10px;
}

.yumes_cont .yumes_modules .video_yumes video {
    width: 95%;
    border-radius: 0 10px 10px 0;
    margin-bottom: -2px;
    padding:15px 15px;
}

.yumes_cont .yumes_modules .video_yumes image {
    width: 100%;
    border-radius: 0 10px 10px 0;
    margin-bottom: -2px;
}


/*yuMES_video*/
.sub_cont1{width:100%; padding-bottom:50px; margin:0px; background-color:#182430;}
.join_title{background-image:url(../images/sub/yumes_factory_img01.png);}

.join_cont{margin:73px 0 150px;}
.join_cont .join_box{}
.join_cont .join_box p{color:#666; font-size:16px; line-height:30px; text-align:center; margin:30px 0 40px; font-family: 'Nanum Gothic'; font-weight:400;  word-break:keep-all;}
.join_cont .join_box p span{display:block;}
.join_cont .join_box2{padding:80px 0; border-bottom:1px solid #dadada;}
.join_cont .join_box2 h4{font-family: 'Nanum Square'; font-size:30px; color:#222;  margin:4px 0 0 4px; text-align:center;}
.join_cont .join_box2 h4 span{padding-right:13px; b/* ackground-image:url(../images/sub/sub_title2.png); */ background-repeat:no-repeat; background-position:right 22px ;}
.join_cont .join_box2 p{color:#666; font-size:18px; line-height:30px; text-align:center; margin:25px 0 0 0; font-family: 'Nanum Gothic'; font-weight:400; word-break:keep-all;}
.join_cont .join_box2 p span{display:block;}
.join_cont .join_box2 ul{overflow:hidden;}
.join_cont .join_box2 ul li{font-size:19px; float:left; text-align:center;}
.join_cont .join_box2 ul li.marx{margin:0;}
.join_cont .join_box2 ul li span{display:block;}
.join_cont .join_box3 ul{width:555px; background:url(../images/sub/join_bg2.jpg) no-repeat 0 0; margin:20px auto 0;}
.join_cont .join_box3 ul li{padding:65px 39px 75px 42px; color:#fff; margin-right:10px; line-height:29px;}
.join_cont .join_box4 ul{width:1024px; margin:45px auto 0;}
.join_cont .join_box4 ul li{color:#222; padding-right:27px; background:url(../images/sub/join_bg5.jpg) no-repeat right center;}
.join_cont .join_box4 ul li span{background:url(../images/sub/join_bg3.jpg) no-repeat 0 0; width:323px; padding:33px 0 30px;}
.join_cont .join_box4 ul li.bg2 span{background:url(../images/sub/join_bg4.jpg) no-repeat 0 0;}
.join_cont .join_box4 ul li.bgx{background:none; padding-right:0;}
.join_cont .join_box5 ul{width:410px; background:url(../images/sub/join_bg6_1.png) no-repeat 0 0; margin:40px auto 0; padding:73px 0;}
.join_cont .join_box5 ul li{line-height:29px;}
.join_cont .join_box5 ul li.list1{margin-left:85px; color:#fff;}
.join_cont .join_box5 ul li.list2{margin-left:115px; color:#222;}
.join_cont .join_box5 ul li.list3{margin-left:83px; color:#fff;}
.join_cont .join_box6 ul{overflow:hidden; margin-top:40px;}
.join_cont .join_box6 ul li{width:235px; float:left; line-height:29px; border-right:1px solid #dadada;}
.join_cont .join_box6 ul li strong{font-weight:normal; display:block; padding-top:111px; font-weight:600;}
.join_cont .join_box6 ul li.icon1 strong{background:url(../images/sub/join_icon01.png) no-repeat center 10px;}
.join_cont .join_box6 ul li.icon2 strong{background:url(../images/sub/join_icon02.png) no-repeat center 10px;}
.join_cont .join_box6 ul li.icon3 strong{background:url(../images/sub/join_icon03.png) no-repeat center 10px;}
.join_cont .join_box6 ul li.icon4 strong{background:url(../images/sub/join_icon04.png) no-repeat center 10px; }
.join_cont .join_box6 ul li.icon5 strong{background:url(../images/sub/join_icon_0116.png) no-repeat center 10px; }
.join_cont .join_box6 ul li.icon5{border-right:none;}
.join_cont .join_box6 ul li button{width:164px; height:46px; position:relative; overflow:hidden; border:1px solid #dadada; color:#666; font-size:15px; background:none; margin-top:30px; cursor:pointer;}
.join_cont .join_box6 ul li button span{display:block; color:#666; position:absolute; top:9px; left:30px;}
.join_cont .join_box6 ul li button span:after{content:''; margin-left:10px; display:inline-block; width:20px; height:20px; background:url(../images/sub/down_off.png) no-repeat 0 2px; vertical-align:middle;}
.join_cont .join_box6 ul li button:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.join_cont .join_box6 ul li button:hover span{color:#fff; }
.join_cont .join_box6 ul li button:hover span:after{background:url(../images/sub/down_on.png) no-repeat 0 2px; }
.join_cont .join_box6 ul li button:hover:before{top:0; height:100%; background:#c4161c; opacity:1;}


.join_cont .join_mov{overflow:hidden; border-bottom:none; overflow:hidden; padding:40px 0 20px; /* border-bottom:1px solid #dadada; */ }
.join_cont .join_mov .join_movlist{overflow:hidden; padding-bottom:20px; width:1028px; margin:0 auto;}
/*202010추가*/
.join_cont .join_mov .join_movlist .title{font-size:20px; color:#222; margin:40px 0 -50px 0; text-align:left;}
/**/
.join_cont .join_mov .join_movimg{width:495px; height:400px; position:relative; float:left; margin-top:60px;  margin-left:15px;}
.join_cont .join_mov .join_movimg2{margin-left:38px;}
.join_cont .join_mov .join_movimg a{position:relative; display:block;}
.join_cont .join_mov .join_movimg a:after{content:''; clear:both; background:url(../images/sub/mov_btn.png) no-repeat 0 0; width:64px; height:64px; position:absolute; top:38%; left:42%;}
.join_cont .join_mov .join_movimg a:before{content:''; clear:both; background:rgba(0,0,0,0.3); width:100%; height:100%; position:absolute; top:0; }
/*.join_cont .join_mov .join_movimg a:before{content:''; clear:both; background:url(../images/sub/mov_bg2.png) no-repeat 0 0; width:480px; height:270px; position:absolute; top:0; left:0;}*/
.join_cont .join_mov .join_movimg .join_imgt{background:url(../images/sub/mov_bg.png) no-repeat right bottom; padding:0 16px 16px 0; width:480px; height:271px; overflow:hidden;}
.join_cont .join_mov .join_movimg .join_imgt2{background:url(../images/sub/mov_bg.png) no-repeat right bottom; padding:0 16px 16px 0; width:480px; height:271px; overflow:hidden;}
.join_cont .join_mov .join_movimg .join_imgt3{background:url(../images/sub/mov_bg.png) no-repeat right bottom; padding:0 16px 16px 0; width:480px; height:271px; overflow:hidden;}
.join_cont .join_mov .join_movimg .join_imgt4{background:url(../images/sub/mov_bg.png) no-repeat right bottom; padding:0 16px 16px 0; width:480px; height:271px; overflow:hidden;}

.join_cont .join_mov .join_movimg p{font-size:20px; color:#535353; margin:24px 0 13px; text-align:left; margin-left: 15px; font-weight:700;}
.join_cont .join_mov .join_movimg .data{color:#797979; font-size:15px; font-family: 'Nanum Gothic'; font-weight:400; margin-top:20px; display:block; padding: 0px 15px;}
.join_cont .data2{color:#999; font-size:14px; font-family: 'Nanum Gothic'; font-weight:400; text-align:right; margin-top:5px; }
/*.join_cont .join_mov p{color:#666; font-family: 'Nanum Gothic'; float:left; font-weight:400; font-size:16px; margin-top:15px;}
.join_cont .join_mov button{float:left; cursor:pointer; vertical-align:middle; margin-left:15px; position:relative; overflow:hidden; border:1px solid #c4161c; font-size:15px; width:203px; height:47px; line-height:44px; padding-right:34px; background: #fff;}*/

.join_cont .join_mov button span{display:block; color:#c4161c; position:absolute; top:2px; left:11px;}
.join_cont .join_mov button span:after{content:''; margin-left:14px; display:inline-block; width:20px; height:20px; background:url(../images/sub/join_icon05.png) no-repeat 0 0; vertical-align:middle;}
.join_cont .join_mov button:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.join_cont .join_mov button:hover span{color:#fff; }
.join_cont .join_mov button:hover span:after{background:url(../images/sub/join_icon05_on.png) no-repeat 0 0; }
.join_cont .join_mov button:hover:before{top:0; height:100%; background:#c4161c; opacity:1;}

/*202010추가*/
.join_cont .join_mov .join_movlist .join_movimg ul li button{width:164px; height:46px; position:relative; overflow:hidden; border:1px solid #dadada; color:#666; font-size:15px; background:none; margin-top:30px; cursor:pointer;}
.join_cont .join_mov .join_movlist .join_movimg ul li button span{display:block; color:#666; position:absolute; top:9px; left:30px;}
.join_cont .join_mov .join_movlist .join_movimg ul li button span:after{content:''; margin-left:10px; display:inline-block; width:20px; height:20px; background:url(../images/sub/down_off.png) no-repeat 0 2px; vertical-align:middle;}
.join_cont .join_mov .join_movlist .join_movimg ul li button:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover span{color:#fff; }
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover span:after{background:url(../images/sub/down_on.png) no-repeat 0 2px; }
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover:before{top:0; height:100%; background:#c4161c; opacity:1;}


/*smart 20240821 s*/
.join_cont .job_list_smart{}
.join_cont .job_list_smart .job_img img{width:auto; margin: auto; display: block; padding: 60px 30px;}
.join_cont .job_list_smart .job_info{overflow:hidden; margin:auto 10% auto 13%}
.join_cont .job_list_smart .job_info h4{font-size:30px; color:#fff; font-family: 'Nanum Square'; font-weight:700; text-align:center;}
.join_cont .job_list_smart .job_info h4 span{font-size:20px; font-weight:500; color:#fff; padding-top: 0px; background-repeat: no-repeat; background-position: right 22px;}
.join_cont .job_list_smart .job_info .job_box{margin-top:30px; width:820px; padding:0 15px 0 33px; height:500px; float:left; border:4px double #ffffff; background-repeat: no-repeat; background-position: 31px 150px;}
.join_cont .job_list_smart .job_info .job_box2{margin-left:29px;}
.join_cont .job_list_smart .job_info .job_box h5{text-align: center; color:#fff; font-weight:700; font-size:23px; margin:40px 0 15px;}
.join_cont .job_list_smart .job_info .job_box h6{word-break:auto-phrase; text-align: left; color:#fff; font-weight:500; font-size:15px; margin:35px 20px 15px;}
.join_cont .job_list_smart .job_info .job_box p{color:#fff; font-size:15px; letter-spacing:-1px; line-height:30px; font-family: 'Nanum Gothic'; font-weight: 400; padding:0px 20px 0px 420px; }
.join_cont .job_list_smart .job_info .job_box p span{color:#fff; font-weight:500; font-size:18px; display:block; padding-top:10px }
.join_cont .job_list_smart .job_info .job_bg1{background-image: url(../images/sub/so_solution_solution_img0001.png);}
.join_cont .job_list_smart .job_info .job_bg2{background-image: url(../images/sub/so_solution_solution_img0002.png);}
.join_cont .job_list_smart .job_info .job_bg3{background-image: url(../images/sub/so_solution_solution_img0003.png);}
.join_cont .job_list_smart .job_info .job_bg4{background-image: url(../images/sub/so_solution_mes_icon4.png);}
.join_cont .job_list_smart .job_info .job_bg5{background-image: url(../images/sub/so_solution_mes_icon5.png);}


/*202010추가*/
.join_cont .join_mov .join_movlist .join_movimg ul li button{width:164px; height:46px; position:relative; overflow:hidden; border:1px solid #dadada; color:#666; font-size:15px; background:none; margin-top:30px; cursor:pointer;}
.join_cont .join_mov .join_movlist .join_movimg ul li button span{display:block; color:#666; position:absolute; top:9px; left:30px;}
.join_cont .join_mov .join_movlist .join_movimg ul li button span:after{content:''; margin-left:10px; display:inline-block; width:20px; height:20px; background:url(../images/sub/down_off.png) no-repeat 0 2px; vertical-align:middle;}
.join_cont .join_mov .join_movlist .join_movimg ul li button:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover span{color:#fff; }
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover span:after{background:url(../images/sub/down_on.png) no-repeat 0 2px; }
.join_cont .join_mov .join_movlist .join_movimg ul li button:hover:before{top:0; height:100%; background:#c4161c; opacity:1;}


/*도입문의*/
.inq_title{height:470px; background-image:url(../images/sub/yumes_Inquiry_img01_1.png); background-repeat:no-repeat; background-position:center center ; background-size:cover; overflow:hidden;}
.inq_title .top_txt{z-index:999; margin:230px 0 0 0;}
.inq_title .top_txt dl{}
.inq_title .top_txt dl dt{font-size:45px; color:#fff; font-weight:700; text-align:center;}
.inq_title .top_txt dl dd{font-family: 'Rajdhani', sans-serif; font-weight:500; font-size:20px; color:#fff; text-align:center; letter-spacing:7px; margin:8px 0 0 7px; }

.cy_cont{margin:73px 0 150px;}
.cy_cont p{color:#666; font-size:16px; line-height:30px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin:30px 0 40px;}
.cy_cont p span{display:block;}
.cy_cont .cy_box{background:#f6f6f6; border:1px solid #dadada; padding:37px 0 40px 44px; }
.cy_cont .cy_box dl{padding-left:112px; background:url(../images/sub/so_news_bg.png) no-repeat 0 center;}
.cy_cont .cy_box dl dt{color:#333; font-size:18px; font-weight:700; margin-bottom:15px;}
.cy_cont .cy_box dl dd{color:#666; font-size:15px; font-family: 'Nanum Gothic'; font-weight:400; line-height:25px; padding-left:8px; background:url(../images/sub/model_dot.png) no-repeat 0 center;}
.cy_cont .cy_box2{margin-top:150px;}
.cy_cont .cy_box2 h4{font-size:24px; color:#333; font-weight:700;}
.cy_cont .cy_box2 p{text-align:left; margin:10px 0 15px;}
.cy_cont .cy_box2 table{ width:100%;}
.cy_cont .cy_box2 table .tit_t{border-top:1px solid #dadada;}
.cy_cont .cy_box2 table .tit_t1{text-alight:center; border-bottom:1px solid #fff;}
.cy_cont .cy_box2 table tbody th.tit_t1{text-alight:center; border-bottom:1px solid #fff; background:#fff; }
.cy_cont .cy_box2 table tbody th{color:#666; font-size:16px; font-family: 'Nanum Gothic'; font-weight:400; height:74px; background:#f4f4f4; width:157px; border-bottom:1px solid #dadada;}
.cy_cont .cy_box2 table tbody td{ border-bottom:1px solid #dadada; padding:13px 0 10px 0;}
.cy_cont .cy_box2 table tbody td .cy_title{width:860px; height:30px; border:1px solid #dadada; -webkit-appearance: none; -webkit-border-radius: 0; margin-left:2%;}
.cy_cont .cy_box2 table tbody td .text{width:860px; height:38px; border:1px solid #dadada; height:220px; -webkit-appearance: none; -webkit-border-radius: 0; margin-left:2%;}
.cy_cont .cy_box2 .cy_btn{text-align:center; margin-top:60px;}
.cy_cont .cy_box2 .cy_btn a{display:inline-block; width:133px; height:46px; text-align:center; font-size:16px; line-height:46px;}
.cy_cont .cy_box2 .cy_btn a.btn1{color:#fff; background:#2a509d;}
.cy_cont .cy_box2 .cy_btn a.btn2{color:#666; border:1px solid #dadada; margin-left:5px;}

.cy_cont .cy_box3 h4{font-family: 'Nanum Gothic'; font-size:20px; color:#333; font-weight:700;}
.cy_cont .cy_box3 p{font-family: 'Nanum Gothic'; font-size:16px; color:#333; font-weight:500; text-align:left; margin:15px 0 5px;}
.cy_cont .cy_box3 span{font-family: 'Nanum Gothic'; font-size:14px; font-weight:500; text-align:left; margin:2px 0 15px; line-height:30px;}
.cy_cont .cy_box3 .cy_btn{text-align:center; margin-top:60px;}
.cy_cont .cy_box3 .cy_btn a{display:inline-block; width:133px; height:46px; text-align:center; font-size:16px; line-height:46px;}

       
/* 팝업 배경 */
#popup-overlay {
            display: none; /* 초기 상태에서 팝업은 숨김 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
        }

/* 팝업 박스 */
#popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            padding: 20px;
            width: 300px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 1001;
        }

/* 제목 */
#popup h2 {
            text-align: center;
        }

/* 내용 */
#popup p {
            font-size: 14px;
            line-height: 1.6;
        }

 /* 동의 버튼 스타일 */
.popup-button {
            width: 100%;
            padding: 10px;
            margin-top: 20px;
            background-color: #2a509d;
            color: white;
            font-size: 16px;
            cursor: pointer;
            border: none;
            border-radius: 5px;
        }

.popup-button.cancel {
            background-color: #666666;
        }

.popup-button:hover {
            opacity: 0.9;
        }

.popup-button.cancel:hover {
            opacity: 0.8;
        }        




/*사이트맵*/
.st_title{background-image:url(../images/sub/st_bg.jpg);}

.st_cont{overflow:hidden;}
.st_cont .st_menu{width:295px; float:left; margin:71px 0 0 146px; height:628px;}
.st_cont .st_menu1{margin:71px 0 0 0;}
.st_cont .st_menu h4{font-weight:700; color:#222; font-size:21px; padding:0 0 23px 15px; border-bottom:2px solid #c4161c;}
.st_cont .st_menu ul{margin-top:15px;}
.st_cont .st_menu ul li{ border-bottom:1px solid #dadada; padding:22px 0;}
.st_cont .st_menu ul li a{color:#333; font-size:16px; font-family: 'Nanum Gothic'; font-weight:400; margin-left:7px;}
.st_cont .st_menu ul li a:hover{border-bottom:1px solid #c4161c; color:#c4161c;}
.st_cont .st_menu ul li ul{margin-top:10px;}
.st_cont .st_menu ul li ul li{border-bottom:none; padding:0 0;}
.st_cont .st_menu ul li ul li a{ color:#888; font-size:14px; margin-left:11px; line-height:30px;}


/*이메일무단수집거부*/
.mail_title{background-image:url(../images/sub/mail_bg.jpg);}
.mail_cont{background:url(../images/sub/mail_icon.png) no-repeat center 80px #f6f6f6; padding:248px 0 66px; border:1px solid #dadada; margin:73px 0 177px;}
.mail_cont p{font-size:18px; color:#666; font-family: 'Nanum Gothic'; font-weight:400; line-height:36px; text-align:center; margin-bottom:13px; word-break:keep-all;}
.mail_cont p span{display:block;}
.mail_cont p strong{font-weight:700; color:#c4161c;}
.sub_menu2 .sub_menu_box ul li.mail_sub a{width:200px; background-position:185px center;}


/*검색결과*/
.sear_title{background-image:url(../images/sub/sear_bg.jpg);}
.sear_cont{margin:73px 0 150px;}
.sear_cont .sear_box{text-align:center;}
.sear_cont .sear_tab{margin:53px 0 45px;}
.sear_cont .sear_tab p{font-size:15px; color:#666; font-family: 'Nanum Gothic';}
.sear_cont .sear_tab p strong{font-weight:700; color:#222;}
.sear_cont .sear_tab p span{color:#c4161c; font-weight:700;}
.sear_cont .sear_tab ul{overflow:hidden; border-left:1px solid #dadada; margin-top:24px;}
.sear_cont .sear_tab ul li{float:left; margin-left:-1px; width:159px; border:1px solid #dadada; }
.sear_cont .sear_tab ul li a{color:#222; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; padding:19px 0 20px; display:block;}
.sear_cont .sear_tab ul li a.on{background:#c4161c; color:#fff;}
.sear_cont .sear_list{overflow:hidden;}
.sear_cont .sear_list .searlist_box{margin-bottom:70px;}
.sear_cont .sear_list .sear_tit{overflow:hidden;}
.sear_cont .sear_list .sear_tit h5{font-size:20px; color:#222; font-family: 'Nanum Square'; float:left;}
.sear_cont .sear_list .sear_tit a{float:right; color:#666; font-size:16px; font-family: 'Nanum Gothic'; font-weight:400; padding-right:19px; background:url(../images/sub/more_1122.png) no-repeat 55px center; margin-right:14px;}
.sear_cont .sear_list .sear_res{ padding:32px 0; width:100%; overflow:hidden;border-bottom:1px solid #dadada;}

.sear_cont .sear_list .sear_all{ border-top:2px solid #222; margin-top:18px; }
.sear_cont .sear_list .sear_all .sear_l{float:left; width:878px; overflow:hidden;}
.sear_cont .sear_list .sear_all .sear_l ul{float:left;}
.sear_cont .sear_list .sear_all .sear_l ul li{font-size:16px; color:#666; font-family: 'Nanum Gothic'; font-weight:400;}
.sear_cont .sear_list .sear_all .sear_l ul li a{color:#333; font-family: 'Nanum Square'; font-weight:400; font-size:24px; }
.sear_cont .sear_list .sear_all .sear_l ul li.maro{margin:15px 0 20px;}
.sear_cont .sear_list .sear_all .sear_l ul li:last-child{margin-bottom:0;}
.sear_cont .sear_list .sear_all .sear_r{text-align:right; float:right; width:292px; margin-top:8px; overflow:hidden;}
.sear_cont .sear_list .sear_all .sear_r a.btn{overflow:hidden; position:relative; display:inline-block; border:1px solid #dadada; margin-left:6px; width:136px; height:46px; line-height:46px; text-align:center; color:#666; font-size:15px; font-family: 'Nanum Gothic'; font-weight:400;}{}
.sear_cont .sear_list .sear_all .sear_r a.btn:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.sear_cont .sear_list .sear_all .sear_img{float:left; margin-right:23px; border:1px solid #dadada;}
.sear_cont .sear_list .sear_all .sear_img1{max-width:193px; max-height:113px;}
.sear_cont .sear_list .sear_all .sear_img1 img{width:100%;}
.sear_cont .sear_list .sear_all .sear_r a.btn:hover{color:#fff;}
.sear_cont .sear_list .sear_all .sear_r a.btn span{width:100%; }
.sear_cont .sear_list .sear_all .sear_r a.btn:hover:before{top:0; height:100%; background:#c4161c; opacity:1; color:#fff;}
.sear_cont .sear_list .sear_all .sear_r a.btn span{display:block; color:#666; position:absolute; top:1px; left:0; }
.sear_cont .sear_list .sear_all .sear_r a.btn:hover span{color:#fff; }
.sear_cont .sear_list .sear_all .sear_r a.btn3 span{display:block; color:#666; position:absolute; top:1px; left:0; }

.sear_cont .sear_list .sear_all .sear_r a.btn3 span:after{content:''; margin-left:8px; display:inline-block; width:15px; height:14px; background:url(../images/sub/down_off.png) no-repeat right center;  vertical-align:middle;}
.sear_cont .sear_list .sear_all .sear_r a.btn3:hover span{color:#fff; }
.sear_cont .sear_list .sear_all .sear_r a.btn3:hover span:after{background:url(../images/sub/down_on.png) no-repeat right center; }


.news .tabmenu.tp_tbmenu{ width:800px; }
.news .tabmenu .inr_bx{display:none;}
.news .tabmenu {width:557px;margin:0 auto 70px;background-color:#f7f7f7;-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;}
	.news .tabmenu ul { overflow:hidden; }
.news .tabmenu.tp_tbmenu li.sub_ifnews{ width:20%; }
.news .tabmenu.tp_tbmenu li{ width:16%; }
.news .tabmenu li {float:left;width:19%;text-align:center;}
.news .tabmenu li:last-child {width:24%;}
.news .tabmenu li a {display:block;height:44px;line-height:44px;}
.news .tabmenu a:focus,
.news .tabmenu a.on {color:#fff;-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;background-color:#c81041;}
.tab_txt{display:none;}


/*메일*/
.mail_all{width:650px;}
.mail_all table{width:100%;}
.mail_all table td{}
.mail_all table td.wid1{width:33%; background:#fff; overflow:hidden; padding-bottom:22px; border-bottom:1px solid #dadada;}
.mail_all table td.wid1 h1{float:left; margin:23px 0 0 40px;}
.mail_all table td.wid1 p{float:right; font-size:18px; color:#222; font-family: 'Nanum Square'; font-weight:700; margin:39px 40px 0 0;}
.mail_all table td.mbg1{background:#f2f2f2; height:41px; width:100%;}
.mail_all table .mail_box{padding:60px 40px 60px;}
.mail_all table .mail_box h3{padding-bottom:26px; border-bottom:1px solid #dadada; font-size:26px; color:#222; font-family: 'Nanum Square'; margin-bottom:20px;}
.mail_all table .mail_box ul{}
.mail_all table .mail_box ul li{font-family: 'Nanum Gothic'; overflow:hidden; margin-bottom:20px;}
.mail_all table .mail_box ul li strong{color:#c7181e; font-size:16px; font-weight:700; display:block; float:left; width:74px; line-height:30px;}
.mail_all table .mail_box ul li span{color:#666; font-size:16px; font-weight:400; display:block; float:left; width:410px; line-height:30px; word-break:keep-all;}
.mail_all table .m_txt{color:#999; font-size:13px; padding:35px 0 35px 40px; background:url(../images/sub/mail_bg.png) no-repeat right bottom #f2f2f2;}
.mail_all table .m_txt span{display:block; margin-top:5px;}


/*에러*/
.error{width:948px; border:1px solid #dadada; margin:75px auto 125px; background:#f4f4f4; padding:54px 0 58px;}
.error dl{}
.error dl dt{font-size:32px; font-weight:700; color:#222; text-align:center; padding-top:138px; background:url(../images/sub/error.png) no-repeat center top; margin-bottom:5px;}
.error dl dd{font-size:17px; color:#333; font-family: 'Nanum Gothic'; font-weight:700; text-align:center; line-height:27px;}
.error dl dd span{display:block;}
.error a{width:164px; height:46px; display:block ; margin:0 auto; position:relative; overflow:hidden; border:1px solid #dadada; color:#666; font-size:15px; background:none; margin-top:30px; font-family: 'Nanum Gothic'; font-weight:400;}

.error a span{display:block; color:#666; position:absolute; top:15px; left:26px;}
.error a span:after{content:''; margin-left:14px; display:inline-block; width:13px; height:15px; background:url(../images/sub/rel_icon4.png) no-repeat 0 0; vertical-align:middle;}
.error a:before{content:''; display:block; width:100%; height:100%; opacity:0; margin:0; position:absolute; top:102%; 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:#c4161c;}
.error a:hover span{color:#fff; }
.error a:hover span:after{background:url(../images/sub/rel_icon4_on.png) no-repeat 0 0; }
.error a:hover:before{top:0; height:100%; background:#c4161c; opacity:1;}

.error_cn dl dt{font-family:'Noto Sans KR3_1';}
.error_cn dl dd{font-family:'Noto Sans KR2';}