@charset "utf-8";

 @media screen and (max-width: 640px){

#wrap{position:relative;}

/*quick*/
#main .quick { position:fixed; top:20px; right:10px; 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;}

 /*헤더*/
 #header{width:100%;position:static ; z-index:9999; background-color:#41484b;}
.head{width:94%; padding:0 3%; height:45px; background-image:none; }
.head .logo{width:auto; margin:5px 0 0 0;}
.head .logo h1{}
.head .logo h1 img{width:75px;}
.head .menu_box{width:auto; float:right;}
.head .menu_box .menu{display:none;}
.head .menu_box .sear li.lang_txt{display:none;}
.head .menu_box .sear li.ser_icon{margin:13px 0 0 0;}
.head .menu_box .sear li.ser_icon .ser_btn{background-color:#fff; background-image:url(../images/common/tab_ser.png); background-size:15px;}
.head .menu_box .sear li.mob_menu{display:block; margin:13px 0 0 15px;}
.head .menu_box .sear li.mob_menu img{width:18px;}
.head .menu_box .sear li.ser_icon .web_btn{display:none;}
.head .menu_box .sear li.ser_icon .tab_btn{display:block; width:15px;}
.head .menu_box .sear li .search_box{width:100%; z-index:99999; display:none; right:0; top:0;}
.head .menu_box .sear li .search_box .close_box{margin-right:30px;}
.head .menu_box .sear li .search_box .close button{ width:43px; height:60px; border-left:1px solid #dadada; border-right:1px solid #dadada; background-size:14px; height:45px;}
.head .menu_box .sear li .search_box .ipt input{width:100%; border-top:1px solid #dadada; height:43px;}
.head .menu_box .sear li .search_box .ipt button{top:15px; background-size:16px;}
.head .tab_menu{display:block; float:right;}
.head .tab_menu ul{overflow:hidden;}
.head .tab_menu ul li{float:left; margin:13px 0 0 15px;}
.head .tab_menu ul li.t_ser img{width:15px;}
.head .tab_menu ul li img{width:20px;}
 

/*비쥬얼 영역*/
.visual .bx-controls{bottom:70px; left:33%;}
.visual ul li{overflow-x:hidden; width:100%; height:400px;}
.visual ul li .visual_txt{width:100%; margin:70px auto 0;}
.visual ul li .visual_txt2{margin:70px auto 0 20px;}
.visual ul li .visual_txt dl dt{font-size:25px; word-break:keep-all; line-height:35px;}
.visual ul li .visual_txt dl dt span.di{display:block;}
.visual ul li .visual_txt dl dd{font-size:15px; line-height:18px; letter-spacing:-1px;}
.visual .silde2 .visual_txt .video_bg .video_bg .video-container .web_img{display:none;}
.visual .silde2 .visual_txt .video_bg .video_bg .video-container .mob_img{display:block;}

.visual .bx-wrapper .bx-pager.bx-default-pager a{width:20px; height:13px; background-size:20px;}

.visual ul li .visual_txt .video_bg .mob_img .video-container{
	display:block;
}
.visual ul li .visual_txt .video_bg .web_img .video-container{
	display:none;
}
 /*linkyu홈페이지(탭메뉴)*/
.linkyu_cont{margin:0px 0 60px;}

.linkyu_cont .pro_tab{height:auto; background-size: 100% 40px; margin:30px 0 15px;}
.linkyu_cont .pro_tab ul{display:none;}
.linkyu_cont .pro_tab .mob_tab_box{display:block;}
.linkyu_cont .pro_tab ul li{width:100%; float:none; text-align:left; padding:0 3%; border:1px solid #dadada; box-sizing:border-box; margin-top:-1px; display:none;}
.linkyu_cont .pro_tab ul li:hover{background:none;}
.linkyu_cont .pro_tab ul li:hover a{color:#222;}
.linkyu_cont .pro_tab ul li.mob_tab{display:block;}
.linkyu_cont .pro_tab ul li a{font-size:12px; padding:11px 0 13px;}
.linkyu_cont .pro_tab ul li.on{border-right:none; background-image:none; background-color:#002448;}
.linkyu_cont .pro_tab ul li:hover a.mob_on{color:#fff;}
.linkyu_cont .pro_tab ul li a.mob_on{ font-size: 13px; padding: 11px 0 13px; background-image: url(../images/sub/st_arrow_on2.png); background-repeat: no-repeat; background-position: right center;}
.linkyu_cont .pro_tab ul li a.mob_on.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:right center ;}



 /*yumes 메인 종류*/
.yumes_smart_cont .smart_box{width:94%; padding:50px 0 50px 0;}
.yumes_smart_cont .smart_box h2{font-size:45px; }
.yumes_smart_cont .smart_box h2 span{background-position:right 42px ; padding-right:10px; background-size:5px;}
.yumes_smart_cont .smart_box p.tit_s{color:#666666; font-size:16px; font-family: 'Nanum Gothic'; font-weight:400; text-align:center; margin-top:5px;}
.yumes_smart_cont .smart_box h2.title{color:#fff; margin-top:20px;}
.yumes_smart_cont .smart_box h2.title span{font-size:25px; background-position:right 42px ; padding-right:10px; background-size:5px;}
.yumes_smart_cont .smart_box p.tit_s2{height:100%; color:#666666; font-size:18px; }

.yumes_smart_cont .smart_box h2.title3 span{background-position:right 42px ; padding-right:10px; background-size:5px;}
.yumes_smart_cont {margin-top:0px; /* background-image:url(../images/main/tab_bg1.png); */ background-repeat:no-repeat; background-position:right bottom ; padding-bottom:80px; background-size:60%; padding-top:50px;}
.yumes_smart_cont {width:100%; height:100%; margin:auto; padding:0px 0 50px; background-color:#f5f5f5;}
.yumes_smart_cont h2 span{font-family: 'Rajdhani', sans-serif; font-size:37px; color:#333; text-align:center; font-weight:500;}
.yumes_smart_cont .smart_list{margin:0px 20% 20px 20%;}
.yumes_smart_cont .smart_list ul{overflow:hidden;}
.yumes_smart_cont .smart_list ul li{float:left; width:48.5%; position:relative; height:auto; margin:3% 0 0 3%;}
.yumes_smart_cont .smart_list ul li img{width:100%;}
.yumes_smart_cont .smart_list ul li.marx2{margin-left:0;}
.yumes_smart_cont .smart_list ul li .yumes_smart_txt{position:absolute; bottom:30px; left:20px;}
.yumes_smart_cont .smart_list ul li .yumes_smart_txt dl{}
.yumes_smart_cont .smart_list ul li .yumes_smart_txt dl dt{font-size:18px; margin-bottom:8px;}
.yumes_smart_cont .smart_list ul li .yumes_smart_txt dl dd{font-size:30px; line-height:27px;}
.yumes_smart_cont .smart_list ul li .smart_more{position:absolute; bottom:0; right:0;}
.yumes_smart_cont .smart_list ul li .smart_on dl{ margin-left:30px;}
.yumes_smart_cont .smart_list ul li .smart_on dl dt{font-size:15px; margin:30px 0 11px;}
.yumes_smart_cont .smart_list ul li .smarton dl dd{font-size:30px; line-height:27px;}
.yumes_smart_cont .smart_list ul li .smart_on p{font-size:14px; line-height:18px; margin:20px 0 0 30px;}
.yumes_smart_cont .smart_list ul li .smart_on p span{display:block;}
.yumes_smart_cont .smart_list ul li .smart_on a{margin:50px 0 0 30px; display:block; width:78px; padding:10px 38px 6px 16px; font-size:14px; background-size:130px;}
.yumes_smart_cont .smart_list ul li .smart_on a:before{background-size:130px;}
.yumes_smart_cont .smart_list ul li .smart_on a:hover:before{background-size:130px;}
.yumes_smart_cont .smart_list .smart_cent{ float:left; width:210px; text-align:center; margin-left:0px;}
.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: 40px; margin-bottom:20px; height: 30px; font-size:16px; color:#fff; font-family: 'Nanum Gothic'; font-weight:700; padding:8px 0;}
.yumes_smart_cont .smart_list .smart_cent dl dd{font-size:18px; color:#626262; font-family: 'Nanum Gothic'; font-weight:700; padding-top:0px; margin-top:10px;}


/*yuMES 메인 홍보동영상*/
.yura_cont{background-repeat:no-repeat;  width:100%; background-color:#41484b; height:100%; overflow:hidden; padding-top:30px; padding-bottom:30px; }
.yura_cont .yura_cont_box{width:100%; margin-top:20px; background-color:#41484b; height:100%; overflow:hidden; padding: 2%;}
.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:98%; display:block; positon:absolute; margin:40px 0px 40 0px; /* padding-left:5%; */ padding-bottom: 30px; /* float:left; */}

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

.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: 98%;
	height: 100%;	
	object-fit:cover;
	position: relative;
	/* border:15px solid black; */
	border-radius: 10px;
}

.yura_cont .yura_cont_box .visual_txt2{width:98%; display:block; margin:0px auto 0 0; padding-bottom: 50px; 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:20px; 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:17px; color:#fff; text-align:left; font-weight:700; letter-spacing:1px; line-height: 2em;
}


/*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:100%; margin:0 auto; background-color:#f4f2ec; padding: 20px 0 20px 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;}
.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;}



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

.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:100%; margin:0 auto; background-color:#f4f2ec; padding: 0px 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{font-size:23px; 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; font-size:18px;}
.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{width:100%; overflow:hidden; margin: 40px 5% 20px 5%;;}
.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:74%; text-align:center; margin-left:0px; padding:30px;}
.yumes_rnd_cont .rnd_list .marx{margin:0px 0px 30px 0px;}
.yumes_rnd_cont .rnd_list .rnd_cent dl{}
.yumes_rnd_cont .rnd_list .rnd_cent dl dt{width: -webkit-fill-available; 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_cent dl dt img{width: -webkit-fill-available;}

/* .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:15px; 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:17px; 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;}



/*sub yumes 특징 */
.vi_box{margin:0px 0 80px; overflow:hidden;}

.yumes_cont .yumes_modules{
	padding-bottom:50px;
}
.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: block;
    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: 100%;
}
.yumes_cont .yumes_modules .pro_wrap .video_yumes img{
	 width: -webkit-fill-available;
	 padding:20px;
	 margin-left:0px;
}
.yumes_cont .yumes_modules .yumes_txt{
	display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.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: 16px;
    line-height: 60px;
    color: #2d3d79;
    word-break: keep-all;
    padding-left:80px;
    margin-right:100px;
    widht:200px;
    text-align:center;
}
.yumes_cont .yumes_modules .body_txt{
	font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #515151;
    /* padding-left:90px; */
    padding-right:20px;
    margin-left:20px;
}
.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;
}



/*sub 둘러보기(동영상)*/
.join_cont{margin:0px 0 100px;}
.join_cont .join_box{}
.join_cont .join_box p{font-size:14px; line-height:25px; margin:20px 0 30px;}
.join_cont .join_box p span{display:inline;}
.join_cont .join_box img{width:100%;}
.join_cont .join_box2{padding:60px 0; border-bottom:1px solid #dadada;}
.join_cont .join_box2 h4{font-size:25px;  margin:4px 0 0 4px;}
.join_cont .join_box2 h4 span{padding-right:11px; background-size:6px; background-position:right 17px ;}
.join_cont .join_box2 h6{letter-spacing:none; font-family: 'Nanum Square'; font-size:13px; font-weight:400;  line-height:40px; color:#fff;  margin:0px 15% 0px 18%; text-align:left; word-break:keep-all;}
.join_cont .join_box2 p{font-size:14px; line-height:25px; margin:25px 0 0 0;}
.join_cont .join_box2 p span{display:inline;}
.join_cont .join_box2 ul{overflow:hidden;}
.join_cont .join_box2 ul li{font-size:16px;}
.join_cont .join_box2 ul li.box1{font-size:16px;}
.join_cont .join_box2 ul li.box2{font-size:16px;}
.join_cont .join_box2 ul li.box3{font-size:16px;}
.join_cont .join_box2 ul li.marx{margin:0;}
.join_cont .join_box2 ul li span{display:block;}

.join_cont{margin:0px 0 100px;}
.join_cont .join_box{}
.join_cont .join_box p{font-size:14px; line-height:25px; margin:20px 0 30px;}
.join_cont .join_box p span{display:inline;}
.join_cont .join_box img{width:100%;}
.join_cont .join_box2{padding:60px 0; border-bottom:1px solid #dadada;}
.join_cont .join_box2 h4{font-size:23px;  margin:4px 0 0 4px;}
.join_cont .join_box2 h4 span{padding-right:11px; background-size:6px; background-position:right 17px ;}
.join_cont .join_box2 h6{letter-spacing:none; font-family: 'Nanum Square'; font-size:13px; font-weight:400;  line-height:40px; color:#fff;  margin:0px 15% 0px 18%; text-align:left; word-break:keep-all;}
.join_cont .join_box2 p{font-size:15px; line-height:25px; margin:25px 0 0 0;}
.join_cont .join_box2 p span{display:inline;}
.join_cont .join_box2 ul{overflow:hidden;}
.join_cont .join_box2 ul li{font-size:16px;}
.join_cont .join_box2 ul li.box1{font-size:16px;}
.join_cont .join_box2 ul li.box2{font-size:16px;}
.join_cont .join_box2 ul li.box3{font-size:16px;}
.join_cont .join_box2 ul li.marx{margin:0;}
.join_cont .join_box2 ul li span{display:block;}

.join_cont .join_box3 ul{width:480px; background-size:100%; margin:30px auto 0; padding:60px 0 50px;}
.join_cont .join_box3 ul li{line-height:25px;}
.join_cont .join_box3 ul li.list1{margin-left:50px;}
.join_cont .join_box3 ul li.list2{margin-left:70px;}
.join_cont .join_box3 ul li.list3{margin-left:62px;}

.join_cont .join_box4{width:100%; background-size: 100% 40px; height: auto; margin:35px 0 20px;}
.join_cont .join_box4{padding:60px 0; border-bottom:1px solid #dadada;}
.join_cont .join_box4 h4{font-size:25px;  margin:4px 0 0 4px;}
.join_cont .join_box4 h4 span{padding-right:11px; background-size:6px; background-position:right 17px ;}
.join_cont .join_box4 p{font-size:14px; line-height:25px; margin:25px 0 0 0;}
.join_cont .join_box4 p span{display:inline;}
.join_cont .join_box4 ul{overflow:hidden; margin-top:40px;}
.join_cont .join_box4 ul li{width:49.5%; float:left; line-height:25px; border:none; margin-bottom:0;}
.join_cont .join_box4 ul li strong{font-weight:normal; display:block; padding-top:111px;}

.join_cont .join_box4 .job_tab{background-size: 100% 40px; height: auto; margin:35px 0 20px;}
.join_cont .join_box4 .job_tab ul li{width:20%; box-sizing:border-box;}
.join_cont .join_box4 .job_tab ul li.barx{width:20%;}
.join_cont .join_box4 .job_tab ul li:hover{background:#16232f;  background-repeat: no-repeat; background-position: 0 center; background-size: 104% 62px;}
.join_cont .join_box4 .job_tab ul li a{font-size: 14px; padding: 11px 0 13px;}
.join_cont .join_box4 .job_tab ul li.on{ background:#16232f; background-repeat: no-repeat; background-repeat: no-repeat; background-position: 0 center; background-size: 104% 62px;}
.join_cont .join_box4 .job_list .job_img img{width: auto; margin: auto; display: block; padding: 50px 0px 50px 0px;;}


.join_cont .join_box4 ul li button{width:144px; height:43px; font-size:13px; margin-top:30px;}
.join_cont .join_box4 ul li button span{top:12px; left:30px;}
.join_cont .join_box4 ul li button span:after{width:12px; height:12px; background-size:12px; background-position:0 0;}
.join_cont .join_box4 ul li button:hover span:after{background-size:12px; background-position:0 0;}


.join_cont .join_box5{padding:60px 0; border-bottom:1px solid #dadada;}
.join_cont .join_box5 h4{font-size:25px;  margin:4px 0 0 4px;}
.join_cont .join_box5 h4 span{padding-right:11px; background-size:6px; background-position:right 17px ;}
.join_cont .join_box5 p{font-size:14px; line-height:25px; margin:25px 0 0 0;}
.join_cont .join_box5 p span{display:inline;}
.join_cont .join_box5 ul{width:294px; margin:25px auto 0;}
.join_cont .join_box5 ul li{padding:0 0 27px 0 ; background:url(../images/sub/join_bg9.jpg) no-repeat center bottom; float:none;}
.join_cont .join_box5 ul li span{background:url(../images/sub/join_bg7.jpg) no-repeat 0 0 / 100%; width:290px; padding:33px 0 30px;}
.join_cont .join_box5 ul li.bg2 span{background:url(../images/sub/join_bg8.jpg) no-repeat 0 0 / 100%;}
.join_cont .join_box5 ul li.bgx{background:none; padding-right:0;}
.join_cont .join_box5 .image_box{text-align:center; width:100%; margin:0px;}
.join_cont .join_box5 .image_box img{width:150px;padding:8px;}


.join_cont .join_box6 ul{/* width:100%;  background:url(../images/sub/so_smart_bg2.png) no-repeat 0 0; */margin:20px auto 0;/*  background-size:100%; */}
.join_cont .join_box6 .smart_img{width:100%; margin:20px auto 0;}
.join_cont .join_box6 .smart_img .web_img{display:none}
.join_cont .join_box6 .smart_img .tab_img{width:100%;}
.join_cont .join_box6 .smart_img .mob_img{display:none;}

.join_cont .join_box6 ul li{color:#fff; margin-right:10px; line-height:29px;}
.join_cont .join_box6 ul li.marx{padding:45px 0px 0px 20px;}


.join_cont .join_box7{padding:155px 0 0 0; border-bottom:1px solid #dadada;}
.join_cont .join_box7 h4{font-family: 'Nanum Square'; font-size:20px; color:#fff;  margin:4px 0 0 4px; text-align:center;}
.join_cont .join_box7 h4 span{padding-right:0px;}
.join_cont .join_box7 p{color:#f3f3f3; font-size:14px; line-height:30px; text-align:center; margin:30px 0 70px 0px; font-family: 'Nanum Gothic'; font-weight:400; word-break:keep-all;}
.join_cont .join_box7 p span{display:block;}
.join_cont .join_box7 ul{width:100%; margin:40px auto 0; padding:73px 0;}
.join_cont .join_box7 ul .web_img{position:relative; margin-top:-70px; width:100%; margin-bottom:100px;}
.join_cont .join_box7 ul .mob_img{display:none;}
.join_cont .join_box7 ul li{line-height:29px;}
.join_cont .join_box7 ul li.list1{margin-left:65px; color:#fff;}
.join_cont .join_box7 ul li.list2{margin-left:91px; color:#222;}
.join_cont .join_box7 ul li.list3{margin-left:83px; color:#fff;}

.join_cont .join_box8{width:90%; padding:15px; border:3px double #dadada; margin:100px auto 100px;}
.join_cont .join_box8 p{color:#f3f3f3; font-size:18px; line-height:30px; text-align:center; margin:30px 0 30px 0px; font-family: 'Nanum Gothic'; font-weight:400; word-break:keep-all;}
.join_cont .join_box8 p span{display:block;}


.join_cont .join_mov{overflow:hidden; width:100%; margin-top:10px; padding-bottom:0;}
.join_cont .join_mov .join_movlist{width:100%;}
.join_cont .join_mov .join_movimg{width:98%; margin-top:40px; margin-bottom:10px; height: auto; height:auto; margin-left:0px; margin-right:0px;}
.join_cont .join_mov .join_movimg2{margin-left:3%;}
.join_cont .join_mov .join_movimg a:after{width:50px; height:50px; background-size:50px; top:42%; left:43%;}
.join_cont .join_mov .join_movimg a:before{width:98%;}
.join_cont .join_mov .join_movimg a img{width:98%;}
.join_cont .join_mov .join_movimg .join_imgt{position:relative; padding:0 0 10px 0; background-size:98%; width:100%; height:auto;}
.join_cont .join_mov .join_movimg .join_imgt2{position:relative; padding:0 0 10px 0; background-size:98%; width:100%; height:auto;}
.join_cont .join_mov .join_movimg .join_imgt3{position:relative; padding:0 16px 16px 0; width:100%; height:auto; overflow:hidden;}
.join_cont .join_mov .join_movimg .join_imgt4{position:relative; padding:0 16px 16px 0; width:100%; height:auto; overflow:hidden;}
.join_cont .join_mov .join_movimg .join_imgt img{width:98%;}
.join_cont .join_mov .join_movimg .join_imgt2 img{width:98%;}
.join_cont .join_mov .join_movimg p{font-size:15px; }
.join_cont .join_mov .join_movimg .data{font-size:13px; margin-top:15px; line-height:20px;}
.join_cont .data2{font-size:12px; }



/*서브 yuMES사례*/
h3.sub_title{font-family: 'Nanum Square'; font-size:18px; color:#222; text-align:center; font-weight:400; padding-bottom:30px; padding-top:30px;}
h3.sub_title span{font-size:18px; background-repeat:no-repeat; background-position:center 0 ; padding-top:0px;}
h3.sub_title strong{color:#2a509d;font-weight:600;}
h3.sub_title span.mob_db{padding:0; background-image:none;}

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 80px;}

.yumes_ex_cont .job_tab{height:auto; background-size: 100% 40px; margin:30px 0 15px;}
.yumes_ex_cont .job_tab ul{display:none;}
.yumes_ex_cont .job_tab .mob_tab_box{display:block;}
.yumes_ex_cont .job_tab ul li{width:100%; float:none; text-align:left; padding:0 3%; border:1px solid #dadada; box-sizing:border-box; margin-top:-1px; display:none;}
.yumes_ex_cont .job_tab ul li:hover{background:none;}
.yumes_ex_cont .job_tab ul li:hover a{color:#222;}
.yumes_ex_cont .job_tab ul li.mob_tab{display:block;}
.yumes_ex_cont .job_tab ul li a{font-size:12px; padding:11px 0 13px;}
.yumes_ex_cont .job_tab ul li.on{border-right:none; background-image:none; background-color:#2a509d;}
.yumes_ex_cont .job_tab ul li:hover a.mob_on{color:#fff;}
.yumes_ex_cont .job_tab ul li a.mob_on{ font-size: 12px; padding: 11px 0 13px; background-image: url(../images/sub/st_arrow_on2.png); background-repeat: no-repeat; background-position: right center;}
.yumes_ex_cont .job_tab ul li a.mob_on.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:right center ;}



.yumes_ex_box{/* margin:100px 0 130px; */ margin:30px 0 50px; overflow:hidden;}
.yumes_ex_box .yumes_ex_txt{text-align:center; padding: 20px 20px;  margin-top:0px;  border: 2px solid #477dc1; }
.yumes_ex_box .yumes_ex_txt .v_txt1{float:left; color:#2a509d; font-size:13px; 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:13px; color:#222; font-family: 'Nanum Gothic', sans-serif; font-weight:300; line-height:30px; 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_cont .yumes_ex_box3 .yumes_ex_mot img{width:-webkit-fill-available; 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 50px; /*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:18px; color:#222; font-family: 'Nanum Square'; font-weight:500; text-align:center; margin-top:50px; 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:10px; width:87%; padding:0 15px 0 25px; 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:0;}
.yumes_ex_cont .job_list2 .job_info .job_box h5{color:#222; font-weight:700; font-size:15px; margin:20px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box p{color:#666; font-size:13px; 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:10px; width:87%; padding:0 15px 0 25px; 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:15px; margin:35px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box3 p{color:#666; font-size:13px; 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:10px; width:87%; padding:0 15px 0 25px; 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:15px; margin:35px 0 15px;}
.yumes_ex_cont .job_list2 .job_info .job_box4 p{color:#666; font-size:13px; 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;
}


 /*주요고객사(솔루션)*/
.com_cont .join_box1{padding:50px 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{font-size:14px; line-height:25px; margin:20px 0 30px;}
.com_cont .join_box1 p span{display:inline; width:641px;}
.com_cont .join_box1 ul{overflow:hidden; width:auto;}
.com_cont .join_box1 ul img{position:relative; margin:0px 0px 20px 0px; width:100%;}
.com_cont .join_box1 ul li{font-size:16px;}
.com_cont .join_box1 ul li span{display:inline;}
.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:100%; margin:0px;}
.com_cont .join_box1 .image_box img{width:150px; margin:6px; padding:0px;  border:1px solid #c1c1c1;}
 
 
   /*사이버 제보하기*/
.cy_cont{margin:50px 0 50px;}
.cy_cont p{font-size:12px; line-height:20px; margin:10px 0 15px; word-break:keep-all;}
.cy_cont p span{display:inline;}
.cy_cont .cy_box{background:#f6f6f6; border:1px solid #dadada; padding:20px 15px 25px 15px; }
.cy_cont .cy_box dl{padding-left:0; background:none;}
.cy_cont .cy_box dl dt{font-size:13px; margin-bottom:10px;}
.cy_cont .cy_box dl dd{font-size:11px; line-height:19px; background-position:0 8px; word-break:keep-all;}
.cy_cont .cy_box2{margin-top:25px;}
.cy_cont .cy_box2 h4{font-size:16px;}
.cy_cont .cy_box2 p{text-align:left; margin:7px 0 11px;}
.cy_cont .cy_box2 table{b width:100%;}
.cy_cont .cy_box2 table .tit_t{border-top:1px solid #dadada;}
.cy_cont .cy_box2 table .tit_t1{font-size:13px;text-alight:center; border-bottom:1px solid #fff;}
.cy_cont .cy_box2 table tbody th{font-size:12px; height:45px; width:20%;}
.cy_cont .cy_box2 table tbody td{width:80%;}
.cy_cont .cy_box2 table tbody td .cy_title{width:91%; height:33px; font-size:14px;}
.cy_cont .cy_box2 table tbody td .text{width:95%; height:200px; font-size:14px;}
.cy_cont .cy_box2 .cy_btn{margin-top:30px;}
.cy_cont .cy_box2 .cy_btn a{width:100px; height:38px; font-size:12px; line-height:38px;}
.cy_cont .cy_box2 .cy_btn a.btn2{margin-left:5px;}
 
 
/* 팝업 배경 */
#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: 13px;
            line-height: 1.6;
        }

 /* 동의 버튼 스타일 */
.popup-button {
            width: 100%;
            padding: 10px;
            margin-top: 20px;
            background-color: #2a509d;
            color: white;
            font-size: 13px;
            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;
        }        
 
 

/*푸터*/
#footer{height:auto;  background-color:#333; padding-bottom:20px; border-top:none;}
.foot{width:100%; margin:0 auto; padding-bottom:0; overflow:hidden;}
.foot .f_logo{float:none; display:none;}
.foot .addr{float:none; margin:0; width:100%; background-color:#333;}
.foot .addr ul{margin-bottom:20px; height:auto;}
.foot .addr ul li{float:left; font-size:12px; margin-left:0; padding:10px 0 10px 3% ; background-image:none; width:46.8%; border-bottom:1px solid #666;}
.foot .addr ul li.marx{padding:10px 0 10px 3%;}
.foot .addr ul li.bar{border-right:1px solid #666;}
.foot .addr ul li.marx a:hover{border-bottom:none;}
.foot .addr ul li a:hover{border-bottom:none; padding-bottom:0;}
.foot .addr p{font-size:11px; color:#999; line-height:18px; padding:0 3%; margin-top: 4px;}
.foot .addr p span{display:block;}
.foot .family{float:none; margin-top:12px;  margin:0 auto; background-color:#d5d6da; border:none;}
.foot .family .f_btn{font-size:11px; width:100%; color:#222; padding:14px 3% 14px; background-color:#d5d6da; background-image:none; margin-top:0px;}
.foot .family_on{width:100%; top:40px; display:none;}
.foot .family_on button{font-size:11px; background-size:7px; background-position:95%; display:none;}
.foot .family_on ul{background-color:#7b7b7b;}
.foot .family_on ul li{font-size:11px;}
.foot .family_on ul li a{color:#fff;}
.foot .family_on ul li a span{display:inline;}
 
 /*모바일 메뉴*/
.t_sub_menu{display:block; position:absolute; top:0; right:-100%; z-index:999999; width:100%; background-color:#fff; height:100%; }
.t_sub_menu .t_top{overflow:hidden; padding:0px 3%  8px 13px ; border-bottom:1px solid #dadada; background-color:#41484b;}
.t_sub_menu .t_top .t_logo{float:left; margin-top:10px;}
.t_sub_menu .t_top .t_logo img{width:75px;}
.t_sub_menu .t_top .t_close{float:right; margin-top:15px;}
.t_sub_menu .t_top .t_close img{width:15px;}
.t_sub_menu .t_lang{text-align:center; padding:10px 0; border-bottom:1px solid #dadada;}
.t_sub_menu .t_lang a{font-size:12px; color:#999; font-family: 'Rajdhani', sans-serif; font-weight:500; padding-left:5px; margin-left:5px; background-image:url(../images/common/bar2.png); background-repeat:no-repeat; background-position:0 center ; background-size:1px 9px;}
.t_sub_menu .t_lang a.kor_t{background-image:none; padding:0; margin:0;}
.t_sub_menu .t_lang a.on{color:#2a509d;}


.t_sub_menu .t_menu ul{ overflow:hidden; clear:both; border-bottom:1px solid #dadada; }
.t_sub_menu .t_menu ul li{ border-top:1px solid #dadada; font-size:13px; font-family: 'Nanum Gothic'; font-weight:400;}
.t_sub_menu .t_menu ul li.nobr{ border-top:none; }
.t_sub_menu .t_menu ul li a{ display:block; height:45px; padding:0 20px; line-height:45px; color:#333; }
.t_sub_menu .t_menu ul li a.on{ color:#fff; background:#2a509d;}

.t_sub_menu .t_menu ul li ul li.nobr2{ border-top:none; }

.t_sub_menu .t_menu ul li ul{ border-bottom:none; border-top:1px solid #dadada; }
.t_sub_menu .t_menu ul li ul li{ border-top:1px solid #dadada; }

.t_sub_menu .t_menu ul li ul li a{ background:#fff; }
.t_sub_menu .t_menu ul li ul li a.on{ background:#fff; color:#0051af; background:#e9e9e9 url(/m/images/common/menu_open_on.png) 96% 14px  no-repeat; background-size:11px 11px; }

.t_sub_menu .t_menu ul li ul li.grbg{ background:#f4f4f4; }

.t_sub_menu .t_menu ul li ul li ul{ padding:8px 0; border-bottom:none; background:#fff; border-top:1px solid #dadada; display:none;}
.t_sub_menu .t_menu ul li ul li ul li{ border-top:none; font-size:11px; line-height:20px; color:#333; }
.t_sub_menu .t_menu ul li ul li ul li a{ height:30px; padding-left:30px; line-height:30px; color:#333;  background-image:url(../images/common/t_menu_off.png); background-repeat:no-repeat; background-size:4px; background-position:19px 12px ;  background-color:#fff;}
.t_sub_menu .t_menu ul li ul li ul li a.on{ color:#0051af; background:url(/m/images/common/menu_dotted_on.png) 21px 13px no-repeat; background-size:2px 2px;}
.t_sub_menu .t_menu ul li ul li ul li a:hover{ color:#2a509d; background-image:url(../images/common/t_menu_on.png); background-repeat:no-repeat; background-size:4px; background-position:19px 12px ; font-weight:700;}

.t_sub_menu .t_menu ul li a .men_arrow{ display:block; width:100%; background-image:url(../images/common/arrow_off.png); background-repeat:no-repeat; background-size:11px; background-position:right center ; }
.t_sub_menu .t_menu ul li a.on .men_arrow{ color:#fff; background-image:url(../images/common/arrow_on2.png); background-repeat:no-repeat; background-size:11px; background-position:right center ; }

.t_sub_menu .t_menu ul li ul li a{ background:#f7f7f7;  }
.t_sub_menu .t_menu ul li ul li a.on{ color:#222; background:#f7f7f7; font-weight:700;}

.t_sub_menu .t_menu ul li ul li a .men_arrow2{display:block; width:100%; background-image:url(../images/common/arrow_off.png); background-repeat:no-repeat; background-size:11px; background-position:right center ; }
.t_sub_menu .t_menu ul li ul li a.on .men_arrow2{ background-image:url(../images/common/arrow_on.png); background-repeat:no-repeat; background-size:11px; background-position:right center ;}

.t_sub_menu .t_menu ul li ul li{font-size:12px;}
.t_sub_menu .t_menu ul li ul li.grbg a .men_arrow2{background-image:none;}
 
  /*헤더 on*/
 #header.on{background-image:none; background-color:#fff;}

  /*탑버튼*/
.top_btn{display:block; position:absolute; bottom:240px; right:5%;}
.top_btn button{width:35px; height:35px; background-size:35px;}



/*서브 서브메뉴*/
.sub_menu2 .sub_menu_box{width:100%;}
.sub_menu2 .sub_menu_box ul li{width:85%; box-sizing:border-box; font-size:14px;}
.sub_menu2 .sub_menu_box ul li a{width:97%; padding-left:3%;}
.sub_menu2 .sub_menu_box ul li.on a{background-position:97% center;}
.sub_menu2 .sub_menu_box ul li.on:hover a.menu_t2{background-position:97% center;}
.sub_menu2 .sub_menu_box ul li.home{display:none;}
.sub_menu2 .sub_menu_box ul li.s_sub2{display:none;}
.sub_menu2 .sub_menu_box ul li.share{width:15%; float:left; margin-left:-1px;}
.sub_menu2 .sub_menu_box ul li.share a{width:98%; padding-left:3%; background-position:center center; text-indent:-9999px;}
.sub_menu2 .sub_menu_box ul li.s_sub ul li{width:100%;}
.sub_menu2 .sub_menu_box ul li.s_sub ul li a{width:100%;}
.sub_menu2 .sub_menu_box ul li.share .share_box{width:164px; height:58px; background-image:url(../images/sub/share_bg2.png); background-repeat:no-repeat; background-size:164px; background-position:0 0 ; overflow:hidden; position:absolute; top:51px; right:1px;}
.sub_menu2 .sub_menu_box ul li.share .share_box a{margin:2px 0 0 15px; text-indent:0;}
.sub_menu2 .sub_menu_box ul li.share .share_box a.fb{margin:2px 0 0 26px;}
.sub_menu2.on .sub_menu_box ul li.on a.menu_t2.on{background-position:97% center;}
.sub_menu2.on .sub_menu_box ul li.share a{background-position: 18px center;}
/*서브페이지 - 유라소식*/
.top_title{height:250px;}
.top_title .top_txt{margin:110px 0 0 0;}
.top_title .top_txt dl{}
.top_title .top_txt dl dt{font-size:28px;}
.top_title .top_txt dl dd{font-size:13px; margin:3px 0 0 7px; letter-spacing:4px;}

.sub_cont{width:94%;}
.news_box{ margin:17px 0 50px;}
.news_box .news_list{border-top:2px solid #2a509d; margin-top:20px;}
.news_box .news_list table thead th{display:none;}
.news_box .news_list table tbody td{font-size:12px; height:65px;}
.news_box .news_list table tbody td.dn{display:none;}
.news_box .news_list table tbody td.left{padding-left:1%;}
.news_box .news_list table tbody td a{color:#666; display: inline-block;  max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_box .news_list table tbody td .mob_pres{display:block; margin-top:5px;}

.num{margin-top:38px;}
.num a{font-size:11px; width:21px; height:22px; line-height:23px; margin-left:1px;}
.num a img{width:18px;}
.num a.num1{margin-right:5px;}
.num a.num2{margin-left:5px;}


/*검색*/
.news_sect{text-align:left;}
.news_sect .all_txt{float:none; margin-top:40px;}
.news_sect .all_txt p{font-size:12px;}
.news_sect .sub_ser_box{float:none; width:100%;}
.sub_search{float:none; width:100% }
.sub_search .n_sear{width:30%; height:41px; margin-right:3%; float:left;}
.sub_search .n_sear > a{font-size:12px; border:1px solid #dadada; line-height:38px; padding-left:11px;}
.sub_search .n_sear > div a{font-size:12px; line-height:22px;}
.sub_search .sub_ser{float:left; width:67%}
.sub_search .sub_ser input{width:74%; height:41px; border:1px solid #dadada; box-sizing:border-box; vertical-align:top;}
.sub_search .sub_ser button{width:25%; font-size:12px ; height:41px; margin-left:-4px;}



 /*셀렉트박스*/
 .dropdown{width:100%; margin:1px 0 0 0;}
 .dropdown dt a{width:100%; padding-right:0; border:1px solid #dadada; background-position:86% center;}
 .dropdown dt a span{font-size:12px;}
 .dropdown dd ul{width:98%; border:1px solid #dadada;}
 .dropdown dd ul li a{font-size:12px;}
 .down_cont .down_txt{margin-top:15px;}
.down_cont .down_txt p{position:static; left:0; top:0; height:auto; font-size:12px; color:#222; font-family: 'Nanum Gothic'; font-weight:400;}


  /*사이트맵*/
.st_cont{margin-bottom:90px;}
.st_cont .st_menu{width:100%; margin:60px 0 0 0; height:auto;}
.st_cont .st_menu1{margin:60px 0 0 0;}
.st_cont .st_menu h4{font-size:15px; padding:0 0 10px 7px;}
.st_cont .st_menu ul{margin-top:0;}
.st_cont .st_menu ul li{padding:10px 0;}
.st_cont .st_menu ul li a{font-size:12px; padding-left:0;}
.st_cont .st_menu ul li ul{margin-top:10px;}
.st_cont .st_menu ul li ul li{padding:0 0;}
.st_cont .st_menu ul li ul li a{font-size:11px; margin-left:11px; line-height:22px;}
 
  
 /*이메일무단수집거부*/
.mail_cont{padding:190px 50px 40px; margin:43px 0 120px; background-size:110px; background-position:center 55px;}
.mail_cont p{font-size:14px; line-height:26px; margin-bottom:10px; }
.mail_cont p span{display:inline;}
 
  /*검색결과*/
.sear_cont{margin:50px 0 100px;}
.sear_cont .sear_box{text-align:center;}
.sear_cont .sear_tab{margin:33px 0 35px; width:100%;}
.sear_cont .sear_tab p{font-size:12px; margin-bottom:20px;}
.sear_cont .sear_tab ul{display:none;}

.sear_cont .sear_tab .mob_tab_box{display:block;}
.sear_cont .sear_tab .mob_tab_box li{width:100%; float:none; text-align:left; padding:0 3%; border:1px solid #dadada; box-sizing:border-box; margin-top:-1px; display:none; background:none;}
.sear_cont .sear_tab .mob_tab_box li.mob_tab{display:none;}
.sear_cont .sear_tab .mob_tab_box li a{font-family: 'Nanum Gothic'; font-weight:400;  display:block; font-size:12px; padding:11px 0 13px; text-align:left;}
.sear_cont .sear_tab .mob_tab_box li.on{display:block; border-right:none; background-image:none; background-color:#c42127;}
.sear_cont .sear_tab .mob_tab_box li a.mob_on{ font-size: 12px; color:#fff; padding: 11px 0 13px; background-image: url(../images/sub/st_arrow_on2.png); background-repeat: no-repeat; background-position: right center;}
.sear_cont .sear_tab .mob_tab_box li a.mob_on.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:right center ;}


.sear_cont .sear_list .searlist_box{margin-bottom:50px;}
.sear_cont .sear_list .sear_tit{overflow:hidden;}
.sear_cont .sear_list .sear_tit h5{font-size:14px;}
.sear_cont .sear_list .sear_tit a{font-size:12px; padding-right:10px; margin-right:5px; background-position:37px center; background-size:6px;}

.sear_cont .sear_list .sear_res{width:100%; padding:22px 0;}

.sear_cont .sear_list .sear_all{ border-top:2px solid #222; margin-top:10px; }
.sear_cont .sear_list .sear_all .sear_l{width:100%; float:none;}
.sear_cont .sear_list .sear_all .sear_l ul{width:50%;}
.sear_cont .sear_list .sear_all .sear_l ul li{font-size:12px; line-height:20px;}
.sear_cont .sear_list .sear_all .sear_l ul li a{font-size:15px; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display:block;}
.sear_cont .sear_list .sear_all .sear_l ul li.maro{margin:10px 0 15px;}
.sear_cont .sear_list .sear_all .sear_r{width:100%; float:none; margin-top:15px;}
.sear_cont .sear_list .sear_all .sear_r a.btn{width:110px; height:30px; line-height:30px; font-size:11px; float:left; margin:0 10px 0 0;}
.sear_cont .sear_list .sear_all .sear_r a.btn3 span:after{background-size:10px; margin-left:5px;}
.sear_cont .sear_list .sear_all .sear_r a.btn3:hover span:after{background-size:10px;}
.sear_cont .sear_list .sear_all .sear_img{margin-right:20px; width:30%;}
.sear_cont .sear_list .sear_all .sear_img img{width:100%;}


 
 .news .tabmenu .inr_bx{cursor: pointer; display: block; font-size:15px; border-bottom: 1px solid #ccc; color: #fff; text-indent: 15px; height: 40px; line-height: 40px; background: #2e6ab3 url(../images/news/menu_bg.png) no-repeat 96% 50%; background-size: auto 8px;}
 .news .tabmenu ul{ display:none; overflow:hidden; }
.news .tabmenu li{ text-align:left; border:none; }
.news .tabmenu li a{ color:#555; display: block; width: auto; padding: 0; color: #000; text-indent: 15px; background: #f7f7f7 none; line-height: 40px; height: 40px; }
.news .tabmenu li { overflow:hidden; float: left; width: 100%; height:40px; text-align: center; border:1px solid #ccc; }
.news .tabmenu li.sub_mewh{ width:100%;  }
.news .tabmenu li.sub_nortbr{border-right:none; border-bottom:none;}
.news .tabmenu li.sub_rtbr{border-right:none }
.news .tabmenu li.sub_nortbr2{border-left:none; }
.news .tabmenu li{ text-align:left; border:none; }
.news .newsList ul li a .tit{ margin-bottom:10px; }
.news .tabmenu li.on { display:none !important; }
.news .tabmenu.tp_tbmenu li{ width:100%; }
 
 .tab_txt{display:block; 
	cursor:pointer;
    width: auto;
	box-sizing:border-box;
    text-align: left;
    height: auto;
    line-height: 1;
    display: block;
    font-size: 12px;
    padding: 11px 3% 13px; background-color: #c42127; color:#fff; background-image: url(../images/sub/st_arrow_on2.png); background-repeat: no-repeat; background-position: 95% center;}
 .tab_txt.on{background-image:url(../images/sub/st_arrow_on4.png); background-repeat:no-repeat; background-position:95% center ;}
 .rec_ment .ment_tab .ment_web li a.on{background-image:none; color:#222;}
 .rec_ment .ment_tab .ment_web li.on2{display:none !important;}
 .cust_tab ul li:hover{background-image:none;}
 .cust_tab ul li:hover a{color:#222;}
 .cust_tab ul li a.on{background-image:none; color:#222;}
 .cust_tab ul li.on2{display:none !important;}
 .cust_tab .cust_tablist li.on{background:none;}
 .cust_tab .cust_tablist li a.mob_on{background-image:none; color:#222;}

.sear_cont .sear_tab ul{display:none; width:100%; border:none; margin-top:0;}
.sear_cont .sear_tab ul li{background-image:none; width:100%; float:none; text-align:left; padding:0 3%; border:1px solid #dadada; box-sizing:border-box; margin-top:-1px; margin-left:0;}
.sear_cont .sear_tab ul li.mob_tab{display:block;}
.sear_cont .sear_tab ul li a{background-image:none; width:100%; text-align:left; height:auto ; line-height:1; display:block; font-size:12px; padding:11px 0 13px;}
.sear_cont .sear_tab ul li.on{border-right:none; background-image:none; background-color:#c42127;}
.sear_cont .sear_tab ul li a.mob_on{ font-size: 12px; color:#fff; padding: 11px 0 13px; background-image: url(../images/sub/st_arrow_on2.png); background-repeat: no-repeat; background-position: right center;}
.sear_cont .sear_tab ul li a.mob_on.on{background-image:url(../images/sub/st_arrow_on4.png);}
.sear_cont .sear_tab ul li a.on{background:none; color:#222;}
 
  /*에러*/
.error{width:94%; margin:35px auto 80px; padding:40px 0 40px;}
.error dl{}
.error dl dt{font-size:24px; padding-top:85px; background-size:75px; word-break:keep-all; width:60%; margin:0 auto 10px; line-height:30px;}
.error dl dd{font-size:13px; line-height:20px; word-break:keep-all; width:80%; margin:0 auto;}
.error dl dd span{display:block;}
.error a{width:140px; height:40px; font-size:12px; margin-top:30px; }
.error a span{top:13px;}
.error a span:after{width:10px; height:10px; background-size:10px; margin-left:8px;}
.error a:hover span:after{background-size:10px;}

.news_box .news_list_0201 table tbody td .mob_pres .mob_not{color:#2a509d;background: 17px; padding:3px 0 3px 3px;}

/*유라소식 뷰*/
.news_view{margin-top:35px;}
.news_view h4{font-size:18px; padding:18px 0;}
.news_view h4 .tit_0201{width:65px; height:27px; line-height:27px; font-size:12px; margin:0 10px 0 0; background-size:14px; padding-left:px;}
.news_view h4 .tit_02012{float:none; margin-top:0; display:block; width:auto; line-height:30px;}
.news_view h4 strong{width:60%;}
.news_view h4 span{display:block; font-size:12px; float:none; margin:2px 0 0 0;}
.news_view .n_file{ font-size:12px; padding:12px 0;}
.news_view .n_file a{margin-left: 0; padding:5px 0 5px 20px; background-size:14px;}
.news_view .n_file a span{ padding-right:8px; margin-right:8px; background-size:1px 10px;}
.news_view .n_cont{padding:20px 0 20px 0; border-bottom:1px solid #dadada;}
.news_view .n_cont p{font-size:12px; line-height:22px; margin-bottom:10px;}
.news_view .new_btn{margin:20px 0 84px;}
.news_view .new_btn a{width:100px; height:38px; line-height:38px; font-size:12px;}
.news_view .new_btn a span:before{margin:8px 5px 0 0; width:18px; height:20px; background-size:11px;}
.news_view .new_btn a:hover span:before{background-size:15px;}
 }