@charset "utf-8";
@import url("font.css");
@import url("reset.css");

.mo{display:none}
.pc{display:block}
	
.center{text-align:center !important}
input:focus, textarea:focus{outline: none; }
.mt10{margin-top:10px}
em{font-size:16px;color:#ed1c24;margin-left:5px;}
.en{font-family: 'Poppins';}

#header{height:88px;min-width:1200px;border-bottom:1px solid #d4d4d7;position:relative;border-bottom:1px solid #dfe3e9}
.header{height:88px;padding:28px 15px;width:1200px;margin:0 auto;box-sizing: border-box;}
.header h1{float:left;margin-top:-4px;}

.language{float:right;margin-top: -59px;}
.language > a{display:block;float:left;height:30px;border-right:0px;width:50px;display:block;text-align:center;color:#36384c;font-size:12px;line-height:30px;border:1px solid #ddd;}
.language > a:last-child{border-right:1px solid #ddd}
.language > a.on{background:#e5effc;color:#36384c}
.language:after{display:block;content:'';clear:both;}

.menu{width:550px;margin:0 auto;}
.menu:after{display:block;content:'';clear:both;}
.menu > ul{width:100%;float:right;padding-bottom:27px;height:32px;line-height:32px}
.menu > ul > li{float:left;width:33.3%;text-align:left;position:relative;padding-bottom:23px;border-bottom:2px solid #fff}
.menu > ul > li:hover{border-bottom:3px solid #0063e6}
.menu > ul > li > a{color:#0f1f2f;font-size:18px;font-weight:500;padding:0px 20px}
.menu > ul > li:hover > a{color:#338ef1}
.menu .sub_menu{height:0px;overflow:hidden;transition: .6s;}
.menu:hover .sub_menu{height:193px;}
/* .menu .sub_menu:hover{display:block} */


.menu ul.sub_menu{position:absolute;top:62px;z-index:999999;width:100%;padding:5px 0px}
.menu ul.sub_menu > li{padding:5px 20px;}
.menu ul.sub_menu > li > a {font-size:16px;display:block;width:100%;line-height:35px;color:#666}
.menu ul.sub_menu > li > a:hover{color:#0063e6}

.menu > ul > li:hover ul.sub_menu{background: #f4f9fc;}
.menu > ul > li:hover ul.sub_menu > li > a{color:#333}
.menu > ul > li:hover ul.sub_menu > li > a:hover{color:#0063e6}

.sub_menu.bg{display:block;transition: .6s; height: 0;width:100%;top:89px;min-width:1200px;background: #fff;position: absolute;left:0px;z-index:99999;border-bottom:1px solid #d4d4d7}
.menu:hover .sub_menu.bg{height:203px;transition: .6s;}

.menu .menu_img{width:1200px;min-width:1200px;margin:0 auto;background:url(/images/bg_srcfarm.png) no-repeat 15px 15px;height:193px;}
.menu .menu_img p {padding-top: 145px;width: 230px;padding-left:15px;font-size: 13px;}
#container{position: relative;min-width:1200px;overflow:hidden}    
#container .img_main{background:url(/images/main.jpg) no-repeat center center;height:300px;width:100%;}
#container{display:block;content:'';clear:both;}

.visual{position:relative}
.visual > #slides{height:760px;}
.visual > .slideShow li{height:760px;width:100%;float:left}
.visual > .slideShow li .blind{display:none}
.visual > .slideShow li .txt_div{width:1200px;margin:0 auto;height:760px;}
.visual > .slideShow li.visual_1 .title{padding-left:15px;font-family: 'Poppins';padding-top:230px;font-size:80px;color:#fff;font-weight:700;line-height:1.1;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);}
.visual > .slideShow li.visual_1 .title .blue{font-family: 'Poppins';display:block;font-size:80px;color:#00a2ff;font-weight:700;line-height:1.1;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);}
.visual > .slideShow li.visual_1 .txt{padding-left:15px;margin-top:40px;color:#fff;font-size:22px;width: 450px;}
.en .visual > .slideShow li.visual_1 .txt{width:525px}

.visual > .slideShow li.visual_2 .title{font-family: 'Poppins';text-align:center;padding-top:230px;font-size:80px;color:#fff;font-weight:700;line-height:1.1;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);}
.visual > .slideShow li.visual_2 .title .blue{font-family: 'Poppins';text-align:center;display:block;font-size:80px;color:#00a2ff;font-weight:700;line-height:1.1;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);}
.visual > .slideShow li.visual_2 .txt{margin-top:40px;text-align:center;color:#fff;font-size:22px;width: 100%;}

.slick-dotted.slick-slider{margin-bottom:0px !important}
.scroll{position: absolute;bottom: 30px;left: 50%;margin-left: -50px;animation: mouse 1.5s infinite ease-in-out;}
.scroll:hover img{top:-10px}

@keyframes mouse {
  0% {bottom:50px}
  50% {bottom:70px;}
  100% {bottom:50px;}
}

.visual .slick-dots{bottom:0px;display:none !important}
.slick-dots li{height:0px !important}
.con{padding:110px 15px;}
.con h2{color:#0063e6;font-size:16px;text-align:center;display:block;margin-bottom:10px}
.con h2 span{background:#e5effc;letter-spacing:3px;padding-left:3px;font-size:16px}
.con p.title{margin:0 auto;word-break: keep-all;font-size:38px;color:#13152d;text-align:center;margin-bottom:35px;max-width:850px;}
.con p.title span{font-size:38px;color:#00a2ff;font-weight:400}

.con.blue{background:#014bca}
.con.blue h2{color:#fff}
.con.blue h2 span{background:#267aea;}
.con.blue p.title{color:#fff}
.con.blue p.title span{color:#5cd468}



.main .business{width:1168px;margin:0 auto;}
.main .business:after{display:block;content:'';clear:both;}
.main .business > li{width:388px;height:480px;margin-right:2px;float:left;position:relative;}
.main .business > li:last-child{margin-right:0px}
.main .business > li.b01{background:url(/images/business01.jpg) no-repeat center center;}
.main .business > li.b02{background:url(/images/business02.jpg) no-repeat center center;}
.main .business > li.b03{background:url(/images/business03.jpg) no-repeat center center;}
.main .business > li span.title{font-size:24px;color:#fff;font-weight:700;position:absolute;left:20px;bottom:150px;text-shadow: 2px 2px 2px #002060}
.main .business > li span.txt {position:absolute;left:0px;margin:0px 20px;top:340px;font-size: 15px;color: rgba(255,255,255,0.8);opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;text-shadow: 1px 1px 1px #002060}
.main .business > li span.more{position:absolute;left:20px;bottom:20px;font-size: 13px;color:#00a2ff;opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.main .business > li span.title,
.main .business > li span.txt{
	-webkit-transform: translate3d(0,80px,0);
	transform: translate3d(0,80px,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

.main .business > li:hover span.title,
.main .business > li:hover span.txt {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	
}
.main .business > li:hover span{opacity: 1;}

.main .business > li span.txt{
	-webkit-transform: translate3d(0,80px,0);
	transform: translate3d(0,80px,0);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
.main .business > li:hover a{background:rgba(26,111,220,.85);display:block;width:100%;height:100%;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s}

.main .business > li span.more_btn{position:absolute;padding:20px;background:#0063e6;text-align:Center;display:inline-block;right:0px}
.main .business > li:hover span.more_btn{display:none}

.en.main .business > li span.txt{display:none}

.main .product{width:1168px;margin:0 auto;}
.main .product:after{display:block;content:'';clear:both;}
.main .product > li{width:388px;height:480px;margin-right:2px;float:left;position:relative}
.en.main .product > li{height:505px;}
.main .product > li img{width:100%}


.main .product > li:last-child{margin-right:0px}
.main .product > li:hover{background:#0063e6}
.main .product > li:hover  p > span.more{color:#5cd468;}
.main .product > li p {position:absolute;top:300px;left:0px;width:100%}
.main .product > li p > span{color:#c5eaff;font-size:16px;text-align:center;display:block;margin:0px 30px}
.main .product > li p > span.name{color:#fff;font-size:24px;text-align:center;margin-bottom:15px;}
.main .product > li p > span.more{color:#00a2ff;font-size:14px;margin-top:35px}




#footer{width:100%;min-width:1200px;background:#13152d;bottom:0px}
.footer{width:1200px;margin:0 auto;padding:30px 15px;box-sizing:border-box;position:relative}
.footer > .address{color:#e7e7ea;font-size:13px;line-height:20px;margin-bottom:10px}
.footer > .address span{padding:0px 20px}
.footer > .copy{color:#7d7f8c;font-size:13px;line-height:20px;}
.footer > .flogo{position:absolute;right:15px;top:36px}


.login{text-align:center;padding-top:50px}
.login input{height:50px;border:1px solid #ddd;width:360px;margin-bottom:10px;background:#f8f8f8;color:#666666;padding:0px 10px;box-sizing:border-box}
.login .enterbtn{background:#2974ff;color:#fff}


/*서브*/
.wrap{width:1170px;margin:0 auto;padding:60px 30px;padding-bottom:120px}
.subTitle{height:312px;background:url(/images/sub_title.png) center center no-repeat;background-size:cover}
.business.subTitle{height:312px;background:url(/images/sub_title_business.png) center center no-repeat;background-size:cover}
.product.subTitle{height:312px;background:url(/images/sub_title_product.png) center center no-repeat;background-size:cover}

.subTitle h1{font-size:46px;color:#fff;text-align:center;font-weight:400}
.subTitle .tit{font-family:'Poppins';letter-spacing:2.5px;padding-top:110px;text-align:center;color:#00a2ff;font-size:16px;}
.about_txt{margin:60px 0px;text-align:center;font-size:38px;color:#13152d}
.about_txt span{font-size:38px;color:#0063e6;font-weight:500}

.wrap .tab{margin-top:-60px}
.wrap .tab ul:after{display:block;content:'';clear:both;}
.wrap .tab ul{width:100%}
.wrap .tab ul li{float:left;width:33.3%;}
/* 
.wrap .tab ul li a{border-bottom:2px solid #c4c4ca;display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:700;color:#a1a1ab}
.wrap .tab ul li a.on{border-bottom:2px solid #0063e6; color:#0063e6} */
 
.wrap .tab ul li a{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:700;color:#a1a1ab;padding:10px 0px;border:1px solid #7d7f8c;border-right:0px}
.wrap .tab ul li:last-child a{border-right:1px solid #7d7f8c}
.wrap .tab ul li a.on{color:#fff;background: #7d7f8c;}
.wrap .tab{margin-bottom:50px;}

.contents .topimg{padding:30px 0px;text-align:center;clear:both}
.contents .topimg.bg{background:#f4f9fc}

.contents .contentsimg{margin:30px auto;text-align:center;clear:both}
.contents .contentsimg img{margin:0 auto}
.contents .contentsimg.bg{background:#f4f9fc}


.explain {width:100%;margin:0 auto;box-sizing:border-box;}
.explain > p{word-break: keep-all;font-size:18px;color:#36384c;margin-bottom:20px}
.explain > p:last-child{margin-bottom:0px}
.explain > .big{word-break: keep-all;font-size:30px;color:#36384c;font-weight:500;margin-bottom:30px;letter-spacing: -0.5px;}
.explain > .big > span{word-break: keep-all;font-size:30px;color:#00a2ff;font-weight:700}
.explain > p.img{padding:30px 0px;text-align:center}
.explain.chat_txt{padding-bottom:60px;}


.pt60{padding-top:60px}
.pb60{padding-bottom:60px}

.pop_wrap .top_div .search_div .search_box{height:85px}
.pop_wrap .top_div .search_div .search_box p.select{margin-top:0px;}
.pop_wrap .top_div .search_div .search_box p.input{margin-top:0px;}
.pop_wrap .top_div .search_div .search_box p.btn{margin-top:0px;}

.pop_wrap .top_div .search_div .search_box .userList{display:inline-block;width:700px}
.pop_wrap .top_div .search_div .search_box .userList ul li{margin:5px;}

.btn01{min-width:80px;padding:10px;border:1px solid #ddd;display:inline-block;text-align:center;font-size:14px}
.btn01:hover{background:#338ef1;color:#fff}

.btn02{min-width:80px;padding:10px;border:1px solid #8591a6;display:inline-block;text-align:center;font-size:14px;background:#8591a6;color:#fff}
.btn02:hover{background:#333;color:#fff}

.bottom_div{text-align:right;padding:20px 15px;}

/*페이징*/
.paging {height:40px;text-align:center; margin:30px 0;font-size:14px;position:relative} 
.paging > a {font-size:14px; font-weight:bold; height:42px; width:42px; line-height:42px; border:1px solid #f0f0f0; display:inline-block; color:#666;margin:0px 3px;vertical-align:middle;}
.paging .on {font-weight:bold; height:42px; width:42px; line-height:42px; border:1px solid #338ef1; display:inline-block; color:#fff;background:#338ef1;vertical-align:middle;}
.paging > a:hover {color:#fff;border:1px solid #1060aa; background:#1060aa;cursor:pointer;}



.table_info{padding:0px 85px;}
.table_info table{border-top:1px solid #0063e6}
.table_info table th{background:#f2f7fe;color:#36384c;font-size:16px;padding:20px 30px;text-align:left;font-weight:500;vertical-align:middle;border-bottom:1px solid #d6dae1}
.table_info table td{color:#36384c;padding:20px 30px;font-size:16px;border-bottom:1px solid #d6dae1}


.co_name{padding:0px 85px;font-size:38px;margin:60px 0px;margin-bottom:30px;font-size:38px;color:#13152d}
.table_info2{padding:0px 85px;}
.table_info2 table th{color:#00a2ff;font-size:16px;padding:20px 0px;text-align:left;font-weight:500;vertical-align:middle;}
.table_info2 table td{color:#36384c;padding:20px 30px;font-size:16px;}
.table_info2 table td.center{text-align:center}
.table_info2 table td a{font-size:14px;color:#51535d;line-height:22px;}


.office_div, .map_div{margin-top:-130px}

.map_div iframe{width:1170px;height:540px}

.office_div ul li{float:left}
.office_div ul:after{display:block;content:'';clear:both;}

.org_div{transition: .6s;position:relative;width:999px;height:637px;margin:0 auto;background:url(/images/bg_org.png) center center no-repeat;}
.org_div span{position:absolute;font-size:16px;color:#fff;display:block;height:58px;line-height:58px;text-align:center}
.org_div span.dept1{transition: .6s;width:150px;height:150px;border-radius:150px;line-height:150px;font-size:24px;left:0px;top:215px;background:#267aea;border:15px solid #99c1f5}
.org_div span.dept2{transition: .6s;width:300px;left:300px;background:#00a2ff}
.org_div span.dept3{transition: .6s;color:#36384c;width:340px;left:659px;background:#f2f5fa;border:1px solid #dfe3e9}


.dept2-1{top:278px}
.dept3-1{top:63px}
.dept3-2{top:126px}
.dept3-3{top:189px}
.dept3-4{top:277px}
.dept3-5{top:340px}
.dept3-6{top:403px}
.dept3-7{top:491px}
.dept3-8{top:579px}



/*게시판 리스트*/
.table_list{margin:0px 15px}
.table_list table thead th{padding:10px 0px;border-top:1px solid #33476b;background:#f5f6f7;color:#3b3d49;font-size:15px;text-align:center}
.table_list table th{font-size:14px;padding:7px;text-align:left;font-weight:bold;vertical-align:middle}
.table_list table td{padding:10px 0px;font-size:14px;color:#51535d;line-height:22px;border-bottom:1px solid #d6dae1}
.table_list table td.center{text-align:center}
.table_list table td a{font-size:14px;color:#51535d;line-height:22px;}
.table_list table td.name a{color:#0070C0}
.table_list table td a:hover{color:#338ef1}

.userList ul li{float:left;padding:10px;border-radius:5px;margin:10px 5px;margin-left:0px;border:1px solid #d4d4d7;background:#fff}
.userList ul:after{display:block;content:'';clear:both;}

.commissionerList{margin-top:10px}
.commissionerList .tt{height:24px;font-size:18px;margin-top:10px}

.commissionerList .tt a{margin-left:5px;display:inline-block;padding-top:7px;}
.commissionerList .tt img{width:18px;margin-top:-7px;}

.function_div{display:table;width:100%;margin:0 auto}
.function_div .title{color:#13152d;font-size:30px;margin-bottom:30px; font-weight:500}
.function_div ul{display:table-row;}

.function_div ul li{width:50%;padding:30px;padding-left:110px;height:80px;box-sizing:border-box;display: table-cell;}
.function_div ul:after{display:block;content:'';clear:both;}
.function_div ul li .tit{padding-top:5px;font-size:22px;color:#13152d;font-weight:500;margin-bottom:10px}
.function_div ul li .txt{font-size:16px;color:#595b6c;}

.xconverter .function_div ul li.f01{background:url(/images/img_xconverter01.png) left 30px  no-repeat}
.xconverter .function_div ul li.f02{background:url(/images/img_xconverter02.png) left 30px  no-repeat}
.xconverter .function_div ul li.f03{background:url(/images/img_xconverter03.png) left 30px  no-repeat}
.xconverter .function_div ul li.f04{background:url(/images/img_xconverter04.png) left 30px  no-repeat}

.xchatbot .function_div ul li.f01{background:url(/images/img_xchatbot01.png) left 30px  no-repeat}
.xchatbot .function_div ul li.f02{background:url(/images/img_xchatbot02.png) left 30px  no-repeat}
.xchatbot .function_div ul li.f03{background:url(/images/img_xchatbot03.png) left 30px  no-repeat}
.xchatbot .function_div ul li.f04{background:url(/images/img_xchatbot04.png) left 30px  no-repeat}

.xsearch .function_div ul li.f01{background:url(/images/img_xsearch01.png) left 30px  no-repeat}
.xsearch .function_div ul li.f02{background:url(/images/img_xsearch02.png) left 30px  no-repeat}
.xsearch .function_div ul li.f03{background:url(/images/img_xsearch03.png) left 30px  no-repeat}
.xsearch .function_div ul li.f04{background:url(/images/img_xsearch04.png) left 30px  no-repeat}

.xchatbot .explain{padding-right:400px;box-sizing:border-box;position:relative}
.xchatbot .chatbot_img{position:absolute;right:0px;top:0px;width:350px;height:320px;background:url(/images/bg_chatbot.png) center center no-repeat;}
.xchatbot .chatbot_img .chat1{position:absolute;right:190px;top:0px;animation:chat1 10s  infinite;}
.xchatbot .chatbot_img .chat2{position:absolute;left:5px;top:25px;animation:chat2 10s  infinite;}
.xchatbot .chatbot_img .chat3{position:absolute;right:190px;top:50px;animation:chat3 10s  infinite;}
.xchatbot .chatbot_img .chat4{position:absolute;left:5px;top:100px;animation:chat4 10s  infinite;}

.xchatbot .chatbot_img img{}

@keyframes chat1 {
	0% {opacity:0}
	10% {opacity:1}	
}
@keyframes chat2 {
	0% {opacity:0}
	15% {opacity:0}
	30% {opacity:1}	
}
@keyframes chat3 {
	0% {opacity:0}
	45% {opacity:0}
	50% {opacity:1}	
}
@keyframes chat4 {
	0% {opacity:0}
	65% {opacity:0}
	70% {opacity:1}	
}

#container.vision{margin-bottom:0px;text-align:center}
#container.vision .wrap{width:100%;padding:0px;padding-top:60px}
.vision_img{position: relative;width: 218px;margin: 0 auto;text-align: center;padding-top: 20px;}
.vision_img > .sfarm{z-index: 99;position: relative;}
.vision_img > .bg{animation:rotate 5s linear infinite;position: absolute;left: 0px;top: 0px;z-index: 9;}

@keyframes rotate {
	0% {transform: rotate(0deg);   }
	50% {transform: rotate(180deg);  }
	100% {transform: rotate(360deg);  }
}

.vision_tit{margin-top:10px;color:#0063e6;font-weight:700;text-align:center;font-size:38px;margin-bottom:30px}
.vision_txt{font-size:18px;color:#36384c;text-align:center;padding-bottom:60px;border-bottom:1px solid #dfe3e9}

.businessDirection{padding:60px 0px}
.businessDirection .tit{color:#13152d;font-size:30px;margin-bottom:30px}
.businessDirection ul{width:1000px;margin:0px auto}
.businessDirection ul li{float:left;margin-right:2px;width:332px;padding-top:240px}
.businessDirection ul li.d1{background:url(/images/img_direction01.png) center top no-repeat}
.businessDirection ul li.d2{background:url(/images/img_direction02.png) center top no-repeat}
.businessDirection ul li.d3{margin-right:0px;background:url(/images/img_direction03.png) center top no-repeat}
.businessDirection ul:after{display:block;content:'';clear:both;}
.businessDirection ul li p{color:#595b6c;font-size:16px;padding:20px 0px}

.coreValue{padding:60px 0px;background:#f4f9fc url(/images/bg_value.png) center center no-repeat}
.coreValue .tit{color:#13152d;font-size:30px;margin-bottom:30px}
.coreValue ul{width:1000px;margin:0px auto;padding:30px 0px}
.coreValue ul:after{display:block;content:'';clear:both;}
.coreValue ul li{width:25%;float:left;}
.coreValue ul li .icon{display:inline-block;font-size:0px;border-radius:200px;background-color:#fff;background:#fff url(/images/img_value.png) 0px 0px no-repeat;width: 205px;height: 205px;box-shadow: 0px 10px 16px 0px rgba(223, 227, 233, 0.3);}
.coreValue ul li.v1 .icon{}
.coreValue ul li.v2 .icon{background-position-x:-205px;}
.coreValue ul li.v3 .icon{background-position-x:-410px;}
.coreValue ul li.v4 .icon{background-position-x:-615px;}


.coreValue ul li:hover .icon{background-color:#0063e6;background-position-y:-205px;box-shadow: 0px 10px 16px 0px rgba(223, 227, 233, 0.6);}



.coreValue ul li .txt{font-size:22px;color:#13152d;text-align:center;padding:20px 0px }

.pop_wrap{width:100%;padding:20px 0px}
.pop_wrap .top_div .search_div .search_box{width:100%}
.pop_wrap .search_box p a.btn{width:95px;}
.pop_wrap .search_box p.select{width:100px}
.pop_wrap .search_box p.input{width:200px}

.pop_wrap .attendance{display:none}
.pop_wrap .truste{display:none}
.pop_wrap .group{display:none}

.pop_wrap h2{margin-bottom:10px;font-size:20px;}
.pop_wrap .top_div{padding:0px 15px;}
.pop_wrap .top_div .search_div .search_box{padding:0px;padding-top:30px}
.pop_wrap .top_div .search_div{border:0px}
.pop_wrap .search_box{height:100px;}
.pop_wrap .search_box p label{top:-25px;font-size:14px}
.pop_wrap .search_box p input{font-size:13px;height:40px;line-height:40px}
.pop_wrap .search_box p select{font-size:13px;padding:5px;height:40px;line-height:40px}
.pop_wrap .search_box p a.btn{height:40px;line-height:40px}
.pop_wrap .table_list table td{font-size:12px;}
.pop_wrap .table_list table thead th{font-size:12px;}
.pop_wrap .table_list table td a{font-size:12px;}
.pop_wrap .delegateeNm{border: 1px solid #d4d4d7;height: 30px;line-height: 30px;width:80px;padding:0px 5px}
.pop_wrap .attendanceList{width:100%;max-width:150px}
.pop_wrap .name a{color:#0070C0}
.pop_wrap #th{box-sizing: border-box;border: 1px solid #d4d4d7;width:70px;border-radius: 5px;height:40px;line-height:40px}
.pop_wrap .paging {height:20px;margin:30px 0;font-size:14px;} 
.pop_wrap .paging > a {font-size:14px; font-weight:bold; height:22px; width:22px; line-height:22px;}
.pop_wrap .paging .on {height:22px; width:22px; line-height:22px}


.docBtn_list{text-align:center;margin:20px 0px}
.docBtn_list a{background:#338ef1;color:#fff;padding:15px 30px;border-radius:3px;display:inline-block;margin:0px 10px}

span.click_btn{border:1px solid #ddd;padding:5px;cursor:pointer}
span.click_btn:hover{border:1px solid #000}
.img_name{width:130px;display:block;line-height:22px;min-height:22px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; word-wrap: normal}


/* Error */
.error {width:600px;margin:0 auto;text-align:center;padding-top:150px;}
.errorTit {font-size:35px;font-weight:700;margin-top:30px;}
.errorTit .Eblue {color:#0153aa;}
.errorTxt {margin-top:30px;font-size:13px;line-height:18px;color:#444;}
.mainBtn {display:block;margin-top:30px;padding-top:30px;border-top:1px solid #f0f0f0;}
.mainBtn a {display:block;width:100%;height:40px;background:#0153AA;font-size:15px;color:#fff;text-align:center;line-height:40px;width:150px;margin:0 auto}


@media screen and (max-width: 480px) {
	
	.mo{display:block}
	.pc{display:none}
	
	#header{height:auto;min-width:100%;transition: .6s;position:fixed;top:0px;left:0px;z-index:99999;background:#fff}
	#header.fix{}
	
	.header{height:auto;padding:10px;width:100%;border-bottom:0px solid #dfe3e9}
	#container{width:100%;min-width:100%}
	.header h1{float:none;width:auto;margin-top:0px}
	.header h1 img{height:35px}
	.language{margin-top: 0px; position: absolute;top: 17px;right: 60px;}
	.language > a.on{display:none}
	.language > a{width:40px;border-radius: 20px;height:20px;line-height: 22px;background:#f4f4f4;color:#999}
	
	
	.header .btn_menu{position:absolute;right:15px;top:17px;width:20px;height:20px;display:block;background:url(/images/btn_menu.png) center center no-repeat;background-size:20px}
	.header .btn_menu.close{background:url(/images/btn_menu_close.png) center center no-repeat;background-size:20px}
	
	.menu{display:none;width:100%;margin-top:10px;position:relative;z-index:999999}
	.menu > ul{padding-bottom:0px}
	.menu > ul > li{padding-bottom:0px;height:30px;}
	.menu > ul > li > a{padding:0px;font-size:15px;padding-left:5px}
	.menu ul.sub_menu{top:35px;padding:0px}
	.menu ul.sub_menu > li{padding:5px;}
	.menu ul.sub_menu > li > a{font-size:16px;line-height:18px;padding:10px 0px}
	.menu:hover .sub_menu{height:180px;}
	
	.menu{height:auto;margin-top:0px;position:absolute;top:56px;left:0px;z-index:9999;background:#fff}
	.menu > ul{height:auto}
	.menu > ul > li{height:auto;}
	.menu:after{display:block;content:'';clear:both;}
	.menu > ul > li{width:100%;float:none;text-align:left;position:relative;padding-bottom:0px;border-bottom:0px;border-bottom:1px solid #dfe3e9}
	.menu > ul > li:hover{border-bottom:1px solid #dfe3e9}
	.menu > ul > li > a{display:block;color:#0f1f2f;font-size:18px;font-weight:500;padding:10px 20px}
	.menu > ul > li:hover > a{color:#338ef1}
	.menu ul.sub_menu{position:relative;top:0px;background:#f4f9fc}
	.menu .sub_menu{position:relative;height:0px;overflow:hidden;transition: .6s;}
	.menu:hover .sub_menu{height:0px;}
	.menu > ul > li:hover .sub_menu{height:auto;transition: .6s;}
	.sub_menu.bg{display:none !important;}
	.menu ul.sub_menu li a{padding-left:20px}
	.menu > ul > li:hover ul.sub_menu{background:#f4f9fc}

	.menu .menu_img{display:none}
	
	.visual > .slideShow li{background-size: cover !important;}
	.visual > .slideShow li.visual_1 .title{font-size:35px;padding-top:70px;padding-left:0px}
	.visual > .slideShow li.visual_1 .title .blue{font-size:35px}
	.visual > .slideShow li.visual_1 .txt{font-size:15px;width:245px;padding-left:0px}
	.en .visual > .slideShow li.visual_1 .txt{width:245px;}
	
	.visual > .slideShow li.visual_2 .title{font-size:32px;padding-top:80px}
	.visual > .slideShow li.visual_2 .title .blue{font-size:32px}
	.visual > .slideShow li.visual_2 .txt{font-size:15px;width:70%;margin:0 auto;margin-top:10px;}
	
	.visual > .slideShow li .txt_div{height:auto;padding: 20px;box-sizing: border-box;}
	
	.slick-dots li{margin:0px !important;}
	.visual > #slides{height:360px}
	.visual > .slideShow li{height:360px;background-size: cover;}
	
	.visual > .slideShow li .txt_div{width:100%}
	.visual > .slideShow li .txt_div *{width:100%}
	
	.main .business{width:100%;}
	
	.scroll{bottom:10px;text-align:center;animation: mouse 1.5s infinite ease-in-out;}
	.scroll img{width:70%}
	
	@keyframes mouse {
	  0% {bottom:10px}
	  50% {bottom:20px;}
	  100% {bottom:10px;}
	}
		
	.con{padding:30px 15px;box-sizing: border-box;}
	.con p.title{font-size:22px}
	.con p.title span{font-size:22px}
	.con h2 span{font-size:12px;}	
	.con p.title{margin-bottom:20px;}
	
	
	.main .business > li{height:180px}
	.main .business > li{width:100%;height:300px;margin-bottom:15px;margin-right:0px;background-size: cover !important;}
	.main .business > li span.title{bottom:30px;left:30px}
	.main .business > li span.txt{display:none;opacity:1;top:auto;background:rgba(26,111,220,.8);padding:10px;bottom:20px}
	.main .business > li span.more{display:none}
	.main .business > li:hover a{background:none}
	.main .business > li:hover span{opacity: 1;}
	.main .business > li span.title,
	.main .business > li span.txt{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.main .business > li span.more_btn{padding:5px;display:none}
	.main .business > li span.more{left:30px}
	
	.main .product{width:100%}
	.main .product > li{float:none;width:100%;margin-right:0px;margin:0 auto;height:auto;margin-bottom:15px;background:#0063e6;padding-bottom:10px}
	.main .product > li img{width:100%}
	.main .product > li p > span.name{font-size:20px;display:block}
	.main .product > li p > span{font-size:15px;margin:0px;display:none}
	.main .product > li p{position:relative;top:0px}
	.main .product > li:hover{background:#0063e6}
	.main .product > li:last-child{margin:0 auto}
	
	.en.main .product > li{height:auto}
	
	#footer{min-width:100%;padding:15px;box-sizing:border-box}
	.footer{width:100%;padding:5px;}
	.footer > .flogo{display:none}
	.footer > .address{text-align:left;color:#e7e7ea !important;font-size:12px;letter-spacing:-0.3px}
	.footer > .address span {padding: 0px 20px;display: block;padding: 0px;font-size: 0px;height: 0px;overflow: hidden; color:inherit;
    text-decoration:none;color:#e7e7ea !important;
	}
    .footer > .copy{text-align:center;font-size:11px;text-align:left;}
    
    .subTitle{height:115px !important}
    .subTitle h1{font-size:25px}    
    .subTitle .tit{font-size:12px;padding-top:30px}
    
    
    #container{margin-top:55px;}
    .wrap{width:100%;padding:30px 0px;box-sizing:border-box}
    
    
    .office_div, .map_div{margin-top:-45px;padding:0px 10px}
    .co_name{text-align:center;padding:0px}
    .table_info2{padding:0px 10px}
    
    .slick-dotted.slick-slider{overflow:hidden}
    .office_div ul li img{width:100%}
    .about_txt{margin:20px 0px}
    .about_txt, .about_txt span{font-size:20px;padding:0px 10px}
    .table_info{padding:0px 10px}

    .table_info table th,.table_info table td{padding:5px;font-size:12px}
    
    #container.vision .wrap{padding-top:30px}
    
    .vision_tit{font-size:20px}
    .vision_txt{font-size:16px;padding:0px 20px;padding-bottom:30px}
    
 	.vision_img{width:40%;padding-top:4%}
 	.vision_img > .sfarm{width:80%}
 	.vision_img > .bg{width:100%}
 	
 	.businessDirection{padding:30px 10px}
 	.businessDirection .tit{font-size:20px}
 	.businessDirection ul{width:100%}
 	.businessDirection ul li{width:100%}
 	
 	.coreValue{}
 	.coreValue ul{width:100%}
 	.coreValue ul li{width:100%}
 	   
 	   
 	.map_div iframe{width:100%;height:300px}
 	.co_name{font-size:20px;margin:30px 0px}
 	
 	.table_info2 table th{padding:5px;font-size:12px}
 	.table_info2 table td{padding:5px;font-size:12px}
 	
 	.wrap .tab{margin-top:-30px;margin-bottom: 30px;transition: .6s;background:#fff;transition:0.3s ease-out;height:36px;}
 	.wrap .tab.fix{}
 	.wrap .tab.fix ul{background:#fff;z-index:9999;top:56px;position:fixed;width:100%;}
 	.wrap .tab ul li a{font-size:13px;color:#c4c4ca;line-height:15px;height:auto;border:0px;border-bottom:1px solid #ddd;padding:15px 0px}
 	.wrap .tab ul li a.on{background:#fff;color:#0063e6}
 	
 	.contents {padding:0px 10px}
 	.contents .topimg{padding:0px;padding-bottom:30px} 
 	.contents .topimg img{width:100%}
 	
 	.explain > .big{font-size:20px;text-align:left}
 	.explain > .big > span{font-size:20px}
 	.explain > p{font-size:14px;text-align: justify;}
 	.explain > p.img img{width:100%}
 	
 	.contents .contentsimg{padding:30px 5px}
 	.contents .contentsimg img{width:100%}
 	
 	.function_div .title{padding:0px 10px}
 	.function_div ul li{width:100%;height:auto;display:block;background-position-x: 10px !important;background-position-y: 10px !important;padding:10px 10px;padding-left: 110px;min-height:100px}
 	.function_div ul li .tit{font-size:18px}
 	.function_div ul li .txt{font-size:15px}
 	
 	.xchatbot .explain{padding:0px;}
	.xchatbot .chatbot_img{position:relative;left: -10px;width:calc(100% + 20px);max-width:350px;margin:0 auto}
	
	.xchatbot .chatbot_img{width: 80%;height:300px;background-size:contain !important}
	.xchatbot .chatbot_img .chat1{right:50%}
	.xchatbot .chatbot_img .chat2{lefr:5%}
 	.xchatbot .chatbot_img .chat3{right:50%}
	.xchatbot .chatbot_img .chat4{lefr:5%}
	
	
	
	.org_div{background:none;width:100%;height:auto;padding:0px 20px;box-sizing:border-box}
	.org_div span.dept1,
	.org_div span.dept2,
	.org_div span.dept3{position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;}
    .org_div span.dept2,
	.org_div span.dept3{
    width:100%}
    .org_div span.dept1{margin:10px auto;margin-bottom:50px}
	
	.org_div span.dept3.dept3-3{margin-bottom:50px}
	.org_div span.dept3.dept3-6{margin-bottom:50px}
	.org_div span.dept3.dept3-7{margin-bottom:50px}
	
}