﻿@charset "UTF-8";

/* layout */
#container{}
.visual_sec{width:100%; height:300px; margin:0 auto; background-position:center 0; background-repeat:no-repeat;}
.visual_sec .page_tit{padding-top:158px;}
.visual_sec .page_tit h2{margin-bottom:20px; font-size:40px; font-weight:500; text-align:center; line-height:1em; color:#fff;}
.visual_sec .page_tit:after{display:block; width:1px; height:40px; margin:0 auto; background:#fff; content:"";}
.contents{position:relative; margin:0 auto; padding-bottom:200px; margin:0 auto;}
.contents .bread_wrap{position:absolute; left:0; top:-23px; width:100%;}
.contents .breadcrumb{width:100%; max-width:1500px; height:17px; padding-right:5px; margin:0 auto; box-sizing:border-box; font-size:12px; font-weight:400; text-align:right; line-height:1em; color:#ddd;}
.contents .breadcrumb span{vertical-align:middle;}
.contents .breadcrumb span:before{display:inline-block; padding:0 9px; font-size:11px; content:">";}
.contents .breadcrumb span:first-child:before{content:none;}

/* layout -lnb */
.lnb_wrap{position:relative; width:100%; height:70px; margin-bottom:100px;}
.lnb{position:absolute; left:0; top:0; width:100%; height:70px; background-color:#fff; border-bottom:1px solid #dadada;}
.lnb.on{position:fixed; z-index:1000;}
.lnb > ul{width:1140px; margin:0 auto; font-size:0px;}
.lnb > ul:after{display:block; clear:both; content:'';}
.lnb > ul > li{display:inline-block; position:relative;}
.lnb > ul > li > a{display:block; position:relative; font-size:17px; font-weight:400; text-align:center; line-height:70px; color:#000;}
.lnb > ul > li.on > a{border-bottom:2px solid #6b9ecc; line-height:69px; color:#6b9ecc;}
.lnb > ul > li > a:after{position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li:first-child > a:before{position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li > a .lnb_arrow{display:inline-block; width:11px; height:6px; margin-left:10px; background:url("/Resources/Eng/images/common/ico_common.png") -468px -154px no-repeat; vertical-align:middle;}
.lnb > ul > li.on > a .lnb_arrow{background-position:-432px -154px;}
.lnb.col2 li{width:50%;}
.lnb.col3 li{width:33.3%;}
.lnb.col4 li{width:25%;}
.lnb.col5 li{width:20%;}
.lnb.col6 li{width:16.66666%;}
.lnb.col7 li{width:14.2857%;}
.lnb .sub_lnb{display:none; position:absolute; left:0; top:71px; z-index:100; width:100%; border:1px solid #dcdcdc; border-top:none;}
.lnb li.active .sub_lnb{display:block;}
.lnb .sub_lnb li{width:100%; border-top:1px solid #dcdcdc;}
.lnb .sub_lnb li:first-child{border-top:none;}
.lnb .sub_lnb li a{display:block; position:relative; padding:0 20px; background-color:#fff; font-size:16px; line-height:48px; color:#666;}
.lnb .sub_lnb li a:hover{color:#6b9ecc;}
.lnb .sub_lnb li a:after{display:inline-block; position:absolute; right:20px; top:20px; width:6px; height:11px; background:url("/Resources/Eng/images/common/ico_common.png") -471px -180px no-repeat; content:'';}

/* contents common */
.contents .section{width:1140px; margin:0 auto 100px; font-size:16px;}
.contents .last{margin-bottom:0;}
.contents .tit_sec{margin-bottom:60px; text-align:center;}
.contents .tit_sec h3{margin-bottom:20px; font-size:35px; line-height:1em; color:#000;}
.contents .tit_sec .desc{font-size:16px;}
.contents .tab_nav{margin-bottom:60px; text-align:center;}
.contents .tab_nav ul{display:inline-block; border:1px solid #dadada; font-size:0; text-align:center;}
.contents .tab_nav li{display:inline-block; width:200px;}
.contents .tab_nav li a{display:block; width:100%; height:50px; padding-top:16px; border-left:1px solid #dadada; box-sizing:border-box; font-size:16px; font-weight:400; line-height:1em; color:#666;}
.contents .tab_nav li:first-child a{border-left:0 none;}
.contents .tab_nav li.on a{background:#6b9ecc; color:#fff;}
.contents .tab_nav.tab_type2 ul{overflow:hidden;}
.contents .tab_nav.tab_type2 li{display:table; float:left;}
.contents .tab_nav.tab_type2 li a{display:table-cell; padding-top:0; vertical-align:middle;}

.board_search_area{}
.board_search_area .inner{font-size:0; text-align:right;}
.board_search_area select{width:115px; height:45px; background-color:#fff; font-size:14px;}
.board_search_area input[type=text]{width:240px; height:45px; margin-left:10px; font-size:14px;}
.board_search_area .search_btn{display:inline-block; width:45px; height:45px; margin-left:10px; background:url("/Resources/Eng/images/news/search_icon.png") 0 0 no-repeat; vertical-align:middle;}

.pagination{text-align:center;}
.pagination a, .pagination span{display:inline-block; line-height:16px; vertical-align:middle;}
.pagination .left{padding-right:12px;}
.pagination .right{padding-left:12px;}
.pagination .page_arr{overflow:hidden; width:20px; height:20px; margin-left:5px; background:url(/Resources/Eng/images/common/ico_common.png) 0 0 no-repeat; text-indent:-9999px;}
.pagination .page_arr:first-child{margin-left:0;}
.pagination .first{background-position:-100px -150px;}
.pagination .pre{background-position:-150px -150px;}
.pagination .next{background-position:-200px -150px;}
.pagination .last{background-position:-250px -150px;}
.pagination .num{width:20px; height:20px; margin:0 2px; font-size:16px; color:#333;}
.pagination a.num:hover{text-decoration:underline;}
.pagination span.num, .pagination a.on{font-weight:400;}

.list_type_square li, .list_type_square dd{padding-left:13px; text-indent:-13px;}
.list_type_square li:before, .list_type_square dd:before{display:inline-block; width:4px; height:4px; margin:-4px 9px 0 0; background:#6bb2e2; vertical-align:middle; content:"";}


/* company :: common */
.company .visual_sec{background-image:url(/Resources/Eng/images/company/visual_img.jpg);}
.company h4{margin-bottom:60px; font-size:30px; font-weight:400; text-align:center; line-height:1em; color:#000;}
.company h5{margin-bottom:15px; font-size:20px; font-weight:400; line-height:1em; color:#000;}
.company .tit_area.desc_type{margin-bottom:55px;}
.company .tit_area.desc_type h4{margin-bottom:20px;}
.company .tit_area.desc_type .txt1{font-size:16px; text-align:center; color:#000;}

/* company :: ceo */
.ceo .sec1 p{padding-top:55px;}

/* company :: history */
.history .contents .tit_sec{margin-bottom:10px;}
.history .target_nav_wrap{width:100%; height:64px; padding:50px 0; margin-bottom:50px;}
.history .target_nav.fixed{position:fixed; top:70px; left:0; width:100%; margin-bottom:0; background:#fff; border-bottom:1px solid #dadada; z-index:100;}
.history .target_nav{padding:50px 0; margin-bottom:50px;}
.history .target_nav ul{overflow:hidden; width:730px; padding-top:2px; margin:0 auto;}
.history .target_nav ul li{position:relative; float:left; width:130px; padding-left:70px; text-align:center;}
.history .target_nav ul li:first-child{padding-left:0;}
.history .target_nav ul li:before{position:absolute; left:0; top:5px; width:100%; height:1px; background:#dadada; content:"";}
.history .target_nav ul .li1:before{left:50%; width:50%;}
.history .target_nav ul .li4:before{right:50%; width:70%;}
.history .target_nav ul li a{display:block; position:relative; padding-top:35px; font-size:16px; color:#666;}
.history .target_nav ul li a:before{content:""; display:block; position:absolute; left:50%; top:1px; width:10px; height:10px; margin-left:-5px; background-color:#dadada; 
border-radius:50%;}
.history .target_nav ul li.on a{font-size:18px; font-weight:400; color:#6b9ecc;}
.history .target_nav ul li.on a:before{top:-2px; margin-left:-7.5px; width:15px; height:15px; background-color:#fff; border:3px solid #6b9ecc; box-sizing:border-box;}
.history .section{width:100%;}
.history .section .sec_inner{width:1140px; margin:0 auto;}
.history .section .sec_inner_wrap{width:100%; margin-bottom:65px;}
.history .section .sec_inner_wrap .sec_inner{padding:112px 0; margin:0 auto; text-align:center;}
.history .section .sec_inner_wrap .sec_inner p{font-size:50px; font-weight:400; color:#fff;}
.history .section dl:after{display:block; clear:both; content:"";}
.history .section dl dt{position:relative; float:left; z-index:1; width:335px; margin-top:-27px; font-size:50px; font-weight:400; color:#6b9ecc; text-align:center;}
.history .section dl dt:after{content:""; position:absolute; right:-5px; bottom:27px; width:10px; height:10px; background-color:#fff; border:3px solid #6b9ecc; border-radius:50%; box-sizing:border-box;}
.history .section dl dt span:after{content:""; position:absolute; right:0; bottom:33px; width:66px; height:1px; margin:0 27px; background-color:#6b9ecc; vertical-align:middle;}
.history .section dl dd{float:left; position:relative; width:805px; padding-left:35px; padding-bottom:75px; box-sizing:border-box;}
.history .section dl dd:before{position:absolute; left:0; top:13px; width:1px; height:100%; background-color:#dadada; content:'';}
.history .section dl dd.last{padding-bottom:0;}
.history .section dl dd.last:before{display:none;}
.history .section dl dd div{margin-bottom:30px;}
.history .section dl dd div:last-child{margin-bottom:0;}
.history .section dl dd span{display:block; margin:0 0 15px 55px; font-size:20px; font-weight:400; color:#000; vertical-align:top;}
.history .section dl dd ul{margin-left:55px;}
.history .section dl dd ul li{padding-left:7px; margin-bottom:10px; text-indent:-7px;}
.history .section dl dd ul li:last-child{margin-bottom:0;}
.history .section dl dd ul li:before{content:""; display:inline-block; width:2px; height:2px; margin-right:5px; background-color:#333; vertical-align:middle;}
.history .sec1 .sec_inner_wrap{background:url(/Resources/Eng/images/company/info/history_bg01.jpg) center 0 no-repeat;}
.history .sec1 .sec_inner_wrap .sec_inner p{color:#000;}
.history .sec2 .sec_inner_wrap{background:url(/Resources/Eng/images/company/info/history_bg02.jpg) center 0 no-repeat;}
.history .sec3 .sec_inner_wrap{background:url(/Resources/Eng/images/company/info/history_bg03.jpg) center 0 no-repeat;}
.history .sec4 .sec_inner_wrap{background:url(/Resources/Eng/images/company/info/history_bg04.jpg) center 0 no-repeat;}

/* company :: vision */
.vision .sec1{width:100%; margin-bottom:60px;}
.vision .sec1 .sec_inner_wrap{width:100%; height:400px; background:url(/Resources/Eng/images/company/info/vision_sec1_bg.jpg) center 0 no-repeat;}
.vision .sec1 .sec_inner{overflow:hidden; position:relative; width:560px; height:100%; margin:0 auto; text-align:center;}
.vision .sec1 .sec_inner dl{position:absolute; left:50%; top:90px; margin-left:-230px;}
.vision .sec1 .sec_inner dl dt{margin-bottom:10px; font-size:60px; font-weight:bold; letter-spacing:-3px;}
.vision .sec1 .sec_inner dl dt span.txt1{color:#1b4a74;}
.vision .sec1 .sec_inner dl dt span.txt2{color:#6bb1e2;}
.vision .sec1 .sec_inner dl dd.txt3{margin-bottom:10px; font-size:20px; font-weight:400; color:#000;}
.vision .sec2 .cont_area{overflow:hidden;}
.vision .sec2 dl{float:left; width:570px; box-sizing:border-box;}
.vision .sec2 dl.left{padding-right:100px; border-right:1px solid #d8d8d8; text-align:right;}
.vision .sec2 dl.right{padding-left:100px;}
.vision .sec2 dl dt{margin-bottom:30px; font-size:42px; font-weight:400; letter-spacing:-3px;}
.vision .sec2 dl dd{margin-bottom:30px;}
.vision .sec2 dl dd:last-child{margin-bottom:0;}
.vision .sec2 dl dd span{font-size:18px; font-weight:400;}
.vision .sec2 dl dd ul{padding-top:10px;}
.vision .sec2 dl dd li{padding-left:7px; text-indent:-7px;}
.vision .sec3{width:100%;}
.vision .sec3 .sec_inner_wrap{background-color:#f7f7f7;}
.vision .sec3 .sec_inner{width:1140px; padding:80px 0; margin:0 auto;}
.vision .sec3 .sec_inner .cont_motion dl{overflow:hidden; opacity:0;}
.vision .sec3 .sec_inner .cont_motion dl dt{float:left; width:175px; padding-left:15px; font-size:18px; font-weight:400;}
.vision .sec3 .sec_inner .cont_motion dl dt:after{content:""; display:inline-block; height:22px; background:url(/Resources/Eng/images/company/info/vision_sec3_ico.png) 0 0 no-repeat; vertical-align:middle;}
.vision .sec3 .sec_inner .cont_motion dl dt.small:after{width:41px; margin-left:15px; background-position:-75px 0;}
.vision .sec3 .sec_inner .cont_motion dl dt.middle:after{width:70px; margin-left:18px; background-position:-45px 0;}
.vision .sec3 .sec_inner .cont_motion dl dt.long:after{width:116px; margin-left:11px;}
.vision .sec3 .sec_inner .cont_motion dl dd{float:left; width:797px; font-size:20px; font-weight:400; opacity:0;}
.vision .sec3 .sec_inner .cont_motion dl dd div.opa_list2{overflow:hidden;}
.vision .sec3 .sec_inner .cont_motion dl dd div.opa_list2 ul, .vision .sec3 .sec_inner .cont_motion dl dd ul.opa_list li{opacity:0;}
.vision .sec3 .sec_inner .cont1 dl dt{padding-top:130px;}
.vision .sec3 .sec_inner .cont1 dl dd .inner_box{width:341px; height:299px; padding-top:60px; padding-right:19px; margin-left:224px; background:url(/Resources/Eng/images/company/info/vision_sec3_bg1.png) 0 0 no-repeat; text-align:center;}
.vision .sec3 .sec_inner .cont1 dl dd span.txt1{line-height:120%; font-size:48px; font-weight:bold; color:#1b4a74;}
.vision .sec3 .sec_inner .cont1 dl dd span.txt2{line-height:120%; font-size:48px; font-weight:bold; color:#6bb1e2;}
.vision .sec3 .sec_inner .cont1 dl dd span.txt3{display:block; padding-top:15px;}
.vision .sec3 .sec_inner .cont2{position:relative; margin-bottom:70px;}
.vision .sec3 .sec_inner .cont2 dl{position:relative; z-index:1;}
.vision .sec3 .sec_inner .cont2 dl.list1{padding-top:30px; margin-bottom:50px;}
.vision .sec3 .sec_inner .cont2 dl.list1 dt{padding-top:100px;}
.vision .sec3 .sec_inner .cont2 ul{overflow:hidden; width:423px; height:225px; margin-left:186px; background:url(/Resources/Eng/images/company/info/vision_sec3_bg1.png) -400px 0 no-repeat;}
.vision .sec3 .sec_inner .cont2 ul li{float:left; width:225px; padding-top:60px; color:#fff; text-align:center;}
.vision .sec3 .sec_inner .cont2 ul li span{display:block; padding-top:15px; font-weight:300; font-size:14px;}
.vision .sec3 .sec_inner .cont2 ul li.li2{margin-left:-27px;}
.vision .sec3 .sec_inner .cont2 dl.list2 dt{padding-top:40px;}
.vision .sec3 .sec_inner .cont2 dl.list2 dd{text-align:center;}
.vision .sec3 .sec_inner .cont2 dl.list2 dd span{display:block; font-size:66px; font-weight:bold;}
.vision .sec3 .sec_inner .cont2 img.bg_img{position:absolute; left:60px; top:200px; z-index:0; opacity:0;}
.vision .sec3 .sec_inner .cont3{margin-bottom:50px;}
.vision .sec3 .sec_inner .cont3 dl dt{display:none;}
.vision .sec3 .sec_inner .cont3 dl dd .inner_box{width:712px; margin-left:237px; text-align:center;}
.vision .sec3 .sec_inner .cont3 dl dd span.tit{display:block; padding:55px 27px 20px 15px; font-size:36px; font-weight:300; line-height:1em;}
.vision .sec3 .sec_inner .cont3 dl dd ul{overflow:hidden;}
.vision .sec3 .sec_inner .cont3 dl dd ul li{float:left; width:233px; height:175px; padding-top:60px; background:url(/Resources/Eng/images/company/info/vision_sec3_bg1.png) -850px 0 no-repeat; text-align:center; opacity:0;}
.vision .sec3 .sec_inner .cont3 dl dd ul li span{display:block; width:130px; margin-left:46px; text-align:center;}
.vision .sec3 .sec_inner .cont4 dl dt{display:none;}
.vision .sec3 .sec_inner .cont4 dl dd{width:100%;}
.vision .sec3 .sec_inner .cont4 dl dd .inner_box{overflow:hidden; margin-left:198px;}
.vision .sec3 .sec_inner .cont4 dl dd .col{float:left; min-height:78px; padding-left:20px; margin-left:20px; border-left:1px solid #dadada;}
.vision .sec3 .sec_inner .cont4 dl dd .col:first-child{padding-left:0; margin-left:0; border-left:none;}
.vision .sec3 .sec_inner .cont4 dl dd ul{display:block;}
.vision .sec3 .sec_inner .cont4 dl dd ul li{font-weight:300; font-size:16px;}
.vision .sec4 table th{border-left:1px solid #eaeaea; background-color:#fafafa;}
.vision .sec4 table td{padding:35px 0 35px; border-left:1px solid #eaeaea; vertical-align:top; color:#333;}
.vision .sec4 table tbody th{padding-top:35px; background:#fff; text-align:center; vertical-align:top;}
.vision .sec4 table th.bdl0, .vision .sec4 table td.bdl0{border-left:0 none;}
.vision .sec4 table td{text-align:center;}
.vision .sec4 table td span{display:block; margin-bottom:10px; font-weight:400; color:#000;}
.vision .sec4 table td ul{display:inline-block; text-align:left;}

/* company :: organization */
.organization .sec2 .cont_area{overflow:hidden; padding:50px 0; border:1px solid #dadada; box-sizing:border-box;}
.organization .sec2 .cont_area dl{float:left; padding:0 47px; border-left:1px solid #dadada; text-align:center;}
.organization .sec2 .cont_area dl:first-child{border-left:none;}
.organization .sec2 .cont_area dl dt{margin-bottom:20px; font-size:25px; font-weight:400; color:#6b9ecc;}
.organization .sec2 .cont_area dl dd{font-weight:400;}
.organization .sec2 .cont_area dl dd.tel{padding-top:15px;}
.organization .sec2 .cont_area dl dd.tel span{margin-right:29px;}

/* company :: overseas, foreignbranch */
.overseas .sec1{width:100%; margin-bottom:0; background:url(/Resources/Eng/images/company/info/overseas_bg.jpg) center 0 no-repeat;}
.overseas .sec1 .sec_inner{position:relative; padding:70px 0 166px; text-align:center;}
.overseas .sec1 .sec_inner p.txt1{margin-bottom:10px; font-family:Myriad Pro; font-style:normal; font-size:50px; font-weight:bold; color:#fff; letter-spacing:4px;}
.overseas .sec1 .sec_inner p.txt2:before{content:""; display:block; width:1px; height:34px; margin:0 auto 10px; background-color:#fff;}
.overseas .sec1 .sec_inner p.txt2{color:#fff;}
.overseas .sec1 .sec_inner p.motion_txt{opacity:0; -webkit-transform:translateY(100px); transform:translateY(100px); -webkit-transition:-webkit-transform .8s ease-in-out, opacity .8s ease-in-out; transition:transform .8s ease-in-out, opacity .8s ease-in-out;}
.overseas .sec1 .sec_inner p.motion_txt.on{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.overseas .sec2 dl{overflow:hidden; position:relative; padding:50px 0 45px 180px; border-bottom:1px solid #dadada;}
.overseas .sec2 dl:before{position:absolute; left:0; top:50px; width:108px; height:70px; background-image:url(/Resources/Eng/images/company/info/overseas_flag.jpg); background-repeat:no-repeat; content:"";}
.overseas .sec2 dl.dl1:before{background-position:0 0;}
.overseas .sec2 dl.dl2:before{background-position:0 -70px;}
.overseas .sec2 dl.dl3:before{background-position:0 -140px;}
.overseas .sec2 dl.dl4:before{background-position:0 -210px;}
.overseas .sec2 dl.dl5:before{background-position:0 -280px;}
.overseas .sec2 dl.dl6:before{background-position:0 -350px;}
.overseas .sec2 dl.dl7:before{background-position:0 -420px;}
.overseas .sec2 dl.dl8:before{background-position:0 -490px;}
.overseas .sec2 dl.dl9:before{background-position:0 -560px;}
.overseas .sec2 dl.dl10:before{background-position:0 -630px;}
.overseas .sec2 dl.dl11:before{background-position:0 -700px;}
.overseas .sec2 dl.dl12:before{background-position:0 -770px;}
.overseas .sec2 dl.dl13:before{background-position:0 -840px;}
.overseas .sec2 dl.dl14:before{background-position:0 -910px;}
.overseas .sec2 dl dt{margin-bottom:13px; font-size:20px; font-weight:400; line-height:1em; color:#387fbe;}
.overseas .sec2 dl dt.row2{padding-top:30px;}
.overseas .sec2 dl dd{margin-bottom:5px; color:#666;}
.overseas .sec2 dl dd span{display:inline-block;}
.overseas .sec2 dl dd span.txt3{width:97px;}

.branch .sec2 dl:before{position:absolute; left:0; top:50px; width:108px; height:70px; background-image:url(/Resources/Eng/images/company/info/branch_flag.jpg); background-repeat:no-repeat; content:"";}

/* company :: office-location */
.location .section h4{margin-bottom:20px; font-size:20px; text-align:left;}
.location .section .map_area{width:100%; height:600px; margin-bottom:60px;}
.location .section table{width:100%; border-top:2px solid #335173;}
.location .section table th{padding:25px 0 25px 38px; border-bottom:1px solid #eaeaea; font-weight:500; text-align:left; vertical-align:top;}
.location .section table td{padding:25px 0; border-bottom:1px solid #eaeaea;}
.location .section table td.bt_none{border-bottom:none;}
.location .section table td.bd{font-weight:500; vertical-align:top;}
.location .section table td.pd{padding:25px 0 10px;}
.location .section table td.pd10{padding:10px 0;}
.location .section table td.pd25{padding:10px 0 25px;}
.location .section table td span.txt1{font-weight:400;}
.location .section table td span.ico{display:inline-block; line-height:24px; margin-right:10px; font-size:14px; color:#fff; text-align:center; vertical-align:middle;}
.location .section table td span.ico1{width:24px; background-color:#19c139; margin-right:5px; border-radius:50%;}
.location .section table td span.ico2{width:24px; background-color:#7719c1; border-radius:50%;}
.location .section table td span.ico3{width:40px; background-color:#2281d9;}
.location .section table td span.ico4{width:40px; background-color:#6cb8ff;}

/* company :: rnd */
.rnd .cont_type1{margin-bottom:80px;}
.rnd .cont_type1 .img_box{margin-bottom:40px;}
.rnd .cont_type1 .txt_box{position:relative;}
.rnd .cont_type1 .txt_box h5{color:#6b9ecc;}
.rnd .cont_type1 .txt_box p{}
.rnd .cont_area{display:table; width:570px; height:360px; background-position:0 0; background-repeat:no-repeat;}
.rnd .cont_area.left{padding-left:570px;}
.rnd .cont_area.right{padding-right:570px;}
.rnd .cont_area .txt_box{display:table-cell; vertical-align:middle;}
.rnd .cont_area.left .txt_box{padding-left:60px;}
.rnd .cont_area.right .txt_box{padding-right:60px; text-align:right;}
.rnd .cont_area h5{font-size:20px; color:#6b9ecc; line-height:1.3em;}
.rnd .sec1{text-align:center;}
.rnd .sec1 .cont_tit{margin-bottom:40px;}
.rnd .sec1 .cont_tit h4{margin-bottom:30px;}
.rnd .sec1 .cont_tit p{font-weight:400; font-size:20px; color:#000;}
.rnd .sec1 .cont ul{overflow:hidden; margin:0 auto;}
.rnd .sec1 .cont li{float:right; width:180px; height:121px; padding-top:60px; background-position:0 0; background-repeat:no-repeat; font-weight:400; font-size: 20px; text-align: center; }
.rnd .sec1 .cont li:first-child{float:left;}
.rnd .sec1 .cont01{margin-bottom:40px;}
.rnd .sec1 .cont01 ul{width:510px; padding:80px 15px; background:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont01_bg01.png") 0 0 no-repeat; }
.rnd .sec1 .cont01 li{color:#fff;}
.rnd .sec1 .cont01 li.item1{background-image:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont01_bg02.png");}
.rnd .sec1 .cont01 li.item2{background-image:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont01_bg03.png");}
.rnd .sec1 .cont02 h5{margin-bottom:40px;}
.rnd .sec1 .cont02 ul{width:700px; padding-top:22px; background:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont02_bg01.png") center top no-repeat; }
.rnd .sec1 .cont02 li{color:#666;}
.rnd .sec1 .cont02 li.item1{padding-right:4px; background-image:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont02_bg02.png");}
.rnd .sec1 .cont02 li.item2{padding-left:4px; background-image:url("/Resources/Eng/images/company/rnd/rnd_sec1_cont02_bg03.png");}
.rnd .sec2{width:100%; padding:60px 0; background:#edf7fe;}
.rnd .sec2 .sec_inner{width:1140px; margin:0 auto;}
.rnd .sec2 .sec_tit{margin-bottom:60px; text-align:center;}
.rnd .sec2 .sec_tit h4{margin-bottom:20px;}
.rnd .sec2 .sec_tit span{display:block; margin-bottom:30px;}
.rnd .sec2 .list1{overflow:hidden; margin-bottom:60px; text-align:center;}
.rnd .sec2 .list1 li{position:relative; float:left; width:380px; height:210px; font-weight:400; font-size:20px; line-height:24px;}
.rnd .sec2 .list1 li .num{display:block; padding-top:20px; font-size:48px; color:#6b9ecc;}
.rnd .sec2 .list1 li:after{position:absolute; right:0; top:0; width:1px; height:100%; background:#dadada; content:"";}
.rnd .sec2 .list1 li.li3:after{content:none;}
.rnd .sec2 .list1 li:before{display:block; width:80px; height:75px; margin:0 auto 25px; background:url(/Resources/Eng/images/company/rnd/rnd_icon.png) 0 0 no-repeat; content:"";}
.rnd .sec2 .list1 .li1:before{background-position:0 0;}
.rnd .sec2 .list1 .li2:before{background-position:-80px 0;}
.rnd .sec2 .list1 .li3:before{background-position:-160px 0;}
.rnd .sec2 .btn_area{text-align:center;}
.rnd .sec2 .btn_area .type_link{width:260px; background-color:#1a4370;}
.rnd .sec3 .sec_tit{margin-bottom:60px; text-align:center;}
.rnd .sec3 .sec_tit h4{margin-bottom:30px;}
.rnd .sec3 .cont_area1{background-image:url(/Resources/Eng/images/company/rnd/rnd_sec3_img02.jpg);}
.rnd .sec3 .cont_area2{background-image:url(/Resources/Eng/images/company/rnd/rnd_sec3_img03.jpg); background-position:100% 0;}
.rnd .sec4{width:100%; padding:60px 0; background-color:#f3f3f3;}
.rnd .sec4 .sec_inner{width:1140px; margin:0 auto;}
.rnd .sec4 .sec_tit{margin-bottom:60px; text-align:center;}
.rnd .sec4 .sec_tit h4{margin-bottom:30px;}
.rnd .sec4 .cont_area1{background-image:url(/Resources/Eng/images/company/rnd/rnd_sec4_img02.jpg);}
.rnd .sec4 .cont_area2{background-image:url(/Resources/Eng/images/company/rnd/rnd_sec4_img03.jpg); background-position:100% 0;}
.rnd .sec5 .sec_tit{margin-bottom:60px; text-align:center;}
.rnd .sec5 .sec_tit h4{margin-bottom:30px;}
.rnd .sec5 .cont_type1{margin-bottom:0;}
.rnd .sec5 .cont_area1{margin-bottom:60px; background-image:url(/Resources/Eng/images/company/rnd/rnd_sec5_img01.jpg);}
.rnd .sec5 .cont_area1 .txt_box .txt1{margin-bottom:40px;}

/* company :: contribution */
.contribution .sec1{}
.contribution .sec1 h4{line-height:40px;}
.contribution .sec1 .cont_area{background:url(/Resources/Eng/images/company/management/contri_sec1_bg2.png) center bottom no-repeat;}
.contribution .sec1 .top{overflow:hidden; width:768px; height:173px; margin:0 auto; text-align:center;}
.contribution .sec1 .top .side_elm{position:relative; width:158px; height:108px; padding-top:57px; background-image:url(/Resources/Eng/images/company/management/contri_sec1_bg1.png); background-repeat:no-repeat; font-size:18px; font-weight:400; text-align:center; color:#fff;}
.contribution .sec1 .top .side_elm.right{height:95px; padding-top:70px;}
.contribution .sec1 .top .left{float:left; background-position:0 0;}
.contribution .sec1 .top .center{display:inline-block; width:175px; height:173px; background:url(/Resources/Eng/images/company/management/contri_sec1_bg1.png) -200px 0 no-repeat;}
.contribution .sec1 .top .center span{overflow:hidden; display:block; width:100%; height:100%; text-indent:-9999px;}
.contribution .sec1 .top .right{float:right; background-position:-400px 0;}
.contribution .sec1 .top .side_elm:after{position:absolute; top:50%; width:56px; height:22px; margin-top:-11px; background:url(/Resources/Eng/images/company/management/contri_sec1_bg1.png) 0 0 no-repeat; content:"";}
.contribution .sec1 .top .left:after{right:-90px; background-position:0 -200px;}
.contribution .sec1 .top .right:after{left:-90px; background-position:-200px -200px;}
.contribution .sec1 .middle{overflow:hidden; width:812px; padding-top:137px; margin:0 auto 96px; background:url(/Resources/Eng/images/company/management/contri_sec1_bg3.png) center 0 no-repeat; text-align:center;}
.contribution .sec1 .middle .elm{width:183px; height:136px; padding-top:50px; background:url(/Resources/Eng/images/company/management/contri_sec1_bg1.png) -600px 0 no-repeat; font-weight:400; text-align:center;}
.contribution .sec1 .middle .left{float:left;}
.contribution .sec1 .middle .center{display:inline-block;}
.contribution .sec1 .middle .right{float:right;}
.contribution .sec1 .middle .elm dt{margin-bottom:5px; font-size:20px; color:#000;}
.contribution .sec1 .middle .elm dd{font-size:15px; color:#666;}
.contribution .sec1 .bottom{}
.contribution .sec1 .bottom ul{overflow:hidden; width:990px; margin:0 auto; font-size:0;}
.contribution .sec1 .bottom li{display:table; float:left; width:156px; height:157px; margin-left:10px; background:url(/Resources/Eng/images/company/management/contri_sec1_bg1.png) -800px 0 no-repeat; font-size:14px; font-weight:400;}
.contribution .sec1 .bottom li:first-child{margin-left:0;}
.contribution .sec1 .bottom li span{display:table-cell; vertical-align:middle; text-align:center;}
.contribution .sec1 .bottom li span{display:table-cell; vertical-align:middle; text-align:center;}
.contribution .sec2 .default_table thead th{background-color:#fafafa;}
.contribution .sec2 .default_table .etc{padding-left:20px; text-align:left;}
.contribution .sec2 .default_table .etc li{padding-left:12px; text-indent:-12px; word-break:keep-all;}
.contribution .sec3{width:100%;}
.contribution .sec3 .sec_inner_wrap{width:100%; background:url(/Resources/Eng/images/company/management/contri_sec3_bg1.png) 0 0 repeat-x;}
.contribution .sec3 .sec_inner{width:1140px; padding-top:60px; margin:0 auto;}
.contribution .sec3 .top{overflow:hidden; width:987px; margin:0 auto 47px;}
.contribution .sec3 .top .left{float:left; width:557px; padding-top:80px; margin-right:97px;}
.contribution .sec3 .top .left dt{margin-bottom:15px; font-size:25px; font-weight:500; color:#000;}
.contribution .sec3 .top .left dd.txt1{margin-bottom:40px; font-size:16px; color:#333;}
.contribution .sec3 .top .left dd.btn_area a{margin-left:20px;}
.contribution .sec3 .top .left dd.btn_area a:first-child{margin-left:0;}
.contribution .sec3 .top .right{float:right; width:333px;}
.contribution .sec3 .bottom ul{overflow:hidden; width:987px; margin:0 auto;}
.contribution .sec3 .bottom li{float:left; width:234px; margin-left:141px; margin-bottom:60px; text-align:center;}
.contribution .sec3 .bottom li.first{margin-left:0;}
.contribution .sec3 .bottom li.last{margin-bottom:0;}
.contribution .sec3 .bottom li .thum_area{margin-bottom:26px;}
.contribution .sec3 .bottom li .thum_bottom{margin-left:-8px;}
.contribution .sec3 .bottom li .tit{margin-bottom:23px; font-size:18px; font-weight:400; line-height:1em; color:#333;}

/* company :: quality */
.quality .sec1{height:325px; background:url(/Resources/Eng/images/company/management/quality_sec1_img1.jpg) 0 0 no-repeat;}
.quality .sec1 .txt_area{width:875px; padding-top:55px; margin:0 auto; font-weight:400; color:#fff;}
.quality .sec1 .txt_area .txt1{padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #fff; font-size:18px; text-align:center;}
.quality .sec1 .txt_area ul{font-size:16px;}
.quality .sec1 .txt_area li{margin-bottom:5px;}
.quality .sec1 .txt_area li:before{display:inline-block; width:3px; height:3px; margin:-4px 10px 0 0; background:#fff; vertical-align:middle; content:"";}
.quality .sec2 .tit_area .txt1{margin-bottom:40px;}
.quality .sec2 .tit_area .btn_area{text-align:center;}
.quality .sec2 .tit_area .btn_area a{background:#6bb2e2;}
.quality .sec2 .cont_area{display:table; width:570px; height:360px; background-position:0 0; background-repeat:no-repeat;}
.quality .sec2 .cont_area1{background-image:url(/Resources/Eng/images/company/management/quality_sec2_img1.jpg);}
.quality .sec2 .cont_area2{background-image:url(/Resources/Eng/images/company/management/quality_sec2_img2.jpg); background-position:100% 0;}
.quality .sec2 .cont_area3{background-image:url(/Resources/Eng/images/company/management/quality_sec2_img3.jpg);}
.quality .sec2 .cont_area4{background-image:url(/Resources/Eng/images/company/management/quality_sec2_img4.jpg); background-position:100% 0;}
.quality .sec2 .cont_area5{background-image:url(/Resources/Eng/images/company/management/quality_sec2_img5.jpg);}
.quality .sec2 .cont_area.left{padding-left:570px;}
.quality .sec2 .cont_area.right{padding-right:570px;}
.quality .sec2 .cont_area .txt_box{display:table-cell; vertical-align:middle;}
.quality .sec2 .cont_area.left .txt_box{padding-left:60px;}
.quality .sec2 .cont_area.right .txt_box{padding-right:60px; text-align:right;}
.quality .sec2 .cont_area h5{color:#6b9ecc;}
.quality .sec2 .cont_area .desc_list, .quality .sec2 .cont_area .txt1{font-size:16px;}
.quality .sec2 .cont_area .desc_list dt{font-weight:400; color:#333;}
.quality .sec2 .cont_area .desc_list dd{margin-bottom:10px;}

/* company :: environment */
.environment .sec1 .cont_area{display:table; width:570px; height:360px; background-position:0 0; background-repeat:no-repeat;}
.environment .sec1 .cont_area1{background-image:url(/Resources/Eng/images/company/management/environ_sec1_img1.jpg);}
.environment .sec1 .cont_area2{background-image:url(/Resources/Eng/images/company/management/environ_sec1_img2.jpg); background-position:100% 0;}
.environment .sec1 .cont_area3{background-image:url(/Resources/Eng/images/company/management/environ_sec1_img3.jpg);}
.environment .sec1 .cont_area.left{padding-left:570px;}
.environment .sec1 .cont_area.right{padding-right:570px;}
.environment .sec1 .cont_area .txt_box{display:table-cell; vertical-align:middle;}
.environment .sec1 .cont_area.left .txt_box{padding-left:60px;}
.environment .sec1 .cont_area.right .txt_box{padding-right:60px; text-align:right;}
.environment .sec1 .cont_area h5{color:#6b9ecc;}
.environment .sec1 .cont_area .desc_list, .environment .sec1 .cont_area .txt1{font-size:16px;}
.environment .sec1 .cont_area .desc_list dt{font-weight:400; color:#333;}
.environment .sec1 .cont_area .desc_list dd{margin-bottom:10px;}
.environment .sec2{width:100%; padding:60px 0; background:#edf7fe;}
.environment .sec2 .sec_inner{width:1140px; margin:0 auto;}
.environment .sec2 .cont_area{overflow:hidden;}
.environment .sec2 .cont_area .left{float:left; width:509px; padding-right:60px; border-right:1px solid #dadada; text-align:right;}
.environment .sec2 .cont_area .right{float:left; width:510px; padding-left:60px;}
.environment .sec2 .cont_area ul{display:inline-block; font-size:16px; text-align:center; color:#333;}
.environment .sec2 .cont_area ul:before{display:inline-block; height:70px; margin-bottom:25px; background:url(/Resources/Eng/images/company/management/environ_sec2_ico.png) 0 0 no-repeat; content:"";}
.environment .sec2 .cont_area li{margin-bottom:5px; text-align:left;}
.environment .sec2 .cont_area li:before{display:inline-block; vertical-align:middle;}
.environment .sec2 .cont_area .list1:before{width:58px; background-position:0 0;}
.environment .sec2 .cont_area .list2:before{width:69px; background-position:-100px 0;}
.environment .sec3 .cont_area1{margin-bottom:60px;}
.environment .sec3 .cont_area2{overflow:hidden;}
.environment .sec3 .cont_area2 > div{float:left; width:550px;}
.environment .sec3 .cont_area2 .right{margin-left:40px;}
.environment .sec4  table thead th{background-color:#fafafa;}

/* company :: environ_act */
.environ_act .sec1{width:100%;}
.environ_act .sec1 .sec_inner_wrap{width:100%; padding:60px 0; background:#f3f3f3;}
.environ_act .sec1 .sec_inner{width:1140px; margin:0 auto;}
.environ_act .sec1 .cont_area{overflow:hidden;}
.environ_act .sec1 .left{float:left; width:540px;}
.environ_act .sec1 .left img{margin-left:248px;}
.environ_act .sec1 .right{float:left; width:600px; padding-top:86px; font-size:16px;}
.environ_act .sec2 .cont_area{margin-bottom:60px;}
.environ_act .sec2 .cont_area.last{margin-bottom:0;}
.environ_act .sec2 .cont_area table thead th{padding:20px 0; background-color:#fafafa;}
.environ_act .sec2 .cont_area table th{padding:15px 0;}
.environ_act .sec2 .cont_area table td{padding:15px 0;}

/* company :: safety */
.safety .sec1{width:100%; margin-bottom:60px;}
.safety .sec1 h5{font-size:25px;}
.safety .sec1 .sec_inner1{position:relative; width:1140px; margin:0 auto; background:#fff;}
.safety .sec1 .sec_inner1 .cont_area{padding:35px 0; border:1px solid #dadada; text-align:center;}
.safety .sec1 .sec_inner1 .cont_area{padding:35px 0; border:1px solid #dadada; text-align:center;}
.safety .sec1 .sec_inner1 .txt1{color:#666;}
.safety .sec1 .sec_inner2{width:100%; padding:100px 0 60px; margin-top:-40px; background:#edf7fe;}
.safety .sec1 .sec_inner2 .cont_area{width:1140px; margin:0 auto;}
.safety .sec1 .sec_inner2 h5{margin-bottom:40px; text-align:center;}
.safety .sec1 .sec_inner2 .txt_box{overflow:hidden;}
.safety .sec1 .sec_inner2 .txt_box dl{float:left; width:380px;}
.safety .sec1 .sec_inner2 .txt_box .list2{width:378px; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.safety .sec1 .sec_inner2 .txt_box dt{margin-bottom:15px; font-size:20px; font-weight:400; text-align:center;}
.safety .sec1 .sec_inner2 .txt_box dt:before{overflow:hidden; display:inline-block; margin-bottom:25px; background:url(/Resources/Eng/images/company/management/safety_sec2_ico.png) 0 0 no-repeat; vertical-align:top; content:"";}
.safety .sec1 .sec_inner2 .txt_box .list1 dt:before{width:77px; height:72px;}
.safety .sec1 .sec_inner2 .txt_box .list2 dt:before{width:86px; height:72px; background-position:-150px 0;}
.safety .sec1 .sec_inner2 .txt_box .list3 dt:before{width:84px; height:72px; background-position:-300px 0;}
.safety .sec1 .sec_inner2 .txt_box dt span{display:block;}
.safety .sec1 .sec_inner2 .txt_box dd{text-align:center;}
.safety .sec1 .sec_inner2 .txt_box dd ul{display:inline-block; text-align:left;}
.safety .sec1 .sec_inner2 .txt_box dd li{margin-bottom:4px;}
.safety .sec2 .cont_area{display:table; width:570px; height:335px; background-position:0 0; background-repeat:no-repeat;}
.safety .sec2 .cont_area1{background-image:url(/Resources/Eng/images/company/management/safety_sec2_img1.jpg);}
.safety .sec2 .cont_area2{background-image:url(/Resources/Eng/images/company/management/safety_sec2_img2.jpg); background-position:100% 0;}
.safety .sec2 .cont_area3{background-image:url(/Resources/Eng/images/company/management/safety_sec2_img3.jpg);}
.safety .sec2 .cont_area.left{padding-left:570px;}
.safety .sec2 .cont_area.right{padding-right:570px;}
.safety .sec2 .cont_area .txt_box{display:table-cell; vertical-align:middle;}
.safety .sec2 .cont_area.left .txt_box{padding-left:60px;}
.safety .sec2 .cont_area.right .txt_box{padding-right:60px; text-align:right;}
.safety .sec2 .cont_area h5{font-size:20px; color:#6b9ecc;}

/* company :: safety_c */
.safety_c .sec1{width:100%; margin-bottom:60px;}
.safety_c .sec1 .tit_area{width:1140px; margin:0 auto 60px;}
.safety_c .sec1 .sec_inner_wrap{padding:60px 0; background:#f7f7f7;}
.safety_c .sec1 .sec_inner{width:1073px; padding-top:64px; margin:0 auto; background:url(/Resources/Eng/images/company/management/safety_c_sec1_bg1.png) center 0 no-repeat;}
.safety_c .sec1 .sec_inner h5{overflow:hidden; width:530px; height:129px; margin:0 auto 36px; background:url(/Resources/Eng/images/company/management/safety_c_sec1_img1.png) 0 0 no-repeat; text-indent:-9999px;}
.safety_c .sec1 .cont_area{overflow:hidden;}
.safety_c .sec1 .cont_area dl{float:left; width:161px; padding:85px 39px 0 21px; margin-left:-8px; background:url(/Resources/Eng/images/company/management/safety_c_sec1_bg2.png) 0 0 no-repeat;}
.safety_c .sec1 .cont_area .list1{margin-left:0; background-position:0 0;}
.safety_c .sec1 .cont_area .list2{background-position:-220px 0;}
.safety_c .sec1 .cont_area .list3{background-position:-440px 0;}
.safety_c .sec1 .cont_area .list4{background-position:-660px 0;}
.safety_c .sec1 .cont_area .list5{background-position:-880px 0;}
.safety_c .sec1 .cont_area dt, .safety_c .sec1 .cont_area dd{text-align:center;}
.safety_c .sec1 .cont_area dt{display:block; margin-bottom:95px; font-size:20px; font-weight:400; color:#000; line-height:1em;}
.safety_c .sec2 .cont_area{display:table; width:570px; height:335px; background-position:0 0; background-repeat:no-repeat;}
.safety_c .sec2 .cont_area1{background-image:url(/Resources/Eng/images/company/management/safety_c_sec2_img1.jpg);}
.safety_c .sec2 .cont_area2{background-image:url(/Resources/Eng/images/company/management/safety_c_sec2_img2.jpg); background-position:100% 0;}
.safety_c .sec2 .cont_area.left{padding-left:570px;}
.safety_c .sec2 .cont_area.right{padding-right:570px;}
.safety_c .sec2 .cont_area .txt_box{display:table-cell; vertical-align:middle;}
.safety_c .sec2 .cont_area.left .txt_box{padding-left:60px;}
.safety_c .sec2 .cont_area.right .txt_box{padding-right:60px; text-align:right;}
.safety_c .sec2 .cont_area h5{font-size:20px; color:#6b9ecc;}
.safety_c .sec2 .cont_area h5{font-size:20px; color:#6b9ecc;}
.safety_c .sec3{overflow:hidden; padding:60px 0; background:#f7f7f7;}
.safety_c .sec3 .cont_area{float:left; width:570px; margin:0 auto; text-align:center;}
.safety_c .sec3 .cont_area.left{position:relative;}
.safety_c .sec3 .cont_area :after{position:absolute; right:0; top:50%; width:1px; height:230px; margin-top:-115px; background:#dadada; content:"";}
.safety_c .sec3 .cont_area h5:before{display:block; height:138px; margin-bottom:20px; background-position:center 0; background-repeat:no-repeat; content:"";}
.safety_c .sec3 .cont_area.left h5:before{background-image:url(/Resources/Eng/images/company/management/safety_c_sec3_bg1.png);}
.safety_c .sec3 .cont_area.right h5:before{background-image:url(/Resources/Eng/images/company/management/safety_c_sec3_bg2.png);}

/* company :: csr_intro */
.csr_intro .sec1{width:100%;}
.csr_intro .sec1 .sec_inner_wrap{width:100%; padding:60px 0; background:#edf7fe;}
.csr_intro .sec1 .sec_inner{width:1140px; margin:0 auto;}
.csr_intro .sec1 .tit_area{margin-bottom:60px;}
.csr_intro .sec1 .txt_box{overflow:hidden;}
.csr_intro .sec1 .txt_box dl{float:left; width:380px; min-height:260px;}
.csr_intro .sec1 .txt_box .list2{width:378px; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.csr_intro .sec1 .txt_box dt{margin-bottom:15px; font-size:20px; font-weight:400; text-align:center; color:#6b9ecc;}
.csr_intro .sec1 .txt_box dt:before{overflow:hidden; display:inline-block; margin-bottom:15px; background:url(/Resources/Eng/images/company/management/csr_intro_sec1_ico.png) 0 0 no-repeat; content:"";}
.csr_intro .sec1 .txt_box .list1 dt:before{width:62px; height:69px; margin-left:8px; }
.csr_intro .sec1 .txt_box .list2 dt:before{width:69px; height:69px; margin-left:15px; background-position:-100px 0;}
.csr_intro .sec1 .txt_box .list3 dt:before{width:69px; height:69px; background-position:-200px 0;}
.csr_intro .sec1 .txt_box dt span{display:block;}
.csr_intro .sec1 .txt_box dd{text-align:center;}
.csr_intro .sec1 .txt_box .list3 dd{padding-left:60px; text-align:left;}
.csr_intro .sec1 .txt_box dd ul{display:inline-block; text-align:left;}
.csr_intro .sec1 .txt_box dd li{margin-bottom:4px;}
.csr_intro .sec2 .cont_area{text-align:center;}
.csr_intro .sec3 .default_table thead th{background-color:#fafafa; font-size:18px;}
.csr_intro .sec3 .default_table th{font-size:16px;}
.csr_intro .sec3 .default_table td.td_left{padding-left:15px; font-weight:400; text-align:left;}

/* company :: csr_symbol */
.csr_symbol .sec1 .tit_area .txt1{margin-bottom:10px; font-size:20px; font-weight:400; color:#6b9ecc;}
.csr_symbol .sec1 .tit_area .txt2{text-align:center;}
.csr_symbol .sec1 .cont_area{overflow:hidden;}
.csr_symbol .sec1 .cont_area > div{float:left; width:540px; margin-left:60px;}
.csr_symbol .sec1 .cont_area .left{margin-left:0;}

/* company :: csr_act */
.csr_act .sec1 .cont_area{position:relative;}
.csr_act .sec1 .cont_area:after{position:absolute; left:50%; top:0; width:1px; height:100%; background:#dadada; content:"";}
.csr_act .sec1 .col{overflow:hidden; margin-bottom:55px;}
.csr_act .sec1 .col.last{margin-bottom:0;}
.csr_act .sec1 .cont_area .img1{margin-bottom:30px;}
.csr_act .sec1 .cont_area h5{color:#6b9ecc;}
.csr_act .sec1 .cont_area .left{float:left; width:510px; padding-right:60px;}
.csr_act .sec1 .cont_area .right{float:left; width:510px; padding-left:60px;}
.csr_act .sec2 .cont_area{position:relative;}
.csr_act .sec2 .cont_area:after{position:absolute; left:50%; top:0; width:1px; height:100%; background:#dadada; content:"";}
.csr_act .sec2 .col{overflow:hidden; margin-bottom:55px;}
.csr_act .sec2 .col.last{margin-bottom:0;}
.csr_act .sec2 .cont_area .img1{margin-bottom:30px;}
.csr_act .sec2 .cont_area h5{color:#6b9ecc;}
.csr_act .sec2 .cont_area .left{float:left; width:510px; padding-right:60px;}
.csr_act .sec2 .cont_area .right{float:left; width:510px; padding-left:60px;}

/* company :: moral_ethics */
.moral_ethics .sec1{width:100%;}
.moral_ethics .sec1 .sec_inner_wrap{width:1140px; margin:0 auto 100px;}
.moral_ethics .sec1 .tit_area{margin-bottom:30px;}
.moral_ethics .sec1 .tit_area h4 small{display:block; padding-top:5px; font-size:18px;}
.moral_ethics .sec1 .list1{padding:50px; border:1px solid #dadada;}
.moral_ethics .sec1 .list1 li{margin-bottom:17px;}
.moral_ethics .sec1 .list1 li.last{margin-bottom:0;}
.moral_ethics .sec1 .list1 li span{display:inline-block; width:25px; height:25px; margin-right:15px; background:#6b9ecc; border-radius:25px; font-size:14px; text-align:center; vertical-align:middle; line-height:25px; color:#fff;}
.moral_ethics .sec1 .sec_inner_wrap2{width:100%; padding:60px 0; background:#edf7fe;}
.moral_ethics .sec1 .sec_inner_wrap2 .sec_inner{width:1140px; margin:0 auto;}
.moral_ethics .sec1 .sec_inner_wrap2 .txt1{margin-bottom:25px;}
.moral_ethics .sec1 .sec_inner_wrap2 .img_box{text-align:center;}
.moral_ethics .sec1 .sec_inner_wrap3{margin-bottom:0;}
.moral_ethics .sec1 .sec_inner_wrap3 .list1{overflow:hidden; margin-bottom:40px;}
.moral_ethics .sec1 .sec_inner_wrap3 .list1 li{float:left; width:50%;}
.moral_ethics .sec1 .sec_inner_wrap3 .btn_area{text-align:center;}
.moral_ethics .sec1 .sec_inner_wrap3 .btn_area a{background:#6bb2e2;}
.moral_ethics .sec2 .tit_area{margin-bottom:30px;}
.moral_ethics .sec2 h4{margin-bottom:0;}
.moral_ethics .sec2 .cont_area{padding:40px; font-size:15px; border:1px solid #dadada;}
.moral_ethics .sec2 .cont_area strong{font-weight:300;}
.moral_ethics .sec2 .cont_area > ol > li{margin-bottom:30px;}

/* company :: moral_compliance */
.moral_compliance .sec1{overflow:hidden; padding:65px 0; margin-bottom:170px; border:1px solid #dadada;}
.moral_compliance .sec1 .left{float:left; width:570px; text-align:right;}
.moral_compliance .sec1 .right{float:right; width:570px;}
.moral_compliance .sec1 .left dl{border-right:1px solid #dadada;}
.moral_compliance .sec1 dl{display:inline-block; padding:0 90px; font-weight:400; text-align:center;}
.moral_compliance .sec1 dt{margin-bottom:9px; font-size:25px; color:#6b9ecc;}
.moral_compliance .sec1 dd{font-size:16px; color:#333;}
.moral_compliance .sec2{}
.moral_compliance .sec2 .cont_area{position:relative; padding-left:500px;}
.moral_compliance .sec2 dt{background:url(/Resources/Eng/images/company/management/moral_compliance_sec2_bg.png) 0 0 no-repeat; font-size:20px; font-weight:400; text-align:center;}
.moral_compliance .sec2 dd{font-size:16px; font-weight:400; }
.moral_compliance .sec2 dd.row2{font-weight:300;}
.moral_compliance .sec2 .left{position:absolute; left:118px; top:256px; width:173px;}
.moral_compliance .sec2 .left:before{position:absolute; left:172px; top:88px; width:282px; height:1px; background:#dadada; content:"";}
.moral_compliance .sec2 .left dt{position:relative; width:161px; height:115px; padding-top:60px; padding-right:12px; margin-bottom:13px; background-position:0 0; color:#fff;}
.moral_compliance .sec2 .left dd{text-align:Center;}
.moral_compliance .sec2 .right{position:relative;}
.moral_compliance .sec2 .right:before{position:absolute; left:71px; top:0; width:1px; height:100%; background:#dadada; content:"";}
.moral_compliance .sec2 .right .top{padding-bottom:77px;}
.moral_compliance .sec2 .right dl{overflow:hidden; position:relative; width:639px; margin-bottom:10px;}
.moral_compliance .sec2 .right dt{float:left; width:144px; height:100px; padding-top:48px; color:#000;}
.moral_compliance .sec2 .right dd{float:left; width:495px; padding-top:46px;}
.moral_compliance .sec2 .right dd .txt_box{display:table;}
.moral_compliance .sec2 .right strong{display:table-cell; width:185px; padding-left:40px; vertical-align:top; color:#000;}
.moral_compliance .sec2 .right span{display:table-cell; width:240px; padding:0 0 5px 30px; border-left:1px solid #dadada; font-weight:300; vertical-align:top;}
.moral_compliance .sec2 .right .top dt{height:117px; padding-top:31px; background-position:-200px 0;}
.moral_compliance .sec2 .right .top dt.four_line{height:128px; padding-top:20px;}
.moral_compliance .sec2 .right .bottom dt{height:97px; padding-top:51px; background-position:-400px 0;}
.moral_compliance .sec2 .right .bottom dd{padding-top:52px;}
.moral_compliance .sec3 .cont_area{overflow:hidden; border-top:2px solid #335173;}
.moral_compliance .sec3 .cont_area dl{float:left; width:240px; min-height:350px; padding:30px 22px 29px; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#000;}
.moral_compliance .sec3 .cont_area .box1,.moral_compliance .sec3 .cont_area .box5{width:241px; border-left:0 none;}
.moral_compliance .sec3 .cont_area dt{min-height:220px; margin-bottom:10px; font-size:18px; font-weight:400;}
.moral_compliance .sec3 .cont_area dt:before{display:block; width:100%; height:130px; margin-bottom:35px; background-image:url(/Resources/Eng/images/company/management/moral_compliance_sec3_img.jpg); background-repeat:no-repeat; content:"";}
.moral_compliance .sec3 .cont_area .box1 dt:before{background-position:0 0;}
.moral_compliance .sec3 .cont_area .box2 dt:before{background-position:-240px 0;}
.moral_compliance .sec3 .cont_area .box3 dt:before{background-position:-480px 0;}
.moral_compliance .sec3 .cont_area .box4 dt:before{background-position:-720px 0;}
.moral_compliance .sec3 .cont_area .box5 dt:before{background-position:0 -130px;}
.moral_compliance .sec3 .cont_area .box6 dt:before{background-position:-240px -130px;}
.moral_compliance .sec3 .cont_area .box7 dt:before{background-position:-480px -130px;}
.moral_compliance .sec3 .cont_area .box8 dt:before{background-position:-720px -130px;}
.moral_compliance .sec3 .cont_area dd{font-size:16px;}
.moral_compliance .sec4{width:100%; padding:60px 0; background:#edf7fe;}
.moral_compliance .sec4 .sec_inner{width:1140px; margin:0 auto;}
.moral_compliance .sec4 .txt_box{overflow:hidden;}
.moral_compliance .sec4 .txt_box1{margin-bottom:77px;}
.moral_compliance .sec4 .txt_box > dl{float:left; width:379px; border-left:1px solid #dadada; font-size:16px; text-align:center; color:#000;}
.moral_compliance .sec4 .txt_box > dl.list1, .moral_compliance .sec4 .txt_box > dl.list4{width:380px; border-left:0 none;}
.moral_compliance .sec4 .txt_box dt{margin-bottom:15px; font-size:18px; font-weight:400;}
.moral_compliance .sec4 .txt_box dt:before{display:block; height:101px; margin:0 auto 25px; background:url(/Resources/Eng/images/company/management/moral_compliance_sec4_ico.png) 0 0 no-repeat; content:"";}
.moral_compliance .sec4 .txt_box dt span{display:block;}
.moral_compliance .sec4 .txt_box dd{text-align:center;}
.moral_compliance .sec4 .txt_box ul{display:inline-block;}
.moral_compliance .sec4 .txt_box li{margin-bottom:5px; text-align:left;}
.moral_compliance .sec4 .txt_box .list1 dt:before{width:84px; height:69px; background-position:0 0;}
.moral_compliance .sec4 .txt_box .list2 dt:before{width:87px; height:64px; background-position:-150px 0;}
.moral_compliance .sec4 .txt_box .list3 dt:before{width:84px; height:67px; background-position:-300px 0;}
.moral_compliance .sec4 .txt_box .list4 dt:before{width:94px; height:69px; background-position:-450px 0;}
.moral_compliance .sec4 .txt_box .list5 dt:before{width:91px; height:69px; background-position:-600px 0;}
.moral_compliance .sec4 .txt_box .list6 dt:before{width:91px; height:68px; background-position:-750px 0;}
.moral_compliance .sec5 .img_box{margin-bottom:33px;}
.moral_compliance .sec5 .txt_box{overflow:hidden;}
.moral_compliance .sec5 .txt_box dl{float:left; width:210px; padding-left:20px;}
.moral_compliance .sec5 .txt_box dl.list2{width:320px;}
.moral_compliance .sec5 .txt_box dl.list3{width:360px;}
.moral_compliance .sec5 .txt_box dl.list4{width:170px;}
.moral_compliance .sec5 .txt_box li{margin-bottom:10px;}

/* company :: moral_fair */
.moral_fair .sec1{}
.moral_fair .sec1 .tit_area h4 small{display:block; padding-top:5px; font-size:18px;}
.moral_fair .sec1 .cont_area{padding:50px; border:1px solid #dadada;}
.moral_fair .sec1 .list1{padding-bottom:35px; border-bottom:1px solid #dadada;}
.moral_fair .sec1 .list1 li{padding-left:40px; margin-bottom:17px; text-indent:-40px;}
.moral_fair .sec1 .list1 li.last{margin-bottom:0;}
.moral_fair .sec1 .list1 li span{display:inline-block; width:25px; height:25px; margin-right:15px; background:#6b9ecc; border-radius:25px; font-size:14px; text-align:center; text-indent:0; vertical-align:middle; line-height:25px; color:#fff;}
.moral_fair .sec1 .sign_txt{padding:39px 154px 0 0 ; background:url(/Resources/Eng/images/company/management/moral_fair_sec1_bg1.png) 100% 32px no-repeat; font-size:15px; text-align:right;}
.moral_fair .sec1 .sign_txt .ceo_name{padding-left:5px;}
.moral_fair .sec2 .cont_area{padding:49px 0; background:#f7f7f7; text-align:center;}

/* company :: moral_act */
.moral_act .sec1{}
.moral_act .sec1 .col{position:relative; padding-top:30px;}
.moral_act .sec1 .line_r:before{position:absolute; right:0; top:30px; width:1px; height:100%; background:#dadada; content:"";}
.moral_act .sec1 .line_l:before{position:absolute; left:0; top:30px; width:1px; height:100%; background:#dadada; content:"";}
.moral_act .sec1 .last:before{content:none;}
.moral_act .sec1 .col:after{display:block; clear:both; content:"";}
.moral_act .sec1 .col dl{float:left; width:570px; padding-bottom:37px; border-top:1px solid #dadada;}
.moral_act .sec1 .line_l dl{float:right;}
.moral_act .sec1 .line_r .left, .moral_act .sec1 .line_l .right{width:488px; padding-left:82px;}
.moral_act .sec1 .line_r .right, .moral_act .sec1 .line_l .left{width:527px; padding-left:43px;}
.moral_act .sec1 .col dt{margin-top:-19px; font-size:30px; font-weight:500; line-height:1em;}
.moral_act .sec1 .col dt span{display:inline-block; padding-right:10px; padding-bottom:23px; background:#fff; color:#6b9ecc; }
.moral_act .sec1 .col dt span:before{display:inline-block; width:10px; height:10px; margin-right:12px; background:url(/Resources/Eng/images/company/management/moral_act_sec1_bull.png) 0 0 no-repeat; vertical-align:middle; content:"";}
.moral_act .sec1 .col dd{padding-left:21px; margin-bottom:6px; font-size:15px;}
.moral_act .sec1 .col dd:before{width:3px; height:3px; margin-top:-2px;}


/* business :: common */
.business .contents{padding-bottom:0;}
.business .contents:after{display:block; height:100px; content:'';}
.business .visual_sec{background-image:url(/Resources/Eng/images/business/visual_img.jpg);}
.business .sec1 .img_box{margin-bottom:40px;}

.business .page_section:after, .business .page_section .sec_inner:after{display:block; clear:both; content:"";}
.business .page_section h4{margin-bottom:20px; font-size:30px; font-weight:400; line-height:1em; color:#000;}
.business .page_section p{margin-bottom:30px;}
.business .page_section .img_str{position:absolute;}
.business .page_section .type_link{width:190px; background-color:#6bb2e2;}
.business .page_section .layer_pop{display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,.3);}
.business .page_section .layer_pop.on{display:block;}
.business .page_section .layer_pop .layer_inner{position:absolute; left:50%; top:50%; width:920px; height:475px; padding:40px; margin:-277px 0 0 -500px; background:#fff;}
.business .page_section .layer_pop h5{position:relative; padding-bottom:20px; font-size:30px; font-weight:400; text-align:center; line-height:1em; color:#000;}
.business .page_section .layer_pop h5:after{position:absolute; left:0; bottom:0; width:870px; height:2px; background:#335173; content:"";}
.business .page_section .layer_pop .layer_cont{overflow-y:scroll; height:400px;}
.business .page_section .layer_pop .layer_cont table{width:870px; border-top:0 none;}
.business .page_section .layer_pop .layer_cont table th{padding-left:20px; border-left:0 none; text-align:left; color:#000; word-break:keep-all;}
.business .page_section .layer_pop .layer_cont table td{padding:20px 30px 20px 60px; border-left:0 none; text-align:left; color:#333; word-break:keep-all;}
.business .page_section .layer_pop .layer_close{overflow:hidden; position:absolute; right:40px; top:40px; width:27px; height:27px; background:url(/Resources/Eng/images/business/pop_close.png) 0 0 no-repeat; text-indent:-9999px;}
.business .page_type1{}
.business .page_type1 .left{float:left; width:570px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type1 .left .txt2{margin-bottom:0;}
.business .page_type1 .right{position:relative; float:right; width:381px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type1 .right .img1{margin-bottom:35px;}
.business .page_type1 .right .img_str{left:-40%; top:202px; opacity:0; -webkit-transform:translateX(40%); transform:translateX(40%);}

.business .page_type1.active .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type1.active .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .6s linear , -webkit-transform .5s .6s linear; transition:opacity .5s .6s linear , transform .5s .6s linear;}
.business .page_type1.active .right .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.1s linear, -webkit-transform .5s 1.1s linear; transition:opacity .5s 1.1s linear, transform .5s 1.1s linear;}

.business .page_type2{width:100%; background:#f3f3f3;}
.business .page_type2 .sec_inner{width:1140px; margin:0 auto;}
.business .page_type2 .top{position:relative; margin-bottom:40px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type2 .top .img_str{left:-1px; bottom:-1px; opacity:0; -webkit-transform:translateX(-20%); transform:translateX(-20%);}
.business .page_type2 .bottom{overflow:hidden; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type2 .bottom .left{float:left; width:760px;}
.business .page_type2 .bottom .left h4{float:left; width:190px;}
.business .page_type2 .bottom .left .divided{float:left; width:570px;}
.business .page_type2 .bottom .right{float:right; width:380px;}

.business .page_type2.active .top{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type2.active .top .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1s linear, -webkit-transform .5s 1s linear; transition:opacity .5s 1s linear, transform .5s 1s linear;}
.business .page_type2.active .bottom{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .5s linear , -webkit-transform .5s .5s linear; transition:opacity .5s .5s linear , transform .5s .5s linear;}

.business .page_type3 .left{position:relative; float:left; width:380px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type3 .left .img_str{top:480px; left:-2px; opacity:0; -webkit-transform:translateX(20%); transform:translateX(20%);}
.business .page_type3 .right{float:right; width:700px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type3 .right .img1{margin-bottom:30px;}

.business .page_type3.active .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .5s linear, -webkit-transform .5s .5s linear; transition:opacity .5s .5s linear, transform .5s .5s linear;}
.business .page_type3.active .left .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1s linear, -webkit-transform .5s 1s linear; transition:opacity .5s 1s linear, transform .5s 1s linear;}
.business .page_type3.active .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear , -webkit-transform .5s linear; transition:opacity .5s linear , transform .5s linear;}

.business .page_type4{width:100%; background:#6ab2e2;}
.business .page_type4 .sec_inner{width:1140px; margin:0 auto;}
.business .page_type4 .top{overflow:hidden; position:relative; margin-bottom:40px;}
.business .page_type4 .top > img{float:left;}
.business .page_type4 .top .img1{width:360px; margin-left:0; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type4 .top .img2{width:340px; margin-left:40px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type4 .top .img3{width:360px; margin-left:40px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type4 .top .img_str{right:0; bottom:0; opacity:0; -webkit-transform:translateX(20%); transform:translateX(20%);}
.business .page_type4 .bottom{color:#fff; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type4 .bottom h4{color:#fff;}
.business .page_type4 .bottom .txt_box{position:relative; margin-top:-50px;}
.business .page_type4 .bottom .txt1{overflow:hidden;}
.business .page_type4 .bottom .txt1 span{float:left; display:block; width:360px; margin-left:40px;}
.business .page_type4 .bottom .txt1 span.col1{padding-top:50px; margin-left:0;}
.business .page_type4 .bottom .txt1 span.col2{width:340px;}
.business .page_type4 .bottom .type_link{position:absolute; left:784px; bottom:0; background:#fff; color:#6ab2e2;}
.business .page_type4 .bottom .type_link:after{background-position:-400px -150px;}

.business .page_type4.active .top .img1{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type4.active .top .img2{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s linear, -webkit-transform .5s .4s linear; transition:opacity .5s .4s linear, transform .5s .4s linear;}
.business .page_type4.active .top .img3{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .8s linear, -webkit-transform .5s .8s linear; transition:opacity .5s .8s linear, transform .5s .8s linear;}
.business .page_type4.active .top .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.7s linear, -webkit-transform .5s 1.7s linear; transition:opacity .5s 1.7s linear, transform .5s 1.7s linear;}
.business .page_type4.active .bottom{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s 1.2s linear , -webkit-transform .5s 1.2s linear; transition:opacity .5s 1.2s linear , transform .5s 1.2s linear;}

.business .page_type5 .img1{float:left; width:570px;}
.business .page_type5 .txt_box{float:left; width:570px;}
.business .page_type5 .top{overflow:hidden; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type5 .top .txt_box{width: 490px; padding-left:80px;}
.business .page_type5 .bottom{overflow:hidden; position:relative; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type5 .bottom .txt_box{padding-top:55px;}
.business .page_type5 .bottom .txt_box .txt1{margin-bottom:35px;}
.business .page_type5 .bottom .img_str{left:0; bottom:0; opacity:0; -webkit-transform:translateX(-20%); transform:translateX(-20%);}

.business .page_type5.active .top{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type5.active .bottom .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s .9s linear, -webkit-transform .5s .9s linear; transition:opacity .5s .9s linear, transform .5s .9s linear;}
.business .page_type5.active .bottom{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s linear , -webkit-transform .5s .4s linear; transition:opacity .5s .4s linear , transform .5s .4s linear;}

.business .page_type6{}
.business .page_type6 .top{position:relative; margin-bottom:60px; font-size:0;}
.business .page_type6 .top img{display:inline-block; margin-left:15px;}
.business .page_type6 .top .img1{margin-left:0; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type6 .top .img2{padding-top:50px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type6 .top .img3{opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type6 .top .img_str{right:-71px; top:0; margin-left:0; opacity:0; -webkit-transform:translateX(20%); transform:translateX(20%);}
.business .page_type6 .bottom{text-align:center; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type6 .bottom .txt2{margin-bottom:50px;}

.business .page_type6.active .top .img1{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type6.active .top .img2{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s linear, -webkit-transform .5s .4s linear; transition:opacity .5s .4s linear, transform .5s .4s linear;}
.business .page_type6.active .top .img3{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .8s linear, -webkit-transform .5s .8s linear; transition:opacity .5s .8s linear, transform .5s .8s linear;}
.business .page_type6.active .top .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.7s linear, -webkit-transform .5s 1.7s linear; transition:opacity .5s 1.7s linear, transform .5s 1.7s linear;}
.business .page_type6.active .bottom{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s 1.2s linear , -webkit-transform .5s 1.2s linear; transition:opacity .5s 1.2s linear , transform .5s 1.2s linear;}

.business .page_type7{width:100%; background-color:#f3f3f3;}
.business .page_type7 .left{float:left; width:720px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type7 .left .img1{margin-bottom:40px;}
.business .page_type7 .right{float:right; position:relative; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.business .page_type7 .right .img_str{right:0; top:0; opacity:0; -webkit-transform:translateX(-10%); transform:translateX(-10%);}
.business .page_type7.active .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s linear, -webkit-transform .5s linear; transition:opacity .5s linear, transform .5s linear;}
.business .page_type7.active .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .5s linear , -webkit-transform .5s .5s linear; transition:opacity .5s .5s linear , transform .5s .5s linear;}
.business .page_type7.active .right .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1s linear, -webkit-transform .5s 1s linear; transition:opacity .5s 1s linear, transform .5s 1s linear;}

.business .page_section{position:relative; width:100%; min-height:730px; margin:0;}
.business .page_section .sec_inner{position:absolute; left:50%; top:50%; width:1140px; height:700px; margin:-350px 0 0 -570px;}
.min_height_700 .business .page_section{padding:100px 0;}
.min_height_700 .business .sec1{margin-bottom:0;}
.min_height_700 .business .contents:after{display:none;}

/* business :: plant */
.plant .contents:after{background-color:#6ab2e2;}
.plant .page_type1 .left .txt2{margin-bottom:30px;}
.plant .page_type1 .right .img_str{left:-45%; top:205px;}
.plant .page_type2 .bottom .left h4{width:230px;}
.plant .page_type2 .bottom .left .divided{width:530px;}
.plant .page_type3 .left .img_str{left:0;}
.plant .page_type3 .left .img_box{margin-bottom:30px;}
.plant .page_type4 .bottom .col1{}
.plant .page_type4 .bottom .col2{padding-top:25px;}
.plant .page_type4 .bottom .col3{padding-top:25px;}

/* business :: building */
.building .page_type1 .right .img_str{left:-43%; top:198px;}
.building .page_type3 .left .img_str{left:-42px;}
.building .page_type4 .bottom .txt1{margin-top:-100px;}
.building .page_type4 .bottom .txt1 span.col1{padding-top:96px;}
.building .page_type6 .top .img_str{left:0; top:366px; z-index:-1;}

/* business :: house */
.house .contents:after{background-color:#f3f3f3;}
.house .page_type1 .right .img_str{left:-42%; top:176px;}
.house .page_type3 .left .img_str{left:0; top:480px;}
.house .page_type4 .bottom .txt_box{margin-top:-75px;}
.house .page_type4 .bottom .txt1 span.col1{padding-top:96px;}
.house .page_type5 .bottom{padding-bottom:50px;}

/* business :: dev */
.dev .contents:after{background-color:#f3f3f3;}
.dev .page_type1 .right .img_str{left:-42%; top:175px;}
.dev .page_type2 .bottom .left h4{float:none; width:730px;}
.dev .page_type2 .bottom .left .divided{float:none; width:730px;}

/* business :: project_map */
.project_map{}
.project_map .tit_sec .txt1{font-size:16px;}
.project_map .sec1 .map_area{width:100%; height:600px;}
.project_map .map_txt{padding:10px;}
.project_map .map_txt dt{padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #aadaff; font-weight:400; font-size:14px;}
.project_map .map_txt dd{font-size:12px; color:#666;}
.project_map .map_txt dd:before{display:inline-block; width:13px; height:19px; margin-right:5px; background:url("/Resources/Kor/images/common/ico_common.png") -54px -106px no-repeat; vertical-align:bottom; content:'';}
.project_map .gm-ui-hover-effect{opacity:0;}
.project_map .gm-ui-hover-effect:hover{opacity:0;}

/* business :: landmark */
.landmark .contents{padding-bottom:0; color:#000;}
.landmark .contents:after{display:block; height:100px; content:'';}
.landmark .visual_sec{background-image:url(/Resources/Eng/images/business/visual_img.jpg);}
.landmark .tab_nav{margin-bottom:100px;}
.landmark .tab_nav ul{border:0 none;}
.landmark .tab_nav li{width:227px;}
.landmark .tab_nav li a{height:150px; padding-top:20px; background:#e9ebed; border-left:1px solid #fff; font-weight:400; line-height:20px; color:#333;}
.landmark .tab_nav li a span{margin-bottom:5px; font-weight:300; font-size:14px;}
.landmark .tab_nav li.on a span{color:#d3edff;}
.landmark .tab_nav li a:before{display:block; width:69px; height:60px; margin:0 auto; margin-bottom:8px; background-image:url(/Resources/Eng/images/business/landmark_ico1.png); background-repeat:no-repeat; content:"";}
.landmark .tab_nav .li1 a:before{background-position:0 0;}
.landmark .tab_nav .li2 a:before{background-position:-150px 0;}
.landmark .tab_nav .li3 a:before{background-position:-300px 0;}
.landmark .tab_nav .li4 a:before{background-position:-450px 0;}
.landmark .tab_nav .li5 a:before{background-position:-600px 0;}
.landmark .tab_nav .li1.on a:before{background-position:0 -100px;}
.landmark .tab_nav .li2.on a:before{background-position:-150px -100px;}
.landmark .tab_nav .li3.on a:before{background-position:-300px -100px;}
.landmark .tab_nav .li4.on a:before{background-position:-450px -100px;}
.landmark .tab_nav .li5.on a:before{background-position:-600px -100px;}
.landmark .cont_area{position:absolute; left:-9999px; top:0; width:100%;}
.landmark .cont_area.on{position:static;}
.landmark .tab_cont{overflow:hidden; position:relative;}
.landmark .page_section{position:relative; width:100%; min-height:730px; margin:0;}
.landmark .page_section .sec_inner{position:absolute; left:50%; top:50%; width:1140px; height:700px; margin:-350px 0 0 -570px;}
.landmark .page_section h5{margin-bottom:25px; font-size:30px; font-weight:400; line-height:1em;}
.landmark .page_section p.txt1{font-size:16px;}
.landmark .page_section .img_str{position:absolute;}
.min_height_700 .landmark .page_section{padding:100px 0;}
.min_height_700 .landmark .sec1{margin-bottom:0;}
.min_height_700 .landmark .contents:after{display:none;}

.landmark .page_type1{}
.landmark .page_type1 .tit_area{margin-bottom:60px; text-align:center;}
.landmark .page_type1 .tit_area .txt1{margin-bottom:20px;}
.landmark .page_type1 .tit_area span{display:block; margin: 0 auto; line-height:1em;}
.landmark .page_type1 .tit_area .en{margin-bottom:12px; font-size:14px; letter-spacing:0; color:#cbcaca;}
.landmark .page_type1 .tit_area .ko{font-size:18px; font-weight:400;}
.landmark .page_type1 .tit_area h4{font-size:45px; font-weight:700; line-height:1em;}
.landmark .page_type1 .img_box{margin-bottom:30px;}
.landmark .page_type1 .txt_box .txt1{font-size:26px; font-weight:400; text-align:center;}
.landmark .page_type2{}
.landmark .page_type2 .txt_box{margin-bottom:58px;}
.landmark .page_type2 .txt_box:before, .landmark .page_type2 .txt_box:after{display:block; width:24px; height:21px; margin:0 auto; background-image:url(/Resources/Eng/images/business/landmark_ico2.png); background-repeat:no-repeat; content:"";}
.landmark .page_type2 .txt_box:before{background-position:0 0;}
.landmark .page_type2 .txt_box:after{background-position:100% 0;}
.landmark .page_type2 .txt_box .txt1{padding:31px 0; margin-bottom:0; font-size:24px; text-align:center;}
.landmark .page_type2 .cont_box ul{overflow:hidden; width:1080px; margin:0 auto;}
.landmark .page_type2 .cont_box li{float:left; width:330px; height:250px; padding-top:80px; margin-left:45px; background-repeat:no-repeat; text-align:center; color:#fff; opacity:0;}
.landmark .page_type2 .cont_box li.li1{margin-left:0; background-position:0 0;}
.landmark .page_type2 .cont_box li.li2{background-position:-330px 0;}
.landmark .page_type2 .cont_box li.li3{background-position:-660px 0;}
.landmark .page_type2 .cont_box li strong{display:block; margin-bottom:20px; font-size:80px; font-weight:400; line-height:1em;}
.landmark .page_type2 .cont_box li span{display:block; font-size:16px;}
.landmark .page_type2.active .cont_box li{opacity:1; transition:opacity .5s;}
.landmark .page_type2.active .cont_box li.li1{transition-delay:.7s;}
.landmark .page_type2.active .cont_box li.li2{transition-delay:.9s;}
.landmark .page_type2.active .cont_box li.li3{transition-delay:1.1s;}
.landmark .page_type3{width:100%; background:#f3f3f3;}
.landmark .page_type3 .left{float:left; width:570px; margin-right:182px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.landmark .page_type3 .right{float:right; position:relative; width:388px; height:700px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.landmark .page_type3 .txt_box{padding-top:60px;}
.landmark .page_type3 .img_box{position:absolute; left:0; bottom:0;}
.landmark .page_type3 .img_box .img_str{left:-40%; top:-130px; opacity:0; -webkit-transform:translateX(-20%); transform:translateX(-20%);}
.landmark .page_type3 .img_box .img2{position:relative;}
.landmark .page_type3.active .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s  linear, -webkit-transform .5s .4s linear; transition:opacity .5s .4s  linear, transform .5s .4s linear;}
.landmark .page_type3.active .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .8s linear , -webkit-transform .5s .8s linear; transition:opacity .5s .8s linear , transform .5s .8s linear;}
.landmark .page_type3.active .right .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.2s linear, -webkit-transform .5s 1.2s linear; transition:opacity .5s 1.2s linear, transform .5s 1.2s linear;}
.landmark .page_type4 .img_box{position:relative; margin-bottom:40px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.landmark .page_type4 .img_box .img_str{left:-1px; bottom:-1px; opacity:0; -webkit-transform:translateX(-20%); transform:translateX(-20%);}
.landmark .page_type4 .txt_box{text-align:center; opacity:0; transform:translateY(80%);}
.landmark .page_type4.active .img_box{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s linear , -webkit-transform .5s .4s linear; transition:opacity .5s .4s linear , transform .5s .4s linear;}
.landmark .page_type4.active .img_box .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.2s linear, -webkit-transform .5s 1.2s linear; transition:opacity .5s 1.2s linear, transform .5s 1.2s linear;}
.landmark .page_type4.active .txt_box{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .8s linear , -webkit-transform .5s .8s linear; transition:opacity .5s .8s linear , transform .5s .8s linear;}
.landmark .page_type5:after{display:block; clear:both; content:"";}
.landmark .page_type5 .left{float:left; width:395px; margin-right:175px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.landmark .page_type5 .left .img_box{position:relative;}
.landmark .page_type5 .left .img1{margin-bottom:141px;}
.landmark .page_type5 .left .img_str{left:0; top:280px; opacity:0; -webkit-transform:translateX(20%); transform:translateX(20%);}
.landmark .page_type5 .left h5{margin-bottom:17px; line-height:40px;}
.landmark .page_type5 .left .txt1{margin-bottom:15px;}
.landmark .page_type5 .right{float:right; width:570px; opacity:0; -webkit-transform:translateY(20%); transform:translateY(20%);}
.landmark .page_type5.active .left{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .8s  linear, -webkit-transform .5s .8s linear; transition:opacity .5s .8s  linear, transform .5s .8s linear;}
.landmark .page_type5.active .left .img_str{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:opacity .5s 1.2s linear, -webkit-transform .5s 1.2s linear; transition:opacity .5s 1.2s linear, transform .5s 1.2s linear;}
.landmark .page_type5.active .right{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .5s .4s linear , -webkit-transform .5s .4s linear; transition:opacity .5s .4s linear , transform .5s .4s linear;}
.landmark .page_type6{overflow:hidden; width:100%;}
.landmark .page_type6 .bx-wrapper{position:relative; margin:0 auto;}
/*.landmark .page_type6 .bx-wrapper:before{position:absolute; left:0; top:0; width:900px; height:100%; background:rgba(0,0,0,.5); content:"";}*/
.landmark .page_type6 .bx-viewport{overflow:inherit !important;}
.landmark .page_type6 .slide_box{width:1140px; margin:0 auto;}
.landmark .page_type6 .slide_box .slide{background:#000;}
/*.landmark .page_type6 .slide_box .slide[aria-hidden=true] img{opacity:0.5;}*/
.landmark .page_type6 .slide_box .slide img{opacity:0.5;}
.landmark .page_type6 .slide_box .slide.active img{opacity:1; transition:opacity 0.2s;}
.landmark .page_type6 .bx-controls-direction{position:absolute; left:0; top:50%; width:100%;}
.landmark .page_type6 .bx-controls-direction a{position:absolute; top:0; width:43px; height:43px;  margin-top:-25px; background:url(/Resources/Eng/images/business/slide_arr.png) 0 0 no-repeat; text-indent:-9999px;}
.landmark .page_type6 .bx-controls-direction a.bx-prev{left:-61px;}
.landmark .page_type6 .bx-controls-direction a.bx-next{right:-61px; background-position:100% 0;}
.landmark .page_type6 .slide_count{padding-top:20px; margin:0 auto; font-size:20px; font-weight:400; text-align:center;}
.landmark .page_type6 .slide_count span{display:inline-block; vertical-align:middle; line-height:1em;}
.landmark .page_type6 .currentNum:after{display:inline-block; width:30px; height:1px; margin:0 18px; background:#c1c1c1; vertical-align:6px;  content:"";}
.landmark .page_type6 .totalNum{color:#c1c1c1;}

.landmark .page_section.page_type2 .sec_inner{margin-top:-282px;}
.landmark .page_section.page_type4 .sec_inner{margin-top:-325px;}
.landmark .page_section.page_type6 .sec_inner{margin-top:-260px;}

.landmark .land3 .page_type5 .left .img_str{top:280px;}
.landmark .land3 .page_type5 .left .img1{margin-bottom:200px;}
.landmark .land4 .page_type3 .img_box .img_str{left:-41%; top:-215px;}
.landmark .land5 .page_section.page_type4 .sec_inner{margin-top:-355px;}
.landmark .land5 .page_section.page_type4 .txt1{margin-bottom:20px;}

/* business :: landmark civil */
.land1 .page_type2 .cont_box li{background-image:url(/Resources/Eng/images/business/landmark1_page2_bg1.jpg);}
.land2 .page_type2 .cont_box li{background-image:url(/Resources/Eng/images/business/landmark2_page2_bg1.jpg);}
.land3 .page_type2 .cont_box li{background-image:url(/Resources/Eng/images/business/landmark3_page2_bg1.jpg);}
.land4 .page_type2 .cont_box li{background-image:url(/Resources/Eng/images/business/landmark4_page2_bg1.jpg);}
.land5 .page_type2 .cont_box li{background-image:url(/Resources/Eng/images/business/landmark5_page2_bg1.jpg);}

/* pr :: common */
.pr .visual_sec{background-image:url(/Resources/Eng/images/pr/visual_img.jpg);}

/* pr :: notice */
.notice_list .board_search_area{margin-bottom:20px;}
.notice_list .board_table td.tit a{width:867px;}

/* pr :: ci_bi */
.ci_bi h4{margin-bottom:60px; font-size:30px; font-weight:400; text-align:center; line-height:1em; color:#000;}
.ci_bi h5{margin-bottom:15px; font-size:20px; font-weight:400; line-height:1em; color:#000;}
.ci_bi .txt_box .txt1{font-size:16px; color:#333;}
.ci_bi .sec1 .img_area{margin-bottom:30px;}
.ci_bi .sec2 .signature_list{overflow:hidden; margin-bottom:60px; border:1px solid #dadada;}
.ci_bi .sec2 .signature_list li{float:left; width:379px; border-left:1px solid #dadada;}
.ci_bi .sec2 .signature_list li:first-child{width:378px; border-left:0 none;}
.ci_bi .sec2 .signature_list li span{display:block; padding:16px 0; border-top:1px solid #dadada; font-size:18px; font-weight:400; line-height:1em; text-align:center; color:#000;}
.ci_bi .sec2 .btn_area{text-align:center;}
.ci_bi .sec2 .btn_area a{margin-left:20px;}
.ci_bi .sec2 .btn_area a:first-child{margin-left:0;}
.ci_bi .sec3 .txt_box{margin-bottom:30px;}
.ci_bi .sec3 .color_list{overflow:hidden;}
.ci_bi .sec3 .color_list li{float:left; width:210px; height:140px; background-position:0 0; background-repeat:no-repeat; font-size:16px; font-weight:500; color:#fff;}
.ci_bi .sec3 .color_list li.li1{width:680px;}
.ci_bi .sec3 .color_list li.li2{margin-left:40px;}
.ci_bi .sec4{width:100%;}
.ci_bi .sec4 .sec_inner_wrap{padding:60px 0; margin-bottom:60px; background:#f7f7f7;}
.ci_bi .sec4 .sec_inner{width:1140px; margin:0 auto;}
.ci_bi .sec4 .sec_inner1{margin-bottom:80px;}
.ci_bi .sec4 .sec_inner1 .txt_box{margin-bottom:20px;}
.ci_bi .sec4 .sec_inner2{overflow:hidden;}
.ci_bi .sec4 .sec_inner2 .left{float:left; width:713px;}
.ci_bi .sec4 .sec_inner2 .right{float:right; width:380px;}
.ci_bi .sec4 .btn_area{text-align:center;}
.ci_bi .sec4 .btn_area a{width:230px; margin-left:20px; background:#074f51;}
.ci_bi .sec4 .btn_area a:first-child{width:200px; margin-left:0;}
.ci_bi .sec5{overflow:hidden;}
.ci_bi .sec5 .left{float:left; width:600px;}
.ci_bi .sec5 .right{float:left; width:540px;}

/* pr :: brochure */
.brochure .sec1 .sec_inner{overflow:hidden; width:881px; margin:0 auto;}
.brochure .sec1 .cont_area{float:left; width:360px;}
.brochure .sec1 .left{padding-right:80px; border-right:1px solid #dadada;}
.brochure .sec1 .right{padding-left:80px;}
.brochure .sec1 .txt_box{margin-bottom:30px; color:#000;}
.brochure .sec1 .txt_box h4{font-size:25px; font-weight:400; line-height:1em; }
.brochure .sec1 .txt_box .txt1{font-size:16px; line-height:1em;}
.brochure .sec1 .thum_area{margin-bottom:40px;}
.brochure .sec1 .btn_area{width:360px; text-align:center;}
.brochure .sec1 .btn_area a{width:170px;}

/* pr :: movie */
.movie .sec1{}
.movie .sec1 .tab_cont .cont_area{display:none;}
.movie .sec1 .tab_cont .cont_area.not_lang_type{padding-top:66px;}
.movie .sec1 .tab_cont .cont_area.on{display:block;}
.movie .sec1 .lang_list{margin-bottom:30px; text-align:center;}
.movie .sec1 .lang_list li{display:inline-block;}
.movie .sec1 .lang_list li a{display:block; position:relative; height:26px; padding:10px 10px 0; margin:0 5px; font-size:16px; font-weight:400; line-height:1em;}
.movie .sec1 .lang_list li.on a{color:#6b9ecc;}
.movie .sec1 .lang_list li.on a:after{position:absolute; left:0; bottom:0; width:100%; height:2px; background:#6b9ecc; content:"";}
.movie .sec1 .video_area{width:100%; height:640px; margin-bottom:20px; background:#000;}
.movie .sec1 .video_desc_area{height:200px; padding:5px 0px 2px 40px; background:#f3f3f3;}
.movie .sec1 .video_desc_area .desc_inner{overflow-y:auto; height:135px; padding:30px 0;}
.movie .sec1 .video_desc_area .desc_inner .txt_box{display:none; font-size:15px;}
.movie .sec1 .video_desc_area .desc_inner .txt_box.on{display:block;}
.movie .sec1 .video_desc_area .desc_inner .txt_box.arb {padding-right:40px; text-align:right;}
/* customer :: common */
.customer .visual_sec{background-image:url(/Resources/Eng/images/customer/visual_img.jpg);}

/* customer :: contact, report, ethics - common section */
.customer .contents{padding-top:80px;}
.customer .tit_sec{margin-bottom:20px;}
.customer .tit_sec .desc{margin-bottom:25px;}
.customer .tit_sec .desc.last{margin-bottom:0;}

.customer .register_sec .register_desc{margin-bottom:20px; font-size:15px; text-align:right; color:#888;}
.customer .register_sec .default_table{margin-bottom:40px;}
.customer .register_sec .email #email3{width:216px;}
.customer .register_sec .msg th{vertical-align:top;}
.customer .register_sec .btn_area{text-align:center;}
.customer .register_sec .btn_area a{margin-left:20px;}
.customer .register_sec .btn_area a:first-child{margin-left:0;}

/* news 공통 */
.news .sns_box a{display:block; width:35px; height:35px; background-position:0 0; background-repeat:no-repeat; text-indent:-999px;}
.news .sns_box a.facebook{background-image:url("/Resources/Eng/images/news/facebook.png");}
.news .sns_box a.twiter{background-image:url("/Resources/Eng/images/news/twiter.png");}
.news .sns_box a.kakao{background-image:url("/Resources/Eng/images/news/kakao.png");}
.news .sns_box a.link{background-image:url("/Resources/Eng/images/news/link.png");}

/* news :: news_list */
.news .visual_sec{background-image:url(/Resources/Eng/images/news/visual_img.jpg);}

.news_list .sec1 .board_search_area{margin-bottom:80px; font-size:0; text-align:center;}
.news_list .sec1 .board_search_area input[type=text]{width:340px; margin-left:0;}
.news_list .sec1 .board_search_area .search_btn{}

.news_list .sec1 .news_wrap{padding:0 40px;}
.news_list .sec1 .news_wrap ul{overflow:hidden;}
.news_list .sec1 .news_wrap li{float:left; position:relative; width:312px; height:250px; padding-left:32px; margin:0 0 60px 62px; box-sizing:border-box; opacity:0; -webkit-transform:scale(0,0); transform:scale(0,0); -webkit-transition:all .5s; transition:all .5s;}
.news_list .sec1 .news_wrap li.active{opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1);}
.news_list .sec1 .news_wrap li.first{margin-left:0;}
.news_list .sec1 .news_wrap li .list_img{overflow:hidden; position:relative; width:280px; height:160px; margin-bottom:15px;}
.news_list .sec1 .news_wrap li .list_img img{width:100%;}
.news_list .sec1 .news_wrap li .list_txt{}
.news_list .sec1 .news_wrap li .list_txt a{position:relative; display:block; height:70px;}
.news_list .sec1 .news_wrap li .list_txt .title{overflow:hidden; height:44px; font-weight:400; font-size:18px; line-height:22px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list .sec1 .news_wrap li .list_txt .day{position:absolute; left:0; bottom:0; font-weight:300; font-size:13px; line-height:15px; color:#999;}
.news_list .sec1 .news_wrap .btn_area{text-align:center;}

/* news :: news_view */
.news_view .sec1 .view_table{width:100%; margin-bottom:60px; border-top:2px solid #335173; border-bottom:1px solid #eaeaea; table-layout:fixed;}
.news_view .sec1 .view_table tr{height:74px; border-top:1px solid #eaeaea;}
.news_view .sec1 .view_table tr:first-child{border-top:none;}
.news_view .sec1 .view_table th{padding-left:40px; font-weight:400; font-size:18px; color:#000; text-align:left;}
.news_view .sec1 .view_table td{font-size:16px; color:#666;}
.news_view .sec1 .view_table td a{display:inline-block;}
.news_view .sec1 .view_table td.title{overflow:hidden; font-weight:400; font-size:18px; color:#000; text-overflow:ellipsis; white-space:nowrap;}
.news_view .sec1 .view_table .bg{background-color:#f3f3f3;}
.news_view .sec1 .view_table .day_th{padding-left:0; text-align:center;}
.news_view .sec1 .view_table .day_td{padding-right:40px; text-align:right;}
.news_view .sec1 .view_table .icon_down{display:inline-block; width:15px; height:14px; margin-left:10px; background:url("/Resources/Eng/images/news/down_icon.png") 0 0 no-repeat;}
.news_view .sec1 .view_table .view_cont{padding:60px 183px;}
.news_view .sec1 .view_table .view_cont img{margin-bottom:60px;}
.news_view .sec1 .view_table .view_cont img.last{margin-bottom:0;}
.news_view .sec1 .view_table .view_cont p{margin-bottom:30px;}
.news_view .sec1 .view_table .view_cont p.last{margin-bottom:0;}
.news_view .board_table_view tbody .view_cont p{margin-bottom:0;}
.news_view .sec1 .btn_area{text-align:right;}

/* guide :: sitemap */
.guide .visual_sec{background-image:url(/Resources/Eng/images/guide/visual_img.jpg);}

.sitemap .depth1{margin-bottom:100px;}
.sitemap .depth1 a{display:inline-block;}
.sitemap .depth1.last{margin-bottom:0;}
.sitemap .depth1 h4{padding-bottom:20px; margin-bottom:30px; border-bottom:2px solid #335173; font-size:25px; text-align:left;}
.sitemap .depth1.about{overflow:hidden;}
.sitemap .depth1.about .depth2{float:left;}
.sitemap .depth1.about .depth2.last{margin-left:80px;}
.sitemap .depth1.about .depth2.last li{float:none;}
.sitemap .depth2{overflow:hidden;}
.sitemap .depth2 > li{float:left; width:216px; padding-left:12px;}
.sitemap .depth2 > li.type2{padding-top:50px;}
.sitemap .depth2 > li > a{position:relative; margin-bottom:20px; font-weight:400; font-size:19px; color:#6b9ecc;}
.sitemap .depth2 > li > a:before{position:absolute; left:-12px; top:50%; width:4px; height:4px; margin-top:-2px; background-color:#6b9ecc; content:'';}
.sitemap .depth2 > li.bottom_li > a{margin-bottom:0;}
.sitemap .depth3 > li{margin-bottom:15px;}
.sitemap .depth3 > li.last{margin-bottom:0;}
.sitemap .depth3 > li > a{font-weight:400; font-size:17px; color:#000;}
.sitemap .depth3 > li > a.depth3_link{margin-bottom:10px;}
.sitemap .depth4 > li{margin-bottom:10px;}
.sitemap .depth4 > li.last{margin-bottom:10px;}
.sitemap .depth4 > li a{padding-left:7px; font-size:15px; text-indent:-7px;}

/* guide :: nospam */
.nospam .tit_sec h3{margin-bottom:0; font-size:30px; line-height:1.3em;}
.nospam .sec1{padding:60px 0; border-top:2px solid #335173; border-bottom:1px solid #eaeaea; text-align:center;}
.nospam .sec1 p{margin-bottom:30px;}
.nospam .sec1 p.last{margin-bottom:0;}

/*Cyber Audit Office / Ethics Help Line*/
.report .banner_sec{background-image:none;}
.report .banner_sec .left{ padding:20px 0 20px 235px; background:url(/Resources/Kor/images/customer/ico_helpline.png) no-repeat left center; font-weight:400;}
.report h4{margin-bottom:30px; font-size:30px; line-height:1em; text-align:center;}
.report .sec1{width:100%; padding:60px 0; background:#edf7fe;}
.report .sec1 .sec_inner{width:1140px; margin:0 auto;}
.report .sec1 .list1{overflow:hidden; margin-bottom:60px; text-align:center;}
.report .sec1 .list1 li{position:relative; float:left; margin-top:65px; width:285px; height:136px; padding-top:16px; font-size:16px;  line-height:20px;}
.report .sec1 .list1 li:nth-child(-n+4){margin-top:0;}
.report .sec1 .list1 li:after{position:absolute; right:0; top:0; width:1px; height:100%; background:#dadada; content:"";}
.report .sec1 .list1 li.li4:after, .report .sec1 .list1 li.li8:after{content:none;}
.report .sec1 .list1 li:before{display:block; width:84px; height:70px; margin:0 auto 25px; background:url(/Resources/Kor/images/customer/report_sec1_ico.png) 0 0 no-repeat; content:"";}
.report .sec1 .list1 li.type02:before{background:url(/Resources/Kor/images/customer/ethics_sec2_ico.png) 0 0 no-repeat;}
.report .sec1 .list1 .li1:before{width:81px; background-position:0 0;}
.report .sec1 .list1 .li2:before{width:89px; background-position:-100px 0;}
.report .sec1 .list1 .li3:before{width:69px; background-position:-200px 0;}
.report .sec1 .list1 .li4:before{width:92px; background-position:-300px 0;}
.report .sec1 .list1 .li5:before{width:86px; background-position:-400px 0;}
.report .sec1 .list1 .type02.li6:before{width:83px; background-position:-100px 0;}
.report .sec1 .list1 .type02.li7:before{width:90px; background-position:-200px 0;}
.report .sec1 .list1 .type02.li8:before{width:84px; background-position:-600px 0;}

.report .sec1 .list1 li span{display:block;}
.report .sec1 .desc_txt{font-size:14px; color:#888; text-align:center;}
	.report_inquiry h4{ font-size: 30px; line-height: 1em; margin-bottom: 30px;}
	.report_inquiry ul{ font-size: 16px; line-height: 20px;}
	.report_inquiry li { margin-bottom: 10px;}
.customer .anonymous_sec{padding:60px 0; background:#f3f3f3; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; font-weight:400; text-align:center;}
.customer .terms_sec{}
.customer .terms_sec1{margin-bottom:60px;}
.customer .terms_sec2 h4{margin-bottom:20px; font-size:20px; font-weight:400; color:#000;}
.customer .terms_sec2 h4 strong{color:#ff0000;}
.customer .terms_sec .txt_wrap{overflow-y:auto; padding:39px; margin-bottom:20px; border:1px solid #dadada; font-size:15px; color:#666;}
.customer .terms_sec1 .txt_wrap{height:80px;}
.customer .terms_sec2 .txt_wrap{height:270px;}
.customer .terms_sec2 p, .customer .terms_sec2 dl{margin-bottom:37px;}
.customer .terms_sec2 .tit1:before{display:inline-block; margin-right:2px; vertical-align:baseline; content:"■"}
.customer .terms_sec2 dt{margin-bottom:5px;}
.customer .terms_sec2 dd{padding-left:15px; margin-bottom:5px;}
.customer .terms_sec2 .list1 li:before{display:inline-block; margin-right:2px; vertical-align:baseline; content:"·"}
.customer .terms_sec .check_area{text-align:right;}
.customer .terms_sec .check_area > span{display:inline-block; margin-left:20px;}
.customer .terms_sec .check_area > span:first-child{margin-left:0;}
.customer .terms_sec .check_area input{margin:5px 10px 0 0;}
.customer .terms_sec .check_area label{font-size:14px; vertical-align:text-top;}

.customer .register_sec .register_desc{margin-bottom:20px; font-size:15px; text-align:right; color:#888;}
.customer .register_sec .default_table{margin-bottom:40px;}
.customer .register_sec .default_table .col{}
.customer .register_sec .borderline th, .customer .register_sec .borderline td{border-color:#335173;}
.customer .register_sec th{padding-top:30px; vertical-align:top;}
.customer .register_sec .attach .col{overflow:hidden; position:relative;}
.customer .register_sec .file_input{display:inline-block; overflow:hidden; position:relative; width:115px; margin-left:8px; vertical-align:middle;}
.customer .register_sec .attach label{vertical-align:middle; margin-left:10px; cursor:pointer;}
.customer .register_sec .file_hidden{overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; padding:0; margin-left:-1px; border:0 none;}
.customer .register_sec .guide_txt{padding-top:7px; font-size:13px; color:#b6b5b5;}
.customer .register_sec p.guide_txt{padding-left:15px; text-indent:-15px;}
.customer .register_sec .capcha td{overflow:hidden;}
.customer .register_sec .capcha .row{float:left;}
.customer .register_sec .capcha .row1{width:248px; padding-top:5px; text-align:right;}
.customer .register_sec .capcha .row1 .code_box{width:246px; height:90px; margin-bottom:5px; border:1px solid #dadada; text-align:center;}
.customer .register_sec .capcha .row1 .refresh_btn{font-size:14px; color:#b6b5b5;}
.customer .register_sec .capcha .row1 .refresh_btn:before{display:inline-block; width:16px; height:11px; margin-right:2px; background:url(/Resources/Kor/images/common/ico_common.png) 0 -150px no-repeat; content:"";}
.customer .register_sec .capcha .row2{width:430px; margin-left:20px;}
.customer .register_sec .capcha .row2 .desc{margin-bottom:10px; font-size:14px; font-weight:400; color:#666;}
.customer .register_sec .btn_area{text-align:center;}
.customer .register_sec .btn_area a{margin-left:20px;}
.customer .register_sec .btn_area a:first-child{margin-left:0;}

.customer .complete_sec .txt_area{margin-bottom:40px; text-align:center;}
.customer .complete_sec .txt1{margin-bottom:30px; font-size:30px; font-weight:400; color:#000;}
.customer .complete_sec .txt2{font-size:16px; color:#666;}
.customer .complete_sec .link_txt{color:#0032d3;}
.customer .complete_sec .btn_area{text-align:center;}
.customer .complete_sec + .banner_sec{margin-bottom:0;}
