@charset "UTF-8";


/*sinmungo_form*/
.info_txt_box{padding:15px; border:1px solid #eee; font-size:13px; line-height:16px; margin-bottom:15px;}
.info_txt_box span{display:block; padding-bottom:10px; font-family:"NotoSansSC Bold"; color:#333; font-size:13px; line-height:16px; }
.caution_txt{width:100%; padding-top:10px;}
.caution_txt li{font-size:10px; line-height:15px; color:#888; }
.wrap_table .table_input tbody tr td .caution_txt li span{padding-left:0; font-size:13px; color:#1c2e5e; }

/*?????????*/
.c_infra .caption{padding-bottom:10px;}
.c_infra .c_system1{overflow:hidden; margin:20px; border: 1px solid #ddd; border-width:0 1px 1px 1px;}
.c_infra .c_system1>li{position:relative;width:50%; padding:15px 10px; float:left;}
.c_infra .c_system1>li:after{content:''; position:absolute; top:0; left:0; height:1px; width:200%; background:#ddd;}
.c_infra .c_system1>li:nth-child(odd) {float:left; clear:left; border-right: 1px solid #ddd; }
.c_infra .c_system1>li.dbbox {width:100%; border-right:0; border-left:0;}
.c_infra .c_system1>li:nth-child(even) {float:right;}
.c_infra .c_system1 li .title1{display:block;  font-size:13px; color:#215eb6; font-family:"NotoSansSC Black"; text-align:left; padding-bottom:10px;}
.c_infra .c_system1 li .title2{display:block; position:relative; font-size:13px; font-family:"NotoSansSC Bold"; color:#333; text-align:left; padding:0 0 5px 5px}
.c_infra .c_system1 li .title2:before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; }
.c_infra .c_system1 li ul{padding-bottom:10px;}
.c_infra .c_system1 li ul li{position:relative; display:block; font-size:13px; color:#666; text-align:left; padding-left:14px; padding-top:5px;}
.c_infra .c_system1 li ul li:first-child{padding-top:0;}
.c_infra .c_system1 li ul li:before{display:inline-block; content:''; position:absolute; left:5px; top:10px; width:4px; height:1px; background:#666; }
.c_infra .content_box .c_system1{margin:0;}
.c_infra .content_box .c_system1>li{height:180px;}
.c_infra .c_system2{margin:20px 20px; }
.c_infra .c_system2>li{width:100%; overflow:hidden; border:1px solid #ddd; margin-bottom:20px; display:table;}
.c_infra .c_system2 li .title{width:25%; color:#215eb6; font-size:13px; display:table-cell; vertical-align: middle; font-family:"NotoSansSC Black";}
.c_infra .c_system2 li ul{float:left; width:75%; border-left:1px solid #ddd; padding:10px 0;}
.c_infra .c_system2 li ul li{position:relative; font-size:13px; color:#666; text-align:left;padding:5px 0 5px 30px;}
.c_infra .c_system2 li ul li:before{display:inline-block; content:''; position:absolute; left:15px; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}
.m_sub_tab{width:100%; overflow:hidden; }
.m_sub_tab li{position:relative; width:50%; height:30px; line-height:30px; float:left;  text-align:center;  background:#f8f8f8; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.m_sub_tab li:first-child {border-right:none;}
.m_sub_tab li:last-child {border-left:none;}
.m_sub_tab li.active{background:#fff; color:#333; font-size:11px; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; border-bottom:none;}
.m_sub_tab li:after {content:''; display:block; position:absolute; bottom:0; left:-1px; right:-1px; height:1px; background:#333;}
.m_sub_tab li.active:after {content:''; display:none;}
.m_sub_tab li a {display:block;}
.tab_box{display:none;}
.tab_box .tab_title1{font-size:13px; color:#215eb6; padding:20px 0 10px; }
.tab_box .tab_title1.bt{border-top:1px solid #ddd; margin-top:30px;}
.tab_box .tab_list.pt{padding:20px 0; }
.tab_box .tab_list>li{ position:relative; font-size:13px; color:#666; padding:0 0 10px 10px;}
.tab_box .tab_list>li:before{display:inline-block; content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; border-radius:50%;}
.tab_box .tab_list li .info{display:block; font-family:"NotoSansSC Bold"; color:#666; padding:10px 0 0 10px; }
.tab_box .tab_list li .info:before{content:'*'; position:absolute; left:9px;}
.tab_box .list_style1 li .info{display:block; font-family:"NotoSansSC Bold"; color:#666; margin-top:0; padding:0 0 0 10px; }
.tab_box .list_style1 li .info.r{font-family:"NotoSansSC Regular"; }
.tab_box .list_style1 li .info:before{content:'*'; position:absolute; left:9px;}
.tab_box .tab_list li ul li:before{display:inline-block; content:''; position:absolute; left:0; top:10px; width:4px; height:1px; background:#999;}
.tab_box .tab_list.b li ul li{font-family:"NotoSansSC Bold"; color:#666; font-size:11px; position:relative; padding:5px 0 0 10px;}
.tab_box .tab_list.b li{color:#333; font-family:"NotoSansSC Bold";}
.c_infra .tab_box .table.scroll_h1{height:280px;}
.c_infra .wrapper{padding:20px 0 0 0;}
.c_infra .tab_list{margin-top:0;}
.a_solution{}
.a_solution .m_quotation{margin-top:20px; text-align:right;}
.a_solution .m_quotation img {padding-right:5px;}
.a_solution .diabox1{padding-top:30px; border-bottom:none;}
.a_solution .diabox1 img{width:100%; border-bottom:none;}
/*.a_solution .diabox1 .m_title{position:absolute; left:50%; top:40%; transform: translate(-50%, -40%); width:80px; height:80px; background:rgba(999,999,999,0.5); border-radius:50%; line-height:80px; font-size:12px; }*/
/*.a_solution .diabox1 ul{margin-top:30px; width:100%; padding-bottom:10%; background:url("/zh/mobile/assets/images/business-areas/dia_box1.png") 50% 0 no-repeat; background-size:90%; }*/
/*.a_solution .diabox1 ul:after{content:''; display:block; clear: both;}*/
/*.a_solution .diabox1 ul li{width:50%; height:130px; float:left; padding-top:30px; color:#29470e;}*/
/*.a_solution .diabox1 ul li:nth-child(1){text-align:left; padding-left:40px; }*/
/*.a_solution .diabox1 ul li:nth-child(2){text-align:right;padding-right:40px; }*/
/*.a_solution .diabox1 ul li:last-child{width:100%; }*/
/*.a_solution .diabox1 ul li .num{display:block; color:#fff; font-size:23px;}*/
.a_solution .table.scroll_h1 table td img{display:block; width:80%; margin:auto;}
.a_solution .table.scroll_h1 table td{padding:10px; vertical-align:top; text-align:left; }
.a_solution .table.scroll_h1 table td:first-child{text-align:center; vertical-align:middle;}
.a_solution .table.scroll_h1 table .b{font-family:"NotoSansSC Black";}
.a_solution .table.scroll_h1 table .bg_y{background:#f7fbeb;}
.a_solution .table.scroll_h1 table .bg_b{background:#f0f8fc;}
.a_solution .table.scroll_h1.h{height:auto;border-bottom:none;}
.a_solution .table.scroll_h1.c table td{vertical-align: middle; text-align: center;}
.a_solution .table.scroll_h1.c table .tal{text-align:left;}
.a_solution .info_txt1{}
.a_solution .info_txt1 li{position:relative; text-align:left; padding-left:7px;  font-size:13px; color:#666;}
.a_solution .info_txt1 li:before{content:""; display:inline-block; position:absolute; top:8px; left:0; z-index:5; width:3px; height:3px; background:url("/zh/mobile/assets/images/careers/ic_circle.png") no-repeat center center; background-size:3px;}

.a_solution .am_info1{}
.a_solution .am_info1 li{position:relative;  width:100%; height:128px; margin-bottom:20px;}
.a_solution .am_info1 li:nth-child(1){ background:url("/zh/mobile/assets/images/business-areas/a_solution11.png") 50% 50% no-repeat; background-size:100%; }
.a_solution .am_info1 li:nth-child(2){ background:url("/zh/mobile/assets/images/business-areas/a_solution12.png") 50% 50% no-repeat; background-size:100%;}
.a_solution .am_info1 li:nth-child(3){ background:url("/zh/mobile/assets/images/business-areas/a_solution13.png") 50% 50% no-repeat; background-size:100%;}
.a_solution .am_info1 li .txt_box{position:absolute; bottom:0; left:0; display:block; width:100px; height:60px; padding-top:15px;  background:rgba(0,0,0,0.7); color:#fff; text-align:center; font-size:11px;}
.a_solution .am_info1 li:nth-child(2) .txt_box{right:0;  left:auto; }
.a_solution .am_info1 li .txt_box .b{display:block; font-size:13px; color:#fff; }
.a_solution .am_info2{border-top:1px solid #ddd;}
.a_solution .am_info2 li{padding:20px 10px;width:100%; text-align:center; color:#666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.a_solution .am_info2 li .m_title{display:block; font-size:13px; font-family:"NotoSansSC Black"; color:#333; padding-bottom:5px;}



/* ????? & ????????? & ???? */

.img_wrap1{width:100%; text-align:center; padding:30px 0 20px;}
.img_wrap1 img{width:80%;}
.img_wrap2.type2{padding:30px 0 20px;}
.img_wrap2 img{width:100%;}
.img_wrap3 {text-align:center; padding:0 60px;}
.img_wrap3 img{width:100%;}
.img_wrap4{padding:20px; width:100%;}
.img_wrap4 img{width:100%;}
.img_wrap5{padding:0 20px; width:100%;}
.img_wrap5 img{width:100%;}
.img_wrap6{ width:100%; padding:30px 0 0;}
.img_wrap6 img{width:100%;}
.img_wrap7 {text-align:center; padding:0 75px;}
.img_wrap7 img{width:100%;}
.img_wrap9{width:100%; padding:15px 0; text-align:center;}
.img_wrap9 img{width:80px; }


/*???????? ???????*/

.core-v-txt{font-size:13px; color:#666; text-align:left; width:60%; display:inline-block; float:left; padding: 13% 0 0 13px;}
.hansup-txt{font-size:13px; color:#555; text-align:left;  line-height:18px; padding-top:20px;}
.img_wrap8 {width:40%; float:left;}
.img_wrap8 img{width:100%;}
.img_total_wrap{width:100%; padding: 0 20px; overflow: hidden;}
.img_total_wrap2{width:100%;  overflow: hidden; vertical-align: middle; margin-top:-10px;}
.img_total_wrap2:nth-of-type(1){margin-top:0;}
.img_total_wrap .img_total_wrap2:nth-of-type(2) .img_wrap8{float:right;}
.img_total_wrap .img_total_wrap2:nth-of-type(2) .core-v-txt{text-align: right; padding: 13% 13px 0 0;}
.core_value .content_box .page_title{padding-top:0;}


/*???????? ????????, ????????? ??????*/
.wrap_table.type_ir .table table thead th{background-color:#eee;}
.wrap_table.type_ir .table table tr:last-child{border-bottom: 1px solid #ccc;}
.wrap_table.type_ir .table table td{border-bottom:none;}
.wrap_table.type_ir .table table .line_top{border-top: 1px solid #ccc;}
.wrap_table.type_ir .table .bg_blue{background:#ebf2f7;}
.wrap_table.type_ir .table .bg_gray{background:#f9f9f9;}
.wrap_table.type_ir .table thead tr th + th, .wrap_table.type_ir .table tbody tr td + td{border-left: 1px solid #ccc;}


/*???????? ?????????????? ??? ?? ????*/

.tab_box{padding-top:30px; }
.tab_box .num_list.pl5{padding-left:10px; padding-top:5px;}
.wrap_table .table table .txt_left{width: 30%; float:left; display:inline-block;}
.wrap_table .table table .txt_right{width: 70%; float:right;  display:inline-block; text-align: left;}


/*??????? iso ??????????? ???? ????????? ????? ?????? ???????? ?????*/
.d_dia5_txt{width:100%; padding: 0 20px; margin-top:30px; border: 1px solid #eee; border-radius:20px;}
.d_dia5_txt>li{ padding:20px 0; color:#555; border-top:1px solid #eee; font-size: 13px; text-align:left;}
.d_dia5_txt>li:first-child{border-top:none;}
.d_dia5_txt>li .d5_title{display:block; font-family: "NotoSansSC Bold"; padding-bottom: 5px; text-align:left;}
.d_dia5_txt>li .d5_title.color1{color:#5dcbdf; text-align:center;}
.d_dia5_txt>li .d5_title.color2{color:#076cb3; text-align:center;}
.c_infra .d_dia5_txt{width:auto; margin:15px 20px 10px;}
.d_dia5_txt>li>ul>li{position:relative; width:48%; display:inline-block; padding-left:8px;}
.d_dia5_txt>li>ul>li:before{content:'';  display: block;  position: absolute;  top: 6px;  left: 0;  width: 3px;  height: 3px;  background: url(/zh/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 0;  background-size: 3px 3px;}
.d_dia5_txt.type2 li>ul>li{display:block; width:100%;}
.d_dia5_txt.type3{border: none;}
.d_dia5_txt.type3>li{border-top: none; text-align:center; padding:0 0 20px 0;}
.d_dia5_txt.type3>li .d5_title{text-align:center;}

/*??????? it????? ????????? */
.it_dia_txt{width:100%; margin:20px 0; }
.it_dia_txt>li{padding:15px 10px 15px 70px; background-size:40px; background-repeat:no-repeat; background-position:15px 50%; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;}
.it_dia_txt>li:nth-child(1){background-image:url("/zh/mobile/assets/images/business-areas/it_icon1.png"); border-top:1px solid #eee; }
.it_dia_txt>li:nth-child(2){background-image:url("/zh/mobile/assets/images/business-areas/it_icon2.png"); }
.it_dia_txt>li:nth-child(3){background-image:url("/zh/mobile/assets/images/business-areas/it_icon3.png"); }
.it_dia_txt>li:nth-child(4){background-image:url("/zh/mobile/assets/images/business-areas/it_icon4.png"); }
.it_dia_txt>li:nth-child(5){background-image:url("/zh/mobile/assets/images/business-areas/it_icon5.png"); }
.it_dia_txt>li:nth-child(6){background-image:url("/zh/mobile/assets/images/business-areas/it_icon6.png"); }
.it_dia_txt>li .it_d_title{display:block; color:#555; font-family: "NotoSansSC Bold"; padding-bottom:5px;}
.it_dia_txt.type2>li{padding:15px 10px 15px 100px; background-size:40px;}
.it_dia_txt.type2>li>ul>li{position:relative;padding-left:10px;}
.it_dia_txt.type2>li>ul>li:before{content:'';  display: block;  position: absolute;  top: 6px;  left: 0;  width: 3px;  height: 3px;  background: url(/zh/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 0;  background-size: 3px 3px;}
.it_dia_txt.type2>li:nth-child(1){background-image:url("/zh/mobile/assets/images/business-areas/it_icon7.png"); border-top:1px solid #eee; }
.it_dia_txt.type2>li:nth-child(2){background-image:url("/zh/mobile/assets/images/business-areas/it_icon8.png"); }
.it_dia_txt.type2>li:nth-child(3){background-image:url("/zh/mobile/assets/images/business-areas/it_icon9.png"); }
.it_dia_txt.type2>li:nth-child(4){background-image:url("/zh/mobile/assets/images/business-areas/it_icon10.png"); }


/*??????? ?????? ?????????->?????? ????*/
.table.polybutene_last_t table tbody td{padding:20px 0 !important; font-family: "NotoSansSC Bold"; color:#333 !important;}

/* ??? */

/* layout.jsp */
.wrap {}
.wrap .container {padding:0 20px 40px;}
.wrap .content_box.bg_g {background:#f8f8f8;}
.wrap .content_box.bg_g:last-child {border-bottom:1px solid #eee;}
.wrap .content_box.bbn {border-bottom:none !important;}
.wrap .container .content_box {margin:0 -20px; padding:0 20px 30px;}
.wrap > .content_box {padding:0 20px 30px;}
.wrap .content_box + .content_box {padding-top:28px; border-top:1px solid #eee;}
.wrap .content_box:last-child {padding-bottom:0;}

/* header.jsp */
.wrap_header{position:relative; z-index:1; margin:0 20px; height:50px;}
.btn_back {display:inline-block; position:absolute; top:17px; left:0; z-index:10; width:9px; height:16px; background:url("/zh/mobile/assets/images/common/btn_back.png") no-repeat left center; background-size:9px 16px;}
.title_box {padding:0 40px; text-align:center;}
.title_box h2{font-family:"NotoSansSC Bold"; font-size:18px; line-height:50px; color:#1c2e5e; font-weight:normal;}
.btn_menu_total {display:inline-block; position:absolute; top:17px; right:0; z-index:10; width:18px; height:15px; background:url("/zh/mobile/assets/images/common/btn_menu02.png") no-repeat right center; background-size:18px 15px;}

/* footer.jsp */
.footer {padding:23px 0 24px; background-color:#323b4a; text-align:center;}
.footer .policy {display:inline-block; margin-bottom:17px;}
.footer .policy a {position:relative; z-index:1; margin-right:18px; font-size:10px; line-height:10px; color:#a2a9b3; letter-spacing:-1px;}
.footer .policy a:first-child {color:#fff;}
.footer .policy a:after {display:inline-block; position:absolute; right:-13px; content:"\00B7";}
.footer .policy a:last-child {margin-right:0;}
.footer .policy a:last-child:after {display:none;}
.footer .address {margin-bottom:15px;}
.footer .address dl dt,
.footer .address dl dd,
.footer .address dl dd a {display:inline-block; font-size:9px; line-height:12px; color:#a2a9b3; letter-spacing:-0.5px;}
.footer .address dl dd a {vertical-align:top;}
.footer .address dl dd .company_name,
.copyright {display:block; font-size:9px; line-height:12px; color:#a2a9b3;}
.footer .address dl dt:first-child + dd {display:block;}
.footer .address dl dt:nth-of-type(3) {margin-left:15px;}

/* 2depth nav */
.depth_nav {position:relative; padding:0 20px; background-color:#1b2e5a;}
.depth_nav .depth2 ul:after {display:block; clear:both; content:"";}
.depth_nav .depth2.overflow-x {overflow-x:auto; overflow-y:hidden; height:40px;}
.depth_nav .depth2 ul {white-space:nowrap;}
.depth_nav .depth2 ul li {display:inline-block; position:relative; z-index:1; margin-left:26px;}
.depth_nav .depth2 ul li:first-child {margin-left:0;}
.depth_nav .depth2 ul li a {overflow:hidden; display:block; padding:10px 0; height:40px; font-size:13px; color:#707d99;}
.depth_nav .depth2 ul li.active:after {content:""; display:inline-block; position:absolute; bottom:-5px; left:50%; z-index:5; margin-left:-5px; width:10px; height:10px; background:#fff;  transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.depth_nav .depth2 ul li.active a {color:#fff;}

.depth3 {}
.depth3 ul {border-bottom:1px solid #eee; text-align:center;}
.depth3 ul li {display:inline-block; margin-left:15px;}
.depth3 ul li:first-child {margin-left:0;}
.depth3 ul li a,
.depth4 ul li a {display:block; font-family:"NotoSansSC Bold"; font-size:14px; color:#555; text-align:center;}
.depth3 ul li a {position:relative; z-index:1; padding:13px 4px 13px 3px; height:40px; }
.depth3 ul li.active a {color:#215eb6;}
.depth3 ul li.active a:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; border-bottom:1px solid #215eb6;}
.depth3 ul.type2:after {content:''; clear:both; display:block;}
.depth3 ul.type2 li {margin-left:0; float:left; width:50%;}

.list_menu {position:relative; z-index:2; border-bottom:1px solid #eee;}
.list_menu .menu_txt .txt,
.search_category .category_title{display:block; position:relative; z-index:1; padding:12px 20px; width:100%; height:40px; background-color:#f8f8f8; font-family:"NotoSansSC Bold"; font-size:14px; color:#215eb6; text-align:center;}
.list_menu .menu_txt a,
.list_menu .menu_con .btn_listclose {display:inline-block; position:absolute; top:8px; right:20px; z-index:10; width:24px; height:24px; background:url("/zh/mobile/assets/images/common/btn_listopen.png") no-repeat right center; background-size:24px;}
.list_menu .menu_con .btn_listclose {background-image:url("/zh/mobile/assets/images/common/btn_listclose.png");}
.list_menu .menu_con {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; background-color:#f8f8f8;}
.list_menu .menu_con ul {padding:4px 0 6px;}
.list_menu .menu_con ul li {text-align:center;}
.list_menu .menu_con ul li a {display:inline-block; padding:8px 0 7px;}
.list_menu .menu_con ul li.active a {color:#215eb6;}
.list_menu .menu_txt a {top:8px;}
.list_menu.open .menu_con {border-bottom:1px solid #eee;}
.search_category {border-top:1px solid #eee; border-bottom:1px solid #eee;}
.search_category .category_title {padding:14px 20px; height:45px; font-family:"NotoSansSC Black"; background-color:#fff; color:#333;}
.search_category .category_title .count {font-family:"NotoSansSC Light"; font-size:14px; vertical-align:top;}
.search_category .category_title .count .number {vertical-align:baseline;}

/* jinah */

/* wrap_tab */
.wrap_tab {margin-left:-15px; padding-bottom:4px;}
.wrap_tab.type2:after {display:block; clear:both; content:"";}
.wrap_tab span {display:inline-block; float:left; padding-left:15px;}
.wrap_tab span a {display:block; position:relative; z-index:1; padding:8px 0; border-radius:15px; border:1px solid #ddd; font-family:"NotoSansSC Bold"; color:#555; text-align:center;}
.wrap_tab span.active a {background-color:#323b4a; border-color:#323b4a; color:#fff;}
.wrap_tab span.active a:after {content:""; display:inline-block; position:absolute; bottom:-3px; left:50%; z-index:5;  width:6px; height:6px; margin-left:-3px; background-color:#323b4a; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.wrap_tab.type2 span {width:50%;}
.wrap_tab.type3 span {width:33.3333%;}

/* page_title */
.wrap_title.border {margin-bottom:30px; border-bottom:1px solid #eee;}
.wrap_title.border .page_title {padding-bottom:30px;}
.page_title {padding:28px 0 30px; text-align:center;}
.page_title h2 {font-family:"NotoSansSC Black"; font-size:20px; letter-spacing:-1px;}
.page_title .txt {padding:10px 20px 0; line-height:18px; font-size:14px; color:#555;}
.page_title .txt .border,
.content_title.about p .border,
.wrap-overview .content_title p .border {/*display:inline-block;*/ line-height:20px; color:#555; letter-spacing:-1px; font-size:14px; word-break:keep-all;}
/*.content_title.about p .border {display:inline-block; border-bottom:1px solid #c4c4c4; color:#555; letter-spacing:-1px;}*/
.page_title .txt .border strong,
.content_title.about p .border strong,
.wrap-overview .content_title p .border strong {font-weight:normal; font-family:"NotoSansSC Regular"; font-size:14px; color:#555; vertical-align: baseline;}
.page_title .txt + .wrap_select {margin-top:20px;}
.page_title .ic_img {margin-top:25px; padding:0 20px;}
/* index_title */
.index_title h4 {margin-bottom:10px; position:relative; z-index:1; font-family:'NotoSansSC Black'; font-weight:normal; font-size:16px;}
/*
.index_title h4:before {content:""; display:inline-block; margin-right:6px; width:6px; height:6px; position:absolute; top:6px; left:0; z-index:5; background:url("/zh/mobile/assets/images/common/ic_index_circle.png") no-repeat left center; background-size:6px;}
*/
/* content_title */
.content_title {text-align:center;}
.content_title h4 {position:relative; z-index:1; padding-bottom:10px; font-family:"NotoSansSC Black"; font-size:16px;}
.content_title h4:after {content:""; display:inline-block; position:absolute; left:50%; bottom:0; z-index:5; margin-left:-6px; width:12px; height:1px; background-color:#333;}
.content_title p {margin-top:12px; font-size:14px; color:#555; line-height:20px;}
/* content_title ???????? */
.content_title.about {margin:0 -20px 12px;}
.content_title.about h3 {line-height:18px; font-family:"NotoSansSC Bold"; font-size:18px; font-weight:normal;}
.content_title.about p {padding:8px 20px 0; line-height:18px; color:#265aba;}

/* ??? */
.btn_more,
.btn_cancle,
.btn_certify,
.btn_confirm,
.btn_confirm2,
.wrap_select {display:inline-block; margin:20px auto 0; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansSC Bold"; font-size:12px; color:#555; text-align:center; vertical-align:top;}
.btn_more,
.btn_cancle{width:auto; padding:0 20px;}
.btn_cancle {padding:4px 25px;}
.btn_more.type2 span{color:#555;}
.btn_certify,
.btn_confirm {padding:4px 25px; width:auto; background-color:#1b2e5a; border:none; color:#fff;}
.btn_confirm2 {padding:6px 31px; width:auto; background-color:#1b2e5a; border:none; color:#fff;}
/*.btn_confirm.large {width:100px;}*/
.wrap_center {display:block; text-align:center;}
.btn_certify {background-color:#999;}
.btn_more span {display:inline-block; line-height:25px; font-family:"NotoSansSC Bold"; font-size:13px; vertical-align:top;}
.btn.btn_more span {line-height:32px;}
.btn_more span:after,
.btn_more.type2 span:after{content:""; display:inline-block; margin-left:10px; margin-top:-2px; width:9px; height:5px; background:url("/zh/mobile/assets/images/common/ic_arr_more.png") no-repeat center center; background-size:9px 5px; vertical-align:middle;}
.wrap_select:after {content:""; display:inline-block; margin-left:10px; width:7px; height:4px; background:url("/zh/mobile/assets/images/common/ic_arr_more_small.png") no-repeat center center; background-size:7px 4px; vertical-align:middle;}
.btn_more.type2 span:after {background-image:url("/zh/mobile/assets/images/common/ic_arr_more.png");}
.wrap_select:after {position:absolute; top:50%; right:20px; z-index:5; margin-top:-3px;}
.wrap_select {position:relative; z-index:1;}
.wrap_select select {padding:0 35px 0 14px; background-color:#fff; border:none; line-height:27px; font-family:"NotoSansSC Bold"; font-size:14px; color:#555;}
.wrap_btn ul:after {display:block; clear:both; content:"";}
.wrap_btn {text-align:center;}
.wrap_btn ul{display:inline-block; margin-left:-10px;}
.wrap_btn li {float:left; margin-left:10px; width:81px;}
.wrap_btn li a {width:100%;}
.btn_area {padding:30px 20px 40px; margin:0 -20px; border-top:1px solid #eee; text-align:center;}
.btn_area a,
.btn_area button {margin:0 auto;}
.btn {display:block; padding:0; margin:20px auto 0; width:100%; line-height:32px; height:32px;}
.input_con .btn {margin-top:0;}

/* input */
.input_wrap {}
.input_wrap input[type="checkbox"],
.input_wrap input[type="radio"] {display:none;}
.input_wrap label {font-size:13px; vertical-align:baseline;}
.input_wrap label strong{font-family:"NotoSansSC Black"; font-weight:normal; font-size:13px; vertical-align:baseline;}
.input_wrap label .ic_chk {display:inline-block !important; margin-right:8px; width:17px; height:17px; background:url("/zh/mobile/assets/images/common/ic_chk_off.png") no-repeat center center !important; background-size:17px !important; vertical-align:bottom;}
.input_wrap input:checked + label .ic_chk {background-image:url("/zh/mobile/assets/images/common/ic_chk_on.png") !important;}
.input_wrap label .ic_rdo {display:inline-block !important; margin-right:8px; width:17px; height:17px; background:url("/zh/mobile/assets/images/common/ic_rdo_off.png") no-repeat center center !important; background-size:17px !important; vertical-align:bottom;}
.input_wrap input:checked + label .ic_rdo {background-image:url("/zh/mobile/assets/images/common/ic_rdo_on.png") !important;}

.input_guide {margin-left:-5px;}
.input_guide:after {display:block; clear:both; content:"";}
.input_guide .input_grid {float:left; width:100%;}
.input_guide .input_grid .input_con {margin-left:5px; height:27px;}
.input_guide .input_grid .input_con input {height:27px;}
.input_guide .input_grid .input_con .btn{margin:0; height:27px; padding:0; line-height:27px;}
.input_guide.type1 .input_grid:first-child {width:60%;}
.input_guide.type1 .input_grid + .input_grid {width:40%;}
.input_guide.type2 .input_grid{width:50%;}
.input_guide.type3 .input_grid{width:33.333%;}

/* table */
.wrap_table .table_input {padding:5px 0; border-top:2px solid #1c1c1c;}
.wrap_table .table_input table{width:100%;}
.wrap_table .table_input tbody tr th {position:relative; width:70px;}
.wrap_table .table_input.th_line tbody tr th:after {content:''; display:block; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:11px; background:#eee;}
.wrap_table .table_input tbody tr th,
.wrap_table .table_input tbody tr td {padding:5px 0; height:27px; text-align:left;}
.wrap_table .table_input tbody tr th span {display:inline-block; position:relative; z-index:1; padding-left:12px; font-size:13px; font-weight:normal;}
.wrap_table .table_input tbody tr th .require:before {content:""; display:inline-block; position:absolute; top:50%; left:0; z-index:5; width:6px; height:6px; margin-top:-3px; background:url("/zh/mobile/assets/images/common/ic_arr_require.png") no-repeat 1px center; background-size:6px; vertical-align:middle;}
.wrap_table .table_input tbody tr td {margin-bottom:11px; font-size:13px; color:#333; line-height:16px;}
.wrap_table .table_input tbody tr td span {display:block; font-size:13px; color:#333; line-height:33px; text-align:center; background:#ddd;}
.wrap_table .table_input textarea {padding:10px; font-size:13px; line-height:18px; resize:none;}
.wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:7px;}
.inquiry_form .wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:13px;}
.sinmungo_form .wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:13px;}
.wrap_table .table_input tbody tr .thtd label span {display:block; padding-left:12px;}
.wrap_table .table_input tbody tr .thtd span.td_in_txt {display:block; margin-top:10px; padding-left:12px;}

.wrap_table .table,
.wrap_table .table2,
.wrap_table .table_notice {border-top:2px solid #1c1c1c; }
.employ_info .wrap_table .table_notice { margin-top:30px;}
.wrap_table .table_notice.detail {border-bottom:1px solid #1c1c1c;}
.wrap_table .table table,
.wrap_table .table2 table,
.wrap_table .table_notice table {width:100%; text-align:center; table-layout:fixed; margin-bottom:2px;}
.wrap_table .table thead tr th,
.wrap_table .table_notice thead tr th {height:40px; background-color:#f8f8f8; font-family:"NotoSansSC Bold"; font-size:13px; color:#333;}
.wrap_table .table_notice tbody tr th {color:#333;}
.wrap_table .table2 tbody tr th {padding:10px 0;background-color:#f8f8f8; font-family:"NotoSansSC Bold"; font-size:13px; color:#333;}
.wrap_table .table2 tbody tr td {font-size:13px; color:#555;}
.wrap_table .table2  tbody tr th,
.wrap_table .table2  tbody tr td {border-bottom:1px solid #eee;}
.wrap_table .table tbody tr td,
.wrap_table .table2 tbody tr td {padding:11px 0; line-height:16px; text-align:center;}
.wrap_table .table thead tr th + th,
.wrap_table .table tbody tr td + td {border-left:1px solid #eee;}
.wrap_table .table tbody tr td.text,
.wrap_table .table2 tbody tr td.text{padding:10px; text-align:left;}
.wrap_table .table tbody tr td.text.tac,
.wrap_table .table2 tbody tr td.text.tac{text-align:center;}
.wrap_table .table tbody tr td > strong {font-size:13px;}
.wrap_table .table tbody tr td,
.wrap_table .table_notice tbody tr td {height:35px; border-bottom:1px solid #eee; font-size:13px; color:#555;}
.wrap_table .table_notice tbody tr .cnt {font-family:"NotoSansSC Bold"; color:#333;}
.wrap_table .table_notice tbody tr td .tit {overflow:hidden; display:block; color:#555; text-align:left; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; font-size:13px;}
.wrap_table .table_notice tbody tr td .state {display:inline-block; width:38px; height:18px; line-height:18px; background-color:#d0d0d0; border-radius:2px; font-family:"NotoSansSC Bold"; font-size:13px; color:#fff;}
.wrap_table .table_notice tbody tr td .state.ongoing {background-color:#1c7900;}
.wrap_table .table_notice tbody tr td.notice_tit {padding:13px 0 12px;}
.wrap_table .table_notice tbody tr td.notice_tit .title {overflow:hidden; height:18px; margin-bottom:10px; line-height:18px; font-size:13px; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; font-family:"NotoSansSC Bold"; color:#333; text-align:left;}
.wrap_table .table_notice tbody tr td.notice_tit p:after{display:block; clear:both; content:"";}
.wrap_table .table_notice tbody tr td.notice_tit .cnt {float:left;}
.wrap_table .table_notice tbody tr td.notice_tit .date {float:right; font-size:13px; padding-top:5px;}
.status_info {padding:20px 0; color:#555; text-align:center;}
.status_info .searching {font-family:"NotoSansSC Black"; color:#333;}
.status_info .cnt {font-family:"NotoSansSC Black"; color:#215eb6; vertical-align:top;}

/* accordion */
.wrap_accordion [data-accordion-group] {border-top:2px solid #333; border-bottom:1px solid #333;}
.accordion [data-content] {border:none;}
.accordion [data-content] > * {border-color:#eee;}
.accordion .list_title {position:relative; z-index:1; padding:12px 35px 13px 37px; min-height:39px; border-bottom:1px solid #eee; font-family:"NotoSansSC Bold"; font-size:13px; color:#333; }
.accordion .list_con {position:relative; z-index:1; padding:14px 0 13px 37px; line-height:18px; font-size:13px; color:#666;}
.accordion .list_con:before {content:"A"; display:inline-block; width:37px; position:absolute; top:15px; left:0; z-index:5; font-family:"NotoSansSC Bold"; font-size:15px; color:#777; text-align:center;}
.accordion .list_title:before {content:"Q"; display:inline-block; width:37px; height:40px; line-height:40px; position:absolute; top:0; left:0; z-index:5; font-family:"NotoSansSC Bold"; font-size:15px; color:#333; text-align:center;}
.accordion .list_title:after {content:""; display:inline-block; position:absolute; top:0; right:0; z-index:5; width:35px; height:40px; background:url("/zh/mobile/assets/images/common/btn_listopen02.png") no-repeat center center; background-size:11px;}
.accordion.open .list_title,
.accordion.open .list_title:before {color:#215eb6;}
.accordion.open .list_title:after {background-image:url("/zh/mobile/assets/images/common/btn_listclose02.png");}
/* ?????????? */
.pop.type2 .pop_inner .pop_title_area {background:#fff;}
.pop.type2 .pop_inner .pop_title_area .pop_tit {color:#333;}
.pop.type2 .pop_inner .pop_title_area .btn_pop_close {background-image:url('/zh/mobile/assets/images/common/btn_pop_close_b.png');}
.pop.type2 .pop_inner .pop_contents{padding:0 20px;}
.pop.type2 .pop_title_area {border-bottom:1px solid #ddd;}
.pop.type2 .pop_title_area .pop_tit {font-family:"NotoSansSC Bold"; font-size:15px;}


.list_circle li,
.list_circle li p,
.direction_info p {position:relative; z-index:1; margin-top:11px; padding-left:10px; font-size:13px; color:#555;}
.wrap-development .list_circle li{margin-top: 0;}
.list_circle li p {padding-left:0;}
.list_circle li:first-child {margin-top:0;}
.list_circle li:before,
.direction_info li p:before,
.list_circle dt:before {content:""; display:inline-block; position:absolute; top:8px; left:0; z-index:5; width:3px; height:3px; background:url("/zh/mobile/assets/images/careers/ic_circle.png") no-repeat center center; background-size:3px;}
.direction_info li p:before {top:8px;}

/* ????????? ???? */
.pop .interview_detail {padding-top:18px;}
.pop .interview_detail .department,
.pop .interview_detail .employee_name {display:block; font-family:"NotoSansSC Bold"; font-size:13px;}
.pop .interview_detail .department {line-height:18px; color:#215eb6;}
.pop .interview_detail .employee_name {}
.pop .interview_detail .wrap_video {margin-top:12px;}
.pop .interview_detail .caption {margin-top:15px; background-color:#f7f7f7; border:1px solid #ddd;}
.pop .interview_detail .caption .inner_caption {overflow-y:auto; padding:7px 10px; height:75px;}
.pop .btn_area {margin:18px 0 0; padding:20px 0;}

.wrap_list_circle .list_circle li {font-family:"NotoSansSC Bold";}
.wrap_list_circle .list_circle p {margin-top:5px; padding-left:0;}

/* slide */
/*.wrap_slide {margin:15px -20px 0;}*/
.wrap_slide .slide_result {margin:15px -20px 0; text-align:center;}
.wrap_slide .slide_result li {padding: 0 12px; height:auto;}
.wrap_slide .slide_result li .ic_img {padding:0 5px;}
.wrap_slide .slide_result .title {margin-top:12px; line-height:17px; font-family:"NotoSansSC Bold";}
.wrap_slide .slide_result .date,
.wrap_slide .slide_result .brand_name {display:block; margin-top:3px; line-height:16px; font-size:11px; color:#555;}

/* list_service | list_integrate */
.list_service,
.list_integrate {border:1px solid #eee;}
.list_integrate {margin-top:20px;}
.list_service li {padding:24px 0 24px 74px; background-repeat:no-repeat; background-position:17px center; background-size:40px;}
.list_service li + li,
.list_integrate li + li {border-top:1px solid #eee;}
.list_service li.service_iiot {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_iiot.png")}
.list_service li.service_bigdata {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_bigdata.png")}
.list_service li.service_cloud {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_cloud.png")}
.list_service li.service_industrial {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_industrial.png")}
.list_service li.service_mobile {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_mobile.png")}
.list_service li.service_apt {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_apt.png")}
.list_service li.service_welfare {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_welfare.png")}
.list_service li.service_soc {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_soc.png")}
.list_service li.service_btl {background-image:url("/zh/mobile/assets/images/business-areas/ic_service_btl.png")}
.list_service li .service_title {margin-bottom:9px; font-family:"NotoSansSC Black"; font-size:13px;}
.list_service li p,
.list_integrate li p {line-height:18px; font-family:"NotoSansSC Regular"; font-size:13px; color:#555;}
.list_integrate li {padding:20px; font-family:"NotoSansSC Black"; color:#215eb6;}
.list_integrate li p {margin-top:9px;}

/* list_communication */
.list_communication {}
.list_communication dl {display:table; width:100%; border:1px solid #eee;}
.list_communication dl:after {display:block; clear:both; content:"";}
.list_communication dl dt {display:table-cell; width:82px; border-right:1px solid #eee; font-family:"NotoSansSC Black"; color:#215eb6; text-align:center;}
.list_communication dl dd {display:table-cell; padding:13px 15px; margin-left:82px; vertical-align:top;}
.list_communication dl + dl {margin-top:15px;}

/* 05???????_03???????_??? */
.list_careers a {display:block; position:relative; z-index:1; padding:14px 15px; border:1px solid #eee; text-align:left;}
.list_careers a + a {margin-top:10px;}
.list_careers a .field {display:inline-block; margin-bottom:9px; padding:0 3px; height:20px; line-height:18px; border:1px solid #264fb6; border-radius:2px; font-size:14px; color:#264fb6;}
.list_careers a p {margin-bottom:5px; line-height:18px; font-size:14px;}
.list_careers a:after {content:""; display:inline-block; position:absolute; bottom:9px; right:9px; z-index:5; width:9px; height:9px; background:url("/zh/mobile/assets/images/common/ic_plus.png") no-repeat center center; background-size:9px;}
.list_careers + .btn {margin:30px auto 20px;}
.list_interview + .btn {margin:37px auto 20px;}
.wrap_list .wrap_select select {margin-top:-1px;}

/* 05???????_05???FAQ */
.wrap_accordion + .btn_area {margin-top:23px;}

/* 05???????_04????????? */
/*.wrap_list {text-align:center;}*/
.wrap_center {margin:-5px 0 30px;}
.wrap_center .wrap_select {display:inline-block; overflow:hidden; margin-top:0; width:auto; border:1px solid #ddd; border-radius:14px; font-family:"NotoSansSC Bold"; font-size:11px; color:#555; }
.list_interview {margin-left:-13px; }
.list_interview:after {display:block; clear:both; content:"";}
.list_interview .list_con {float:left; padding:0 5px; margin-bottom:22px; width:50%; text-align:center;}
.list_interview .list_con a {display:block; margin-left:13px; }
.list_interview a .ic_img,
.interview_header.ic_img {display:inline-block;}
.list_interview a .ic_img img,
.interview_header .ic_img img {display:block; width:100%;}
.list_interview a .interview_con .department,
.interview_header .interview_con .department {display:block; margin-top:12px; font-family:"NotoSansSC Bold"; font-size:13px; color:#215eb6;}
.list_interview a .interview_con .text,
.interview_header .interview_con .text {margin-top:6px; line-height:18px; font-size:13px; color:#555;}
.list_interview a .interview_con .text {height:72px;}
.interview_header .interview_con .text {height:52px;}
.list_interview a .interview_con .employee_name,
.interview_header .interview_con .employee_name {display:inline-block; position:relative; z-index:1; margin-top:6px; line-height:32px; font-family:"NotoSansSC Bold"; font-size:13px;}
.list_interview a .interview_con .employee_name:after,
.interview_header .interview_con .employee_name:after {content:""; display:inline-block; position:absolute; left:50%; z-index:5; margin-left:-6px; width:12px; height:1px; background-color:#333;}

/* 05???????_04?????????_???? */
.interview_header {position:relative; z-index:20; text-align:center;}
.interview_header .interview_con {padding:0 0 12px; border-bottom:1px solid #eee;}
.interview_header .interview_video {display:block; position:fixed; bottom:10px; right:20px; z-index:10; padding-left:10px; width:98px; height:88px;}
.interview_header .interview_video a {overflow:hidden; display:block; position:relative; z-index:5; width:88px; height:88px; box-shadow: 0 5px 5px rgba(0,0,0,0.19); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.19); border-radius:44px;}
.interview_header .interview_video a:before {content:""; display:block; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.55); text-align:center; font-size:10px; color:#fff;}
.interview_header .interview_video a img {display:block; height:100%;}
.interview_header .interview_video a .ic_play {display:block; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center; font-size:10px; color:#fff;}
.interview_header .interview_video a .ic_play:before {content:""; display:block; margin:2px auto 5px; width:24px; height:24px; background:url("/zh/mobile/assets/images/common/ic_play.png") no-repeat center center; background-size:24px;}
.interview_list {padding-bottom:18px;}
.interview_list li {padding:20px 0 0;}
.interview_list li .ic_img {display:block;}
.interview_list li .ic_img img {display:block; width:100%;}
.interview_list li .list_left .ic_img{float:left; padding-right:5px; width:50%;}
/* Q1 */
.interview_list li .list_left {position:relative; z-index:1; margin-bottom:13px;}
.interview_list li .list_left:after {display:block; clear:both; content:"";}
.interview_list li .list_left .list_title {display:inline-block; position:absolute; bottom:0; right:0; z-index:10; padding-left:10px; width:50%;}
.interview_list li .list_left .list_title .title {margin-bottom:0;}
/* Q2 */
.interview_list li .list_title {display:inline-block; position:static; width:50%;letter-spacing:-0.025em;}
.interview_list li .list_right {float:right; width:50%; padding-left:10px; margin-top:5px;}
.interview_list li .list_right:after {display:block; clear:both; content:"";}
.interview_list li .list_right2 {position:relative; z-index:1; margin-bottom:13px;}
.interview_list li .list_right2:after {display:block; clear:both; content:"";}
.interview_list li .list_right2 .ic_img{float:right; padding-left:5px; width:50%;}
.interview_list li .list_right2 .list_title {display:inline-block; position:absolute; bottom:0; left:0; z-index:10; padding-right:10px; width:50%;}
.interview_list li .list_right2 .list_title .title {margin-bottom:0;}
.interview_list li .ic_number {display:block; margin-bottom:2px; font-family:"NotoSansSC Black"; font-size:15px;}
.interview_list li .title{display:inline-block; margin-bottom:16px; line-height:18px;}
.interview_list li .title .border {display:inline-block; text-decoration:underline; color:#2469b6;}
.interview_list li .list_con {line-height:18px; font-size:13px; color:#555;letter-spacing:-0.025em;}
.interview_list li .ic_img + .list_con {margin-top:12px;}

/* 05???????_04???????_?????? */
.employ_info .wrap_table + .btn_more {margin-top:30px;}

/* 05???????_04???????_??????? */
.table_notice.detail .notice_tit {position:relative; z-index:1; overflow:hidden;}
.table_notice.detail tbody tr:first-child td {height:39px;}
/*.table_notice.detail .table_detail p {font-size:11px;}*/
.table_notice.detail .notice_tit p:after {display:block; clear:both; content:"";}
.table_notice.detail .notice_tit .field {float:left;  padding:3px 8px; font-family:"NotoSansSC Bold"; font-size:13px; color:#333;}
/*.employ_info_detail .table_notice.detail .notice_tit .career,
.job_intro_detail .table_notice.detail .notice_tit .field_detail {display:inline-block; padding:1px 8px; position:absolute; right:0; z-index:10; border:1px solid #264fb6; font-family:"NotoSansSC Bold"; font-size:14px; color:#264fb6; text-align:center;}*/
.employ_info_detail .table_notice.detail .notice_tit .career,
.job_intro_detail .table_notice.detail .notice_tit .field_detail{float:left;  padding:1px 8px;  border:1px solid #264fb6; font-family:"NotoSansSC Bold"; font-size:14px; color:#264fb6; text-align:center;}
.employ_info_detail .table_notice.detail .notice_tit .career {top:10px;}
/*.employ_info_detail .table_notice.detail .notice_tit .title {margin-right:44px;}*/
.employ_info_detail .table_notice.detail .table_detail a,
.employ_info_detail .table_notice.detail .table_detail button {margin:36px auto 40px;}


.news_d .table_notice.detail .notice_tit1{padding:13px 0 12px;}
.news_d .table_notice.detail .notice_tit1 p{}
.news_d .table_notice.detail .notice_tit1 p:nth-of-type(2){ position:relative; float:left; width: 25%; height: 100%;}
.news_d .table_notice.detail .notice_tit1 p.title1{float:left; position:relative; overflow:hidden; width:75%; text-align: left; font-size:13px; color:#333; font-family: "NotoSansSC Bold"; max-height:36px; }
.news_d .table_notice.detail .notice_tit1 p.title1:before {display:inline-block; content:"..."; position:absolute; top:16px; right:0; background-color:#fff;}
.news_d .table_notice.detail .notice_tit1 p.title1:after {display:inline; content:""; position:absolute; width:100%; height:100%; background-color:#fff;}
.news_d .table_notice.detail .notice_tit1 span.date{height:18px; position:absolute; right:0; bottom:0;}
.news_d .wrap_table .table_notice tbody tr td.notice_ti1 .title1 {overflow:hidden; height:36px;  font-size:13px; font-family:"NotoSansSC Bold"; color:#333; text-align:left;}


/* 05???????_03???????_???? */
.job_intro_detail .table_notice tbody tr td.notice_tit .title {overflow:visible; height:auto; text-overflow:initial; white-space:normal;}
.job_intro_detail .table_notice.detail .notice_tit .field_detail {padding:1px 2px; border-radius:2px;}
.job_intro_detail .table_detail dl dt {margin-bottom:10px; line-height:18px; font-family:"NotoSansSC Bold"; font-size:13px; color:#215eb6;}
.job_intro_detail .table_detail dl dd {line-height:16px; font-size:11px;}
.job_intro_detail .table_detail dl dd + dt {margin-top:25px;}
.job_intro_detail .table_notice.detail .notice_tit .field_detail {bottom:12px;}

/* 01????????_04???????_???????? */
.ic_img {display:block;}
.ic_img.type2 {margin-bottom: 20px;}
.ic_img.type3 {font-size:12px; text-align:right;}
.ic_img.type3 img {margin-bottom:10px;}
.ic_img img {display:block; width:100%;}
.ic_img img + img {margin-top:1px;}
.content_con .info_text{line-height:18px; font-size:13px; color:#555;}
.content_con .info_text .chinese_char {font-family:sans-serif; font-size:11px; color:#555;}
.content_con .info_text + .ic_img{margin-top:16px;}
.wrap_value {margin-top:20px; border:1px solid #eee;}
.wrap_value .value_con {padding:20px 20px 16px;}
.wrap_value .value_con + .value_con{border-top:1px solid #eee;}
.wrap_value .value_con h4 {margin-bottom:8px; font-family:"NotoSansSC Bold"; font-size:15px; font-weight:normal;}
.wrap_value .value_con.value_target .inner {background-image:url("/zh/mobile/assets/images/about-us/ic_principle_t.png"); background-size:24px;}
.wrap_value .value_con.value_cooperation .inner {background-image:url("/zh/mobile/assets/images/about-us/ic_principle_cooper.png");}
.wrap_value .value_con.value_growth .inner {background-image:url("/zh/mobile/assets/images/about-us/ic_principle_g.png");}
.wrap_value .value_con.value_challenge .inner {background-image:url("/zh/mobile/assets/images/about-us/ic_principle_c.png");}
.wrap_value .value_con .inner {background-repeat:no-repeat; background-position:right top; background-size:24px;}
.wrap_value .value_con h4:after {content:""; display:block; margin-top:7px; width:8px; height:1px; background-color:#333;}
.wrap_value .value_con p {line-height:18px; font-size:13px; color:#555;}

/* 00_03????????_????????? */
.category_list {margin-left:-12px; padding:10px 20px 6px; background-color:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:left;}
.category_list:after {display:block; clear:both; content:"";}
.category_list a {float:left; display:block; position:relative; z-index:1; margin:0 10px 5px;}
.category_list a .border {display:inline-block; border-bottom:1px solid transparent; line-height:18px; font-size:13px; color:#555;}
.category_list a .border .cnt {vertical-align:top;}
.category_list a.active .border,
.category_list a.active .border .cnt {color:#1c6dd3;}
.category_list a.active .border {border-bottom:1px solid #1c6dd3;}
.category_list a:after {content:""; display:inline-block; position:absolute; top:50%; right:-9px; z-index:5; margin-top:-6px; width:1px; height:12px; background-color:#d4d4d4;}
.category_list a:last-child:after {display:none;}
.integrate_search .status_info {padding:14px 0 11px;}
.integrate_search .search_category:first-child {border-top:none;}
.integrate_search .wrap_list,
.integrate_search .wrap_table {padding:0 0 30px;}
.integrate_search .wrap_list ul,
.integrate_search .wrap_list .list_careers,
.integrate_search .wrap_list .list_interview,
.integrate_search .wrap_table {margin-top:15px;}
.integrate_search .wrap_list .btn_more,
.integrate_search .wrap_table .btn_more {margin-top:15px;}
.integrate_search .news_list li {margin-top:20px;}
.integrate_search .news_list li:first-child {margin-top:0;}
/*.integrate_search .news_list li .notice_title {overflow:hidden; display:inline-block; margin-bottom:8px; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}*/
.integrate_search .news_list li .notice_title {display:inline-block; max-width:100%; margin-bottom:8px; border-bottom:1px solid #333;}
.integrate_search .news_list li .notice_title .border {overflow:hidden; display:block; height:18px; font-family:"NotoSansSC Black"; font-size:13px; text-overflow:ellipsis; white-space:nowrap;}
/*.integrate_search .news_list li .notice_title .border { display:inline-block; height:18px; border-bottom:1px solid #333;  font-family:"NotoSansSC Black"; font-size:13px; color:red;}*/
.integrate_search .news_list li .detail_text {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#555; line-height:18px;}
.integrate_search .wrap_center {margin:0 auto;}
.integrate_search .search_none {padding:21px 0; background-color:#fcfcfc; border-bottom:1px solid #eee; text-align:center;}
.integrate_search .search_none p {display:inline-block; position:relative; z-index:1; padding-left:29px; line-height:16px; font-size:13px; color:#1c2e5e;}
.integrate_search .search_none p:before {content:""; position:absolute; top:0; left:0; width:19px; height:19px; background:url("/zh/mobile/assets/images/common/ic_search_none.png") no-repeat left center; background-size:19px;}

/* ??????? */
.integrate_search .wrap_video ul li {width:33.333%;}
.integrate_search .wrap_video ul li .video_list {padding-bottom:0; margin-left:5px;}
.integrate_search .wrap_video ul li .video_list .video_txt {overflow:hidden; margin-top:14px; height:16px; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
/* ??????? */
.integrate_search .list_careers:after {display:block; clear:both; content:"";}
.integrate_search .list_careers {margin-left:-30px;}
.integrate_search .list_careers .list_con {position:relative; z-index:1; float:left; width:50%; margin-top:20px;}
.integrate_search .list_careers .list_con a {margin-left:30px; padding:0; border:none;}
.integrate_search .list_careers a .field_con {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#333; line-height:17px;}
.integrate_search .list_careers a:after {display:none;}
.integrate_search .list_careers .list_con:first-child,
.integrate_search .list_careers .list_con:first-child + .list_con{margin-top:0;}
.integrate_search .list_careers .list_con + .list_con:after {content:""; position:absolute; top:0; left:15px; width:100%; height:100%; border-left:1px solid #eee;}

/* 05???????_01?????? */
/*.title_left {margin-top:-5px}*/
.title_left h3 {margin-bottom:3px; font-family:"NotoSansSC Black"; font-size:14px; font-weight:normal;}
.title_left.border h3 {margin-bottom:8px; font-size:13px;}
.title_left.border h3 span{display:inline-block; font-family:"NotoSansSC Black"; font-size:16px;}
.title_left .txt {line-height:18px; font-size:13px; color:#555;}
.title_left.border .txt {line-height:18px; font-size:13px;}
/*.ic_circle {display:block; margin: 18px auto 0; width:100%; max-width:279px; min-height:101px; background:url("/zh/mobile/assets/images/careers/img_talent.png") no-repeat center center; background-size:100% auto; font-size:0;}*/
/*.ic_circle.value {background-image:url("/zh/mobile/assets/images/about-us/img_core_value.png");}*/
/*.ic_circle div {display:inline-block; position:relative; z-index:1; width:33.333%; height:101px;}*/
/*.ic_circle div span {display:inline-block; position:absolute; top:50%; left:50%; z-index:10; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-family:"NotoSansSC Black"; font-size:13px; font-style:normal; text-align:center;}*/
/*.ic_circle div:first-child span {margin-left:3px;}*/
/*.ic_circle div:last-child span {margin-left:-3px;}*/
/*.ic_circle div span i {display:block; font-family:"NotoSansSC Bold"; font-size:13px; font-style:normal;}*/
/*.ic_circle .circle01 span {color:#248904;}*/
/*.ic_circle .circle02 span {color:#008577;}*/
/*.ic_circle .circle03 span {color:#1f62ad;}*/
/*.ic_circle.value .circle01 span {color:#71a614;}*/
/*.ic_circle.value .circle02 span {color:#0c8aa5;}*/
/*.ic_circle.value .circle03 span {color:#2363b3;}*/
.talent_con {margin-top:30px; padding:18px 20px 20px; border:1px solid #eee; border-radius:9px;}
.talent_con.smart {margin-top:34px;}
.talent_con .concept_title {padding-bottom:16px; line-height:18px; font-family:"NotoSansSC Black"; font-size:16px;}
.talent_con .concept_title p {margin-top:9px; line-height:18px; font-family:"NotoSansSC Regular"; font-size:13px; color:#555;}
.talent_con.smart .concept_title {color:#12b3d0;}
.talent_con.execution .concept_title {color:#19d8cc;}
.talent_con.transparency .concept_title {color:#076cb3;}
.talent_con.develop .concept_title {font-family:"NotoSansSC Bold"; font-size:13px; color:#215eb6;}
.talent_con .concept_detail {padding-top:18px; border-top:1px solid #eee;}
.talent_con .concept_detail dt {display:block; font-family:"NotoSansSC Black"; font-size:13px;}
.talent_con .concept_detail dd {display:block; margin-top:5px; line-height:18px; font-size:13px; color:#555;}
.talent_con .concept_detail dd + dt {margin-top:10px;}

/* 05???????_02????????_01??????? */
.employ_manage_outcome .title_left h3 {margin-bottom:8px;}

/* 05???????_02????????_02???/??????? */
.title_left.welfare{padding-top:30px;}
.ic_welfare {display:block; margin:30px auto 0; width:271px; height:150px; background:url("/zh/mobile/assets/images/careers/img_welfare.png") no-repeat center center; background-size:100% auto; font-size:0;}
.ic_welfare li {display:inline-block; position:relative; z-index:1; width:50%; height:150px; text-align:center;}
.ic_welfare li div {display:inline-block; width:70%; height:63px; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ic_welfare li div span {display:inline-block; height:12px; line-height:12px; font-size:11px; color:#666;}
.ic_welfare li div i {display:block; font-size:17px; color:#5e9d0c; font-style:normal; font-family:"NotoSansSC Black";}
.ic_welfare li:first-child div{margin-left:7px;}
.ic_welfare li:first-child + li div{margin-left:-7px;}
.ic_welfare li:first-child + li div i {color:#1f62ad;}
.ic_welfare li .welfare_caption {font-size:10px; color:#666;}
.welfare_box .type_text{margin-bottom:14px; line-height:15px; font-family:"NotoSansSC Bold"; font-size:15px; color:#215eb6;}
.welfare_box {margin-top:20px;}
.welfare_box + .welfare_box {margin-top:30px;}
.welfare_box .welfare_type:after {display:block; clear:both; content:"";}
.welfare_box .welfare_type li{display:table; margin-left:-1px; padding:10px 15px; float:left; width:50%; height:60px; border:1px solid #ddd;}
.welfare_box .welfare_type li span {display:table-cell; padding-left:29px; position:relative; z-index:1; line-height:18px; text-align:right; font-size:13px; color:#555;}
.welfare_box .welfare_type li span:before {content:""; display:inline-block; position:absolute; top:0; left:0; z-index:5; width:29px; height:28px; background:url("/zh/mobile/assets/images/careers/ic_life_01.png") no-repeat center center; background-size:29px 28px;}
.welfare_box .welfare_type.life li:nth-child(2) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_02.png");}
.welfare_box .welfare_type.life li:nth-child(3) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_03.png");}
.welfare_box .welfare_type.life li:nth-child(4) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_04.png");}
.welfare_box .welfare_type.life li:nth-child(5) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_05.png");}
.welfare_box .welfare_type.life li:nth-child(6) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_06.png");}
.welfare_box .welfare_type.life li:nth-child(7) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_life_07.png");}
.welfare_box .welfare_type.healthy li:nth-child(1) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_healthy_01.png");}
.welfare_box .welfare_type.healthy li:nth-child(2) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_healthy_02.png");}
.welfare_box .welfare_type.leisure li:nth-child(1) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_leisure_01.png");}
.welfare_box .welfare_type.leisure li:nth-child(2) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_leisure_02.png");}
.welfare_box .welfare_type.leisure li:nth-child(3) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_leisure_03.png");}
.welfare_box .welfare_type.leisure li:nth-child(4) span:before {background-image:url("/zh/mobile/assets/images/careers/ic_leisure_04.png");}
.welfare_box .welfare_type li:nth-child(3),
.welfare_box .welfare_type li:nth-child(4),
.welfare_box .welfare_type li:nth-child(5),
.welfare_box .welfare_type li:nth-child(6),
.welfare_box .welfare_type li:nth-child(7) {border-top:0;}

/* 05???????_02????????_01??????? */
.employ_manage_outcome .list_circle {margin-top:10px;}
.employ_manage_outcome .wrap_table {margin-top:12px}
.employ_manage_outcome .ic_img {margin-top:26px;}

/* 05???????_05???????_02?????????? */
.process_box h4 {margin-bottom:16px; line-height:18px; font-size:14px; color:#215eb6; text-align:center;}
.process_box ol {padding:0 15px;}
.process_box ol li {display:table; position:relative; z-index:1; width:100%; margin-bottom:32px; padding:5px 20px 5px 5px; height:56px; border:1px solid #ccc; border-radius:26px;}
.process_box ol li .inner {display:table-cell; font-family:"NotoSansSC Bold"; font-size:15px; text-align:right;}
.process_box ol li:last-child:after {display:none;}
.process_box ol li:after {content:""; display:block; position:absolute; left:50%; bottom:-27px; z-index:5; margin-left:-10px;width:19px; height:22px; background:url("/zh/mobile/assets/images/careers/ic_arrow.png") no-repeat center center; background-size:19px 22px;}
.process_box ol li .ic_num {float:left; display:inline-block; width:45px; height:45px; line-height:45px; border-radius:45px; background-color:#e8eaee; font-family:"NotoSansSC Black"; font-size:15px; color:#333; text-align:center;}
.process_box ol li .detail_info {display:block; font-family:"NotoSansSC Bold"; font-size:11px; color:#555;}
.title_left + .list_circle.etc {margin-top:10px;}
.process_box ol li:nth-child(3){ border:2px solid #076cb3; }
.process_box ol li:nth-child(3) .ic_num{ color: #076cb3; }
.process_box ol li:nth-child(3) .inner{ color: #076cb3; }
.process_box ol li:nth-child(4){ border:2px solid #12b3d0; }
.process_box ol li:nth-child(4) .ic_num{ color: #12b3d0; }
.process_box ol li:nth-child(4) .inner{ color: #12b3d0; }

/* 05???????_02????????_03???????? */
.ic_develop .ic_img {margin-top:26px;}

/* 24.06.24 - ???? ??? ?? ?? */
.list_groups li {display:flex; gap:0 20px; padding:20px; width:100%; height:155px; border:1px solid #eee; border-bottom:0; }
.list_groups li:nth-child(5) { border-bottom:1px solid #eee; }
.list_groups li .img_box { display:flex; justify-content:center; align-items:center; width:112px; height:112px; margin:0; padding:15px; box-sizing:border-box; border-radius:50%; background:#f9f9f9; }
.list_groups li .img_box img { max-width:100%; }
.list_groups li .txt_box { display:flex; flex-direction:column; flex-basis:calc(100% - 132px); }
.list_groups li .txt_box .wrap_area { display:flex; flex-wrap:wrap; gap:3px 10px; }
.list_groups li .txt_box .wrap_area a { flex-basis:45%; }
.list_groups li h3 { margin-bottom:6px; font-family:"NotoSansKR Bold"; font-size:16px; color:#333; letter-spacing:-0.05em; }
.list_groups li p { font-size:12px; color:#666; letter-spacing:-0.025em; position:relative; white-space:nowrap; }
.list_groups li p:before { display:block; width:2px; height:2px; border-radius:50%; background:#666; content:''; position:absolute; left:-6px; top:8px; }

.list_branch {margin:0 -20px; padding:0 20px;}
.list_branch .wrap_center {margin-top:0;}
.list_branch.domestic .wrap_center .btn_more {margin-top:15px;}
.group_site li,
.list_branch.domestic li {margin:0 -20px; padding:0 20px 30px;}
.list_branch li + li {padding-top:25px;}
.list_branch.domestic li + li {padding-top:30px;}
.group_site li + li {padding-top:30px; border-top:1px solid #eee;}
.group_site li:last-child,
.list_branch li:last-child {padding-bottom:0;}
.group_site li .ic_img {margin-bottom:8px;}
.group_site li .txt_con .company_name {position:relative; z-index:1; margin-bottom:8px; line-height:32px; font-family:"NotoSansSC Black"; font-size:14px;}
.group_site li .txt_con .company_name:after {content:""; display:inline-block; position:absolute; left:3px; bottom:-2px; z-index:5; width:8px; height:1px; border-bottom:1px solid #333;}
.group_site li .txt_con .caption {margin-bottom:10px; line-height:18px; font-size:13px; color:#555;}
.group_site li .txt_con dl:after {display:block; clear:both; content:"";}
.group_site li .txt_con dl dt,
.group_site li .txt_con dl dd {margin-bottom:8px; line-height:18px; font-size:13px;}
.group_site li .txt_con dl dt {float:left; width:70px; font-family:"NotoSansSC Bold"; vertical-align:top;}
.group_site li .txt_con dl dd {margin-left:70px; color:#555;}
.btn_shortcut {margin:4px 0 0;}
.btn_shortcut span:after {margin-left:8px; width:10px; height:10px; background:url("/zh/mobile/assets/images/about-us/ic_short_cut.png") no-repeat center center; background-size:10px;}

/* 01????????_07????????_????????_02???????? */
.domestic_region:after {display:block; clear:both; content:"";}
.domestic_region {margin-left:-1px;}
.domestic_region li {float:left; width:33.3333%;}
.domestic_region li div {position:relative; z-index:1; margin-left:1px;}
.domestic_region li div img {display:block; width:100%;}
.domestic_region li div .region_name {display:block; width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-family:"NotoSansSC Bold"; font-size:14px; color:#fff; text-align:center;}
.domestic_region li div:after{content:""; display:block; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.list_branch .region {margin-bottom:10px; font-family:"NotoSansSC Bold"; font-size:15px; color:#215eb6;}
.list_branch.domestic li + li {border-top:1px solid #eee;}
.list_branch .list_circle:after {display:block; clear:both; content:"";}
.list_branch .list_circle dt:first-child,
.list_branch .list_circle dt:first-child + dd {margin-top:0;}
.list_branch .list_circle dt {float:left; position:relative; margin-top:10px; padding-left:7px; width:65px; vertical-align:top; font-family:"NotoSansSC Bold"; color:#333; line-height:16px;}
.list_branch .list_circle dd {margin-left:65px; margin-top:10px; line-height:16px;}
.btn_map_detail span:after {margin-left:8px; width:8px; height:11px; background:url("/zh/mobile/assets/images/about-us/ic_map.png") no-repeat center center; background-size:8px 11px;}

/* 01????????_07????????_????????_01???????? */
.ic_img.overseas {margin-bottom:13px;}
.nation_name {margin-bottom:16px; font-family:"NotoSansSC Black"; font-size:14px;}
.nation_name .ic_nation {display:inline-block; margin-right:9px; width:20px; height:13px; background:url("/zh/mobile/assets/images/about-us/ic_china.png") no-repeat center center; background-size:20px 13px;}
.vietnam .nation_name .ic_nation {background:url("/zh/mobile/assets/images/about-us/ic_vietnam.png"); background-size:20px 13px;}
.singapore .nation_name .ic_nation {background:url("/zh/mobile/assets/images/about-us/ic_singarpore.png"); background-size:20px 13px;}
/* 240130 - ?????????_??? ??? css ?? */
.russia .nation_name .ic_nation {background:url("/zh/mobile/assets/images/about-us/ic_russia.png"); background-size:20px 13px;}

/* 01????????_06???????????_02ITC???? */
/*.wrap_map {width:100%; height:185px;}*/
.wrap_map {width:100%;}
.wrap_map + .wrap_center {margin-bottom:0;}
.wrap_map + .wrap_center .btn_map_detail {margin-top:30px;}
.headquarters_info:after {display:block; clear:both; content:"";}
.headquarters_info dt,
.headquarters_info dd {margin-top:10px; font-size:13px; color:#555; line-height:18px;}
.headquarters_info dt:first-child ,
.headquarters_info dt:first-child + dd {margin-top:0;}
.headquarters_info dt {float:left; width:56px; font-family:"NotoSansSC Black"; vertical-align:top;}
.headquarters_info dd {margin-left:56px;}
.direction_info li {padding:6px 0 18px;}
.direction_info li .ic_transfer {display:block; margin:0 auto; width:50px; height:50px; background:url("/zh/mobile/assets/images/about-us/ic_subway.png") no-repeat center center; background-size:50px;}
.direction_info li .ic_transfer.bus {background-image:url("/zh/mobile/assets/images/about-us/ic_bus.png");}
.direction_info li p {margin-top:14px; line-height:20px; word-break:break-all;}
.direction_info li p:after {display:block; clear:both; content:"";}
.direction_info li p + p {margin-top:5px;}
.direction_info li p span,
.direction_info li p strong {font-family:"NotoSansSC Bold"; font-size:13px; font-weight:normal; vertical-align:baseline;}
.direction_info li p .ic_subway_air {color:#49a0d9;}
.direction_info li p .ic_subway_1 {color:#001f78;}
.direction_info li p .ic_subway_2 {color:#00a408;}
.direction_info li p .ic_subway_4 {color:#3171d3;}
.direction_info li p .ic_subway_6 {color:#b44e08;}
.direction_info li p strong {color:#333;}
.direction_info li p .ic_num {display:inline-block; margin:0 6px 0 6px; width:18px; height:18px; line-height:18px; background-color:#333; border-radius:18px; color:#fff; text-align:center;}
.direction_info li p .ic_direction {display:inline-block; margin:0 5px; width:6px; height:10px; background:url("/zh/mobile/assets/images/about-us/ic_direction.png") no-repeat center center; background-size:6px 10px;}
.direction_info li p .title {margin-left:10px; vertical-align:top;}
.direction_info li p .con {margin-left:5px; color:#555; font-family:"NotoSansSC Regular";}

/* 02???????_02???????_01???_01?????? */
.distribution .index_title .caption,
.c_infra .index_title .caption,
.distribution .content_box ol li .txt{line-height:18px; font-size:13px; color:#555;}
.distribution .content_box ol li .txt {margin-top:12px;}
.distribution .index_title .caption + .caption,
.distribution .content_box .wrapper .caption + .caption {margin-top:17px;}
.distribution .content_box .index_title .caption + .caption + .ic_img {margin-top:12px;}
.distribution .content_box .wrapper .img_several img {margin-top:15px;}
/*.distribution .index_title .caption + .caption:last-child {margin-bottom:10px;}*/
.distribution .index_title .caption:last-child {margin-bottom:10px;}
.distribution .content_box .index_list {margin-top:25px;}
.distribution .content_box .index_list li + li {margin-top:18px;}
.distribution .content_box .index_list li h5.title {margin-bottom:5px; font-size:15px; font-family:"NotoSansSC Bold"; color:#215eb6; font-weight:normal;}
.distribution .content_box  .wrapper .sub_title,
.distribution .content_box .index_list li .wrapper .sub_title,
.c_infra .content_box .wrapper .sub_title {font-size:15px; padding:14px 0; font-family:"NotoSansSC Bold"; color:#215eb6;}
.distribution .content_box  .wrapper .sub_title.padding_none {padding-top:0;}
.distribution .content_box .index_list li .txt + .wrapper {margin-top:12px;}
.distribution .content_box .index_list li .wrapper .txt_box {padding:18px 20px 16px; border:1px solid #eee; border-top:none;}
.distribution .content_box .index_list li .wrapper .txt_box strong {display:inline-block; margin-bottom:5px; font-family:"NotoSansSC Black"; font-size:13px; font-weight:normal;}
.distribution .content_box .index_list li .wrapper .txt_box p {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .index_list li .wrapper .inner:after {display:block; clear:both; content:"";}
.distribution .content_box .index_list li .wrapper .wrap_3pl {padding:27px 17px; text-align:center;}
.distribution .content_box .index_list li .wrapper .wrap_3pl strong {font-family:"NotoSansSC Black"; font-size:22px; font-weight:normal;}
.distribution .content_box .index_list li .wrapper .wrap_3pl span {display:block; margin:9px auto 13px;  width:32px; height:31px; background:url("/zh/mobile/assets/images/business-areas/ic_3pl.png") no-repeat center center; background-size:32px 31px;}
.distribution .content_box .index_list li .wrapper .wrap_3pl p {line-height:18px; padding-top:10px; font-size:13px; color:#555;}
.distribution .content_box .wrapper + .wrapper,
.c_infra .content_box .wrapper + .wrapper {margin-top:15px;}
.distribution .content_box .wrapper .inner:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .inner {border:1px solid #eee; width:100%; box-sizing: border-box;}
.distribution .content_box .wrapper .count_box {float:left; box-sizing: border-box; padding:13px 0 16px; width:50%; text-align:center;}
.distribution .content_box .wrapper .count_box:first-child {width:100%; border-bottom:1px solid #eee;}
.distribution .content_box .wrapper .count_box:first-child + .count_box{border-right:1px solid #eee;}
.distribution .content_box .wrapper .count_box .number {display:inline-block; margin-bottom:7px;font-family:"NotoSansSC Bold";}
.distribution .content_box .wrapper .count_box .number strong {font-family:"NotoSansSC Bold"; font-size:32px; color:#1c2e5e; vertical-align:baseline; font-weight:normal;}
.distribution .content_box .wrapper .count_box p {font-size:13px; color:#555;}
.distribution .content_box .wrapper .vehicle_present,
.list_management .management_con {padding:18px 15px 16px; width:100%; text-align:center;}
.distribution .content_box .wrapper .vehicle_present + .vehicle_present,
.list_management .management_con + .management_con {border-top:1px solid #eee;}
.distribution .content_box .wrapper .vehicle_present .sort,
.list_management .management_con .sort {display:block; margin-bottom:5px; font-family:"NotoSansSC Black"; font-size:13px;}
.distribution .content_box .wrapper .vehicle_present span,
.list_management .management_con span {line-height:18px; font-size:13px; color:#555;}
.list_management .management_con {letter-spacing:-1px;}
.distribution .content_box .wrapper .client_box {display:block; float:left; box-sizing: border-box; padding:8px 0 5px; width:50%; border-top:1px solid #eee; text-align:center; height: 78px;}
.distribution .content_box .wrapper .client_box:first-child,
.distribution .content_box .wrapper .client_box:first-child + .client_box {border-top:none;}
.distribution .content_box .wrapper .client_box:nth-child(2n) {border-left:1px solid #eee;}
.distribution .content_box .wrapper .client_box img {height:100%;}
.distribution .content_box .wrapper .img_map {border: 1px solid #eee;}
.distribution .content_box .wrapper .img_map .ic_img {margin-top:0;}
.distribution .content_box .wrapper .img_map .map_txt {padding:16px 12px;}
.distribution .content_box .wrapper .img_map .map_txt strong {font-size:15px; color:#555;}
.distribution .content_box .wrapper .img_map .map_txt p{font-size:13px; color:#555; position:relative; padding-left:5px; }
.distribution .content_box .wrapper .img_map .map_txt p:before{position:absolute; left:0; top:5px; content:''; display:block; width: 2px; height: 2px; border-radius: 50%; background:#555;}
/*.distribution .content_box .wrapper .img_map {position:relative; z-index:1;}*/
/*.distribution .content_box .wrapper .img_map .ic_img {margin-top:0;}*/
/*.distribution .content_box .wrapper .img_map .map_txt {position:absolute; top:0; left:0; z-index:10; padding:16px 12px 0;}*/
/*.distribution .content_box .wrapper .img_map .map_txt strong {font-size:15px; color:#fff;}*/
/*.distribution .content_box .wrapper .img_map .map_txt p{font-size:9px; color:#fff;}*/

/* 02???????_02???????_01???_02??????? */
.distribution .content_box .index_list.type2 li + li {margin-top:30px; padding-top:30px; border-top:1px solid #eee;}

/* 02???????_02???????_01???_03ISO??????????? */
.distribution.tank .content_box:first-child {padding-top:28px; border-top:1px solid #eee;}
.distribution .content_box .wrapper .caption {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .wrapper .ic_img + .caption {margin-top:9px;}
.distribution .content_box .wrapper .ic_img + .sub_title {margin-top:9px;}
.distribution .content_box .wrapper .inner + .caption {margin-top:9px;}
.distribution.tank .content_box .wrapper .vehicle_present{padding:21px 15px 20px;}
.distribution .content_box .wrapper .vehicle_present:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .vehicle_present .left {float:left;}
.distribution .content_box .wrapper .vehicle_present .right {float:right; font-size:12px;}
.distribution .content_box .wrapper .vehicle_present .right strong {font-family:"NotoSansSC Bold"; font-size:25px; vertical-align:bottom; font-weight:normal;}
.distribution .content_box .wrapper .certification_condition {margin-top:10px;}
.distribution .content_box .wrapper .certification_condition .ic_img{margin:0 0 10px; border:1px solid #eee;}
.distribution .content_box .wrapper .certification_condition .caption {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .wrapper .certification_condition strong {display:inline-block; line-height:18px; font-family:"NotoSansSC Bold"; font-size:13px; font-weight:normal;}
.distribution .content_box .wrapper .wrap_list_circle {margin:12px 0 15px; padding:12px 15px; border:1px solid #eee;}
.distribution .content_box .wrapper .list_insurance {margin:10px 0 0 -17px;}
.distribution .content_box .wrapper .list_insurance:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .list_insurance li {float:left; width:33.333%; text-align:center;}
.distribution .content_box .wrapper .list_insurance li .insurance_type {padding:0 8px;}
.distribution .content_box .wrapper .list_insurance li .insurance_type{ width:100%; text-align:center; display:block;}
.distribution .content_box .wrapper .list_insurance li .insurance_type img{width: 60%;}
.distribution .content_box .wrapper .list_insurance li .insurance_type span {display:inline-block; margin-top:8px;}

/* 02???????_04IT?????_01ITO_BPO */
.distribution .content_box .wrapper .ic_img + .list_circle {margin-top:15px;}

/* 02???????_04IT?????_02IT ????? ?? ?????? */
.list_system {margin:15px 0 0 -10px;}
.list_system:after {display:block; clear:both; content:"";}
.list_system li {float:left; padding-bottom:10px; width:50%;}
.list_system li div {margin-left:10px; border:1px solid #eee; text-align:center;}
.list_system li div.padding_none .con {padding:15px 0;}
.list_system li div .system_title {display:block; padding:15px; border-bottom:1px solid #eee; line-height:17px; font-family:"NotoSansSC Black"; color:#215eb6;}
.list_system li div p.con {padding:15px; line-height:18px; font-size:13px; color:#555;}
.list_system li div p.con strong {display:block; line-height:18px; font-family:"NotoSansSC Bold"; font-size:13px; color:#333; font-weight:normal;}
.btn_more.info_download {margin-top:0;}
.btn_more.info_download span:after {margin-top:0; width:12px; height:10px; background-image:url("/zh/mobile/assets/images/common/ic_download.png"); background-size:12px 10px;}
.distribution .list_system + .caption,
.distribution .caption + .wrap_table {margin-top:15px;}
.distribution .hw_tit {margin-bottom:15px; line-height:16px; font-family:"NotoSansSC Bold"; font-size:11px;}

/* 02???????_02????????_02????????_04????????????? */
.list_management {border:1px solid #eee;}
.c_infra .content_box .wrapper .sub_title.type2 {padding-top:0; font-size:13px;}
.c_infra .content_box .wrapper .caption {line-height:18px; font-size:13px; color:#555;}
.c_infra .list_style1 + .wrap_table {margin-top:10px;}
.c_infra .list_circle + .wrap_table {margin-top:10px;}
.c_infra .list_circle li {line-height:16px; font-family:"NotoSansSC Bold"; color:#333; letter-spacing:-1px;}
.c_infra .list_circle.type2 {font-size:0;}
.c_infra .list_circle.type2 li {display:inline-block; width:50%;}
.c_infra .list_circle.type2 li:first-child + li {margin-top:0;}

/* 02???????_02????????_02????????_03??????? */
.c_infra .content_box .title_portfolio {padding:0 0 9px 0; line-height:15px; font-family:"NotoSansSC Bold"; font-size:14px; color:#215eb6;}
.wrap_slide.several + .wrap_slide.several {margin-top:15px;}
.wrap_slide.several .txt_box {padding:18px 20px 16px; border:1px solid #eee; border-top:none;}
.wrap_slide.several .txt_box strong {display:inline-block; margin-bottom:5px; font-family:"NotoSansSC Black"; font-size:13px; font-weight:normal;}
.wrap_slide.several .txt_box p {line-height:16px; font-size:13px; color:#555;}
.slide_community {position:relative; z-index:1;}
.slide_community .slide_con {height:auto;}
.slide_community .slick-arrow {position:absolute; top:50%; z-index:10; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); width:32px; height:32px; text-indent:-999999px;}
.slide_community .slick-prev {left:15px; background:url("/zh/mobile/assets/images/common/ic_slide_prev.png") no-repeat center center; background-size:31px;}
.slide_community .slick-prev.slick-disabled {background:url("/zh/mobile/assets/images/common/ic_slide_prev_inactive.png") no-repeat center center; background-size:31px;}
.slide_community .slick-next {right:15px; background:url("/zh/mobile/assets/images/common/ic_slide_next.png") no-repeat center center; background-size:31px;}
.slide_community .slick-next.slick-disabled {background:url("/zh/mobile/assets/images/common/ic_slide_next_inactive.png") no-repeat center center; background-size:31px;}

/* ??? */
.blind{position:absolute; left:-9999px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}
.hidden {overflow:hidden;}
.pt0 {padding-top:0 !important;}
.bt0 {border-top:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mb0 {margin-bottom:0 !important;}
.ml10 {margin-left:10px !important;}
.pd13 {padding:13px 0 !important;}
.select_style1 {height:33px; border:1px solid #ddd;}
.select_style1 select {padding: 0 25px 0 10px; width:100%; height:100%; border:0; background:#fff url('/zh/mobile/assets/images/common/select_style1_arrow.png') no-repeat right 50%; background-size:25px 15px; font-size:13px; color:#555;}

.select_area {}
.select_area:after {content:'';display:block;clear:both;}
.select_area .select_wrap {float:left;}
.select_area.type2,
.select_area.type3{margin-left:-5px;}
.select_area.type1 .select_wrap {width:100%;}
.select_area.type2 .select_wrap {width:50%;}
.select_area.type3 .select_wrap {width:33.33%;}
.select_area.type2 .select_wrap .select_style1,
.select_area.type3 .select_wrap .select_style1{margin-left:5px;}

.wrap_search {padding:11px 20px;border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f8f8f8;}
.wrap_search .select_area {margin-bottom:8px;}

.search_area:after {content:'';display:block;clear:both;}
.search_area .search_input {float:left; width:79%; height:27px; border:1px solid #1b2e5a;}
.search_area .search_input input {padding:0 6px; width:100%; height:100%; border:0; font-size:13px; color:#444;}
.search_area button {float:right; width:21%; height:27px; background:#1b2e5a; font-size:13px; color:#fff;}

.item .item_inner {display:block; margin-left:10px;}
.item .item_inner .card_img {margin:-1px -1px 0;}
.item .item_inner img {display:block; width:100%;}
.item .item_inner .card_mes {padding:25px 14px 24px;}
.item .item_inner .card_mes p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#333; line-height:17px;}
.item .item_inner .card_date {padding:8px 14px; border-top:1px dashed #ddd; background:url('/zh/mobile/assets/images/common/card_date_more.png') no-repeat right 50%; background-size:27px; font-size:13px; color:#555;}

.table_notice.detail td .tit {font-size:13px; text-align:left;}
.table_notice.detail .table_detail {padding:20px 0; line-height:18px; border-bottom:none; text-align:left;}
.table_notice.detail .table_detail img {display:block; margin-bottom:16px; width:100%;}
.table_notice.detail .file_box {display:table; margin-top:10px; width:100%; border:1px solid #eee; vertical-align:middle;}
.table_notice.detail .file_box span {display:table-cell; padding:6px 14px;}
.table_notice.detail .file_box .file_down{width:50%; float:left;}
.table_notice.detail .file_box .file_down .btn_table_file{ margin:0; text-align:left; font-size:13px; color:#215eb6; vertical-align:middle;}
.table_notice.detail .file_box .btn_table_file:after {content:''; display:inline-block; margin-left:8px; width:8px; height:8px; background:url('/zh/mobile/assets/images/common/btn_file_download.png') no-repeat 0 0; background-size:8px; vertical-align:middle;}
/*.table_notice.detail .file_box .file_name{text-align:right; font-size:13px; color:#555;}*/
.table_notice.detail .file_box .file_name{ float:right; width:50%;  overflow: hidden;  line-height: 18px;  font-size: 13px;  text-overflow: ellipsis;  word-wrap: break-word;  white-space: nowrap;  color: #333;  text-align: left;  }
.table_title {display:block; overflow:hidden; padding:0 0 9px;}
.table_title p {display:inline-block; float:left; font-size:14px; line-height:21px; font-family:"NotoSansSC Black";}
.table_title span {display:inline-block; float:right; position:relative; padding-left:12px; font-size:13px; color:#666; line-height:21px;}
.table_title span strong{font-size:13px; color:#e90707; vertical-align:top;}
.table_title span:before {content:""; display:inline-block; position:absolute; top:50%; left:0; margin-top:-3px; z-index:5; width:6px; height:6px; background:url('/zh/mobile/assets/images/common/ic_arr_require.png') no-repeat 1px center; background-size:6px; vertical-align:middle;}
.wrap_table + .table_title {margin-top:9px;}

/* popup */
.pop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%;}
.pop.on {display:block;}
.pop .pop_inner {position:absolute; top:50%; left:50%; z-index:105; margin:-187px 0 0 -140px; width:288px; background:#fff;}
.pop.type2 .pop_inner {margin-top:-215px;}
.pop .pop_inner .pop_title_area {position:relative; padding:0 60px 0 20px;height:45px; background:#1c2e5e;}
.pop .pop_inner .pop_title_area .pop_tit {font-size:15px; color:#fff; font-family:"NotoSansSC Bold"; line-height:45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.pop .pop_inner .pop_title_area .btn_pop_close {position:absolute; top:0; right:0; width:44px; height:45px; background:url('/zh/mobile/assets/images/common/btn_pop_close.png') no-repeat 0 0; background-size:44px 45px; text-indent:-999999em;}
.pop .pop_inner .pop_contents {padding:17px 14px 14px;}
.pop .pop_inner .pop_contents .agree_info {overflow-y:auto; height:252px;}
.pop .pop_inner .pop_contents .agree_info p {font-size:13px; color:#666; line-height:18px; letter-spacing:-0.5px;}
.pop .pop_inner .pop_contents .agree_info p strong {color:#333; font-family:"NotoSansSC Bold";}
.pop .pop_inner .pop_bottom_area {position:relative; padding:15px 20px; background:#000;}
.pop .pop_inner .pop_bottom_area .input_wrap label {color:#fff;}
.pop .pop_inner .pop_bottom_area .input_wrap label strong {color:#fff; font-weight:normal; font-family:"NotoSansSC Black";}
.pop_bottom_area .input_wrap label .ic_chk2 {display:inline-block; margin-right:8px; width:17px; height:17px; background:url("/zh/mobile/assets/images/common/ic_chk_off.png") no-repeat center center; background-size:17px; vertical-align:bottom;}
.pop_bottom_area .input_wrap input:checked + label .ic_chk2 {background-image:url("/zh/mobile/assets/images/common/ic_chk_on.png");}
.pop .pop_inner .pop_bottom_area .btn_pop_close {position:absolute; top:15px; right:20px; font-size:13px; color:#fff; font-family:"NotoSansSC Black";}
.pop .dimmed {position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}


/** ???????? **/
/* ???????? */
/* company-history-2010-2015.jsp */
.comp_history .container {padding:0 0 40px;}
.history_area {padding:0 20px;}
.history_area dl{position:relative; width: 280px; margin: 0 auto; background:url('/zh/mobile/assets/images/about-us/img_history_line.png') repeat-y 50% 0; background-size:320px 1px; text-align:center;}
.history_area dl.history_01 {height:550px;}
.history_area dl.history_02 {height:490px;}
.history_area dl.history_03 {height:384px;}
.history_area dl.history_04 {height:454px; margin-bottom:100px;}
.history_area dl dt{display:inline-block; width:80px; height:80px; border-radius:50%; background:#1b2e5a; text-align:center;}
.history_area dl dt span {display:inline-block; padding-top:22px; font-size:13px; color:#fff; font-family:"NotoSansSC Bold"; line-height:11px;}
.history_area dl dd {position:absolute; width:52.5%;}
.history_area dl dd:nth-child(odd) {left:130px; padding-left:41px; background:url('/zh/mobile/assets/images/about-us/img_history_left_1.png') no-repeat left 0 top 3px; background-size:36px 21px; text-align:left;}
.history_area dl dd:nth-child(even) {left:3px; padding-right:41px; background:url('/zh/mobile/assets/images/about-us/img_history_right_1.png') no-repeat right 0 top 3px; background-size:36px 21px; text-align:right;}
.history_area dl dd.history_2021 {top:75px;}
.history_area dl dd.history_2018 {top:100px;}
.history_area dl dd.history_2015 {top:150px; background:url('/ko/mobile/assets/images/about-us/img_history_right.png') no-repeat right 0 top 3px; background-size:36px 21px;}
.history_area dl dd.history_2014 {top:205px;}
.history_area dl dd.history_2013 {top:300px;}
.history_area dl dd.history_2012 {top:375px;}
.history_area dl dd.history_2011 {top:480px;}
.history_area dl dd.history_2008 {top:120px; background:url('/ko/mobile/assets/images/about-us/img_history_right.png') no-repeat right 0 top 3px; background-size:36px 21px; }
.history_area dl dd.history_2007 {top:186px;}
.history_area dl dd.history_2006 {top:253px;}
.history_area dl dd.history_2004 {top:120px;}
.history_area dl dd.history_2003 {top:186px;}
.history_area dl dd.history_2001 {top:303px;}
.history_area dl dd.history_1997 {top:120px;}
.history_area dl dd.history_1996 {top:186px;}
.history_area dl dd.history_1995 {top:281px;}
.history_area dl dd.history_1994 {top:430px; background:url('/ko/mobile/assets/images/about-us/img_history_left.png') no-repeat left 0 top 3px; background-size:36px 21px; }

.history_area dl dd .his_tit {font-size:15px; color:#1b2e5a; font-family:"NotoSansSC Bold"; letter-spacing:-0.5px;}
.history_area dl dd .his_sub {font-size:13px; color:#333; line-height:16px; letter-spacing:-1px;}
.history_area dl dd .his_txt {font-size:13px; color:#555; line-height:16px; letter-spacing:-1px; word-break:keep-all;}
.history_area dl dd img {margin-top:8px; width:107px;}
.history_area dl dd .his_txt + .his_sub {margin-top:4px;}

/* ???????? */
/* polyethyene-hdpe.jsp, polyethyene-mpe.jsp */
.tab_top {margin:30px 0 26px;}
.tab_top + .content_title.about p {padding:0;}
.poly_pe .content_title.about + .hdpe_list {padding-top:16px;}
.poly_pe .index_title {position: relative;}
.poly_pe .index_title .right_mes {position:absolute; top:0; right:0; border-bottom:1px solid #555; font-size:11px; color:#333; line-height:15px;}
.poly_pe .index_title + .wrap_table {margin-top:14px;}
.table.scroll_h1 {overflow-x:auto; overflow-y:hidden; width:100%; height:442px; border-bottom:1px solid #eee;}
.tbl_inner_mes {position:relative; padding-top:12px; padding-left:10px; font-size:13px; color:#555; line-height:18px;}
.tbl_inner_mes:before {content:'*'; display:inline-block; position:absolute; top:14px; left:0; padding-right:5px; font-size:13px; color:#555; line-height:16px;}
.tbl_inner_mes a {font-size:13px; color:#215eb6; line-height:18px; vertical-align:baseline;}
.contact_list {overflow:hidden; margin-top:15px;}
.contact_list li {padding:13px 10px; border:1px solid #eee; text-align:center;}
.contact_list li p {font-size:13px; color:#555; font-family:"NotoSansSC Bold";}
.contact_list li p strong{ vertical-align:baseline; color:#555;}
.contact_list li span {display:block; margin-top:4px; font-size:13px; color:#555;}
.contact_list li span strong{font-weight:normal; color:#555; vertical-align:baseline;}
.contact_list li + li {margin-top:-1px;}
.contact_list li:nth-child(n+3) {display:none;}
.contact_list.more li:nth-child(n+3) {display:block;}
.poly_pe .content_title p {margin-top:12px; font-size:11px; color:#555; line-height:16px;}
.poly_pe .box_line {border-bottom:1px solid #eee;}
.character_list {margin-top:12px;}
.character_list li {padding:20px 0 17px; border:1px solid #eee; text-align: center;}
.character_list li span {display:inline-block; margin:0 auto; width:50px; height:50px; background:#1b2e5a; border-radius:50%; font-size:18px; color:#fff; line-height:50px; text-align: center;}
.character_list li strong {display:block; margin-top:12px; font-size:13px; color:#333; line-height:1; font-weight:normal; font-family:"NotoSansSC Bold"; letter-spacing:-1px;}
.character_list li p {margin-top:4px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
.character_list li + li {margin-top:-1px;}
.btn_id_pdf {width:14px; height:17px; background:url('/zh/mobile/assets/images/common/ic_pdf.png') no-repeat 0 0; background-size:14px 17px; text-indent:-99999em;}
.mpe_list + .ic_img,
.hdpe_list + .ic_img {margin:12px 20px 0;}
.qna_form {display:none; margin:20px 0 30px; padding:15px 15px 30px; border:1px solid #eee; background:#fff;}
.qna_form .agree_area + .wrap_btn {margin-top:0;}
.qna_form .wrap_btn li a {margin:0 auto 0;}
/* polypropylene.jsp */
.propy .content_title {margin-top:30px;}
.propy .propy_mes .ic_img {padding:0 78px;}
.propy .propy_mes p {padding-top:16px; font-size:13px; color:#555; line-height:18px;}
.poly_pe .index_title .index_tit_sub {font-size:13px; color:#555; line-height:18px;}
.propy .wrap_table .table tbody tr td {padding:4px 0 5px;}
.propy .table.h_hid {overflow-y:hidden; height:449px; border-bottom:1px solid #eee;}

/* polybutene.jsp */
.poly_pe .tab_top .wrap_tab {height:38px;}
.butene .poly_img_area {margin-top:20px; height:150px; background:#ebebeb; text-align:center; line-height:150px;}
.butene .tab_top + .content_title.about p {padding:0 20px 0;;}
.butene table ul.line_list li {margin-top:0;}
.butene .wrap_table + .wrap_table {margin-top:15px;}
.butene .wrap_table .table2 tbody tr td {padding:4px 0 5px;}
.poly_pe .wrap_table .table + .wrap_center {margin:-5px 0 0;}
.btn_pdf_download {display:inline-block; padding:0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansSC Bold"; line-height:27px; text-align:center; vertical-align:top;}
.btn_pdf_download span {display:block; height:25px; line-height:25px; font-size:13px; color:#555; font-family:"NotoSansSC Bold";}
.btn_pdf_download span:after {content:''; display:inline-block; margin-left:6px; width:9px; height:10px; background:url('/zh/mobile/assets/images/common/btn_pdf_download.png') no-repeat 0 0; background-size:9px 10px;}

.list_menu.butene_tab {border-bottom:0;}
.list_menu.butene_tab .menu_txt {border:1px solid #555;}
.list_menu.butene_tab .menu_txt .txt {display:block; position:relative; z-index:1; padding:10px 20px; width:100%; height:36px; background-color:#fff; font-family:"NotoSansSC Bold"; font-size:13px; color:#333; text-align:center;}
.list_menu.butene_tab .menu_txt a,
.list_menu.butene_tab .menu_con .btn_listclose {display:inline-block; position:absolute; top:13px; right:12px; z-index:10; width:11px; height:11px; background:url("/zh/mobile/assets/images/common/tab_menu_open.png") no-repeat right center; background-size:11px;}
.list_menu.butene_tab .menu_con .btn_listclose {background-image:url("/zh/mobile/assets/images/common/tab_menu_close.png");}
.list_menu.butene_tab .menu_con {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; border:1px solid #555; background-color:#f8f8f8;}
.list_menu.butene_tab .menu_con ul li.active a {color:#333;}
.list_menu.butene_tab .menu_con ul li a:hover {color:#333; font-family:"NotoSansSC Bold";}
.list_menu.open.butene_tab .menu_con {border-bottom:1px solid #555;}
.butene .list_box_wrap {padding-top:12px;}
.butene .list_box_wrap .list_box {display:none;}
.tab_list {margin-top:30px;}

.inner_list_data {margin:0 -10px 0 0;}
.inner_list_data ul li {margin-top:24px;}
.inner_list_data ul li span {font-size:13px;}
.inner_list_data ul li span.txt_gray {text-indent:-7px; color:#666;}
.inner_list_data ul li span.txt_black {margin-top:4px; color:#333; font-family:"NotoSansSC Bold";}
.inner_list_data ul li span.txt_red {padding-left: 17px; color:#1b2e5a; text-indent: -8px;}
.inner_list_data ul li img {margin-top:11px; width:100%; border:1px solid #eee;}
.inner_list_data .wrap_table {margin-top:12px;}
.inner_list_data .tbl_info_txt {margin-top:12px; font-size:13px; color:#666; line-height:16px;}

.table.scroll_h3 {overflow-x:auto; overflow-y:hidden; width:100%; height:471px; border-bottom:1px solid #eee;}
.table.scroll_h4 {overflow-x:auto; overflow-y:hidden; width:100%; height:489px; border-bottom:1px solid #eee;}
.butene .wrap_table .table tr.bg_lightblue th {background:#f0f8fc; border-top:1px solid #eee;}
.butene .wrap_table .table tr.bg_lightgreen {background:#f7fbeb;}
.butene .wrap_table .table.th_height th {height:40px; border-left:1px solid #eee; border-top:0; border-bottom:1px solid #eee; background:#f8f8f8; font-family:"NotoSansSC Bold";}
.butene .wrap_table .table.th_height th:first-child {border-left:0;}
.butene .wrap_table .table tr td.bg_lightblue {background:#f0f8fc;}
.butene .wrap_table .table tr td.bg_lightgreen {background:#f7fbeb;}
.btn_id_pdf2 {font-size:13px; color:#555;}
.btn_id_pdf2 .ic_pdf {display:inline-block; margin-left:5px; width:14px; height:17px; background:url('/zh/mobile/assets/images/common/ic_pdf.png') no-repeat right 0; background-size:14px 17px; vertical-align:middle; text-indent:-999999em;}
.butene .wrap_center {padding-bottom:15px;}
.butene .wrap_table .table .b {font-family:"NotoSansSC Bold";}
.butene .system_txt2 + .wrap_table {margin-top:12px;}
.system_sub_tit4 {font-size:14px; color:#215eb6; line-height:17px;}
.grade_spec_info {padding-bottom:11px;}
.grade_spec_info .system_sub_txt {margin-top:12px;}
.system_txt2 {font-size:11px; color:#333; line-height:16px; letter-spacing:-0.5px; font-family:"NotoSansSC Bold";}
.system_txt2 + .wrap_table .table thead tr th{border-bottom:1px solid #eee;}
.system_txt2 + .list_style1 {margin-top:12px;}

/* polybutene-certification.jsp */
.system_sub_tit.center {display:block; text-align:center;}


/* polybutene-downloads.jsp */
.inner_btn_center + .wrap_table {margin-top:15px;}

.certificate_list {overflow:hidden; margin-top:11px; font-size:0;}
.certificate_list li {display:inline-block; width:50%; text-align:center; vertical-align: top;}
.certificate_list li:nth-child(even) {padding:0 17px 30px 25px;}
.certificate_list li:nth-child(odd) {padding:0 25px 30px 17px;}
.certificate_list li .download_img_box {display:block; padding:8px;  border:1px solid #bbb;}
.certificate_list li .download_img_box img {width:100%; border:1px solid #ededed;}
.certificate_list li .certificate_tit {padding:11px 0; font-size:13px; color:#333; font-family:"NotoSansSC Bold"; line-height:18px;}
.certificate_list li .btn_pdf_download {width:100%; padding:0 10px;}

/* petroleum-products.jsp */
.chemistry1 .sub_tit_area {position:relative; margin:23px 0 15px;}
.chemistry1 .sub_tit_area.fst {margin:0 0 15px;}
.chemistry1 .sub_tit_area .right_mes {position:absolute; top:0; right:0; border-bottom:1px solid #555; font-size:11px; color:#333; line-height:15px;}
.poly_pe .sub_tit_area .system_sub_tit {padding-bottom:10px;}
.poly_pe .sub_tit_area .system_sub_tit5 {padding-bottom:10px;}
.poly_pe .sub_tit_area .index_tit_sub {font-size:13px; color:#555; line-height:18px;}
.table.scroll_h2 {overflow-x:auto; overflow-y:hidden; width:100%; height:393px; border-bottom:1px solid #eee;}
/*.table.scroll_h3 {overflow-x:auto; overflow-y:hidden; width:100%; height:356px; border-bottom:1px solid #eee;}*/

/* monomer, chemical */
.chemistry2 .page_title p .border,
.chemistry3 .page_title p .border {letter-spacing:-1.5px;}
.chemistry3 .solvent_list {margin-top:14px;}
.solvent_list{overflow: hidden;}
.solvent_list li {padding:15px 0 20px; height: 100px; border-bottom:1px solid #eee;  border-right:1px solid #eee; text-align:center; width:50%; float:left;}
.chemistry2 .solvent_list li { height: 90px; }
.solvent_list li:nth-child(2n+1){border-left:1px solid #eee; }
.solvent_list li:nth-child(1),
.solvent_list li:nth-child(2){border-top:1px solid #eee; }
.solvent_list li strong {display:inline-block; font-size:13px; color:#333; line-height:1; font-weight:normal; font-family:"NotoSansSC Black";}
.solvent_list li p {padding-top:10px; font-size:13px; color:#555; line-height:16px;}

.solvent_list li.only_oneline strong,
.solvent_list li.only_oneline p {line-height:50px; vertical-align:middle;}

/* about-plavis.jsp */
.poly_pe .index_title .ic_img {margin-top:11px; padding:0;}
.poly_pe .sub_tit_area .ic_img {margin-top:11px; padding:0;}
.poly_pe .ic_img.border {border:1px solid #eee;}
.polymide1 .index_title .system_sub_tit {padding-bottom:10px;}
.table.scroll_w1 {overflow-x:auto; width:100%;}
.polymide2 .sub_tit_area,
.polymide1 .sub_tit_area {margin-top:26px;}
.index_tit_sub strong {font-size:13px; color:#555; line-height:18px; font-weight:normal; vertical-align:baseline;}

/* use-applications.jsp */
.polymide3 .index_title + .list_style1 {margin-top:12px;}
.polymide3 .sub_tit_area + .list_style1 {margin-top:12px;}
.polymide3 .sub_tit_area .ic_img {margin-top:0; padding:0;}
.system_sub_txt {font-size:13px; color:#555; line-height:18px;}
.polymide3 .sub_tit_area + .system_sub_txt {margin-top:12px;}
.system_sub_tit5 {font-size:12px; color:#215eb6; font-family:"NotoSansSC Black"; line-height:16px; letter-spacing:-0.5px;}

/* sales-support.jsp */
.list_branch.add_dot {}
.list_branch.add_dot .list_circle dt {position:relative; padding-left:9px; width:85px; letter-spacing:-0.5px;}
.list_branch.add_dot .list_circle dt:before {content:''; position:absolute; top:5px; left:0; width:3px; height:3px; background:url('/zh/mobile/assets/images/common/li_dot_style1.png') no-repeat 0 0; background-size:3px;}
.list_branch.add_dot .list_circle dd {margin-left:85px;}
.germany .nation_name .ic_nation {background: url('/zh/mobile/assets/images/business-areas/ic_germany.png'); background-size: 20px 13px;}
.france .nation_name .ic_nation {background: url('/zh/mobile/assets/images/business-areas/ic_france.png'); background-size: 20px 13px;}
.taiwan .nation_name .ic_nation {background: url('/zh/mobile/assets/images/business-areas/ic_taiwan.png'); background-size: 20px 13px;}
.usa .nation_name .ic_nation {background: url('/zh/mobile/assets/images/business-areas/ic_usa.png'); background-size: 20px 13px;}

/* literatures.jsp */
.certificate_list li .btn_pdf_download + .btn_pdf_download {margin-top:10px;}
.polymide5 .certificate_list li .certificate_tit {margin:0 -17px;}


/* ???????? */
/* b-s.jsp */
.select_tbl_area {position:relative; padding-bottom:15px;}
.select_tbl_area .select_wrap {width:114px;}
.select_tbl_area p {position:absolute; top:5px; right:0; font-size:13px; color:#333;}

/* notify-information.jsp */
.notice_box {padding:25px 0 0; border:1px solid #eee; background:#fcfcfc; text-align:center;}
.notice_box p {padding-top:75px; font-size:13px; color:#1c2e5e; background:url('/zh/mobile/assets/images/ir/img_ir_noti_info.png') no-repeat center 0; background-size:88px 58px;}
.notice_box .wrap_center a {margin-top:17px;}

/* justice-announcememt.jsp */
.line_box {padding:18px 19px; border:1px solid #eee;}
.line_box .tit {padding-bottom:10px; font-size:14px; color:#333; font-family:"NotoSansSC Bold"; line-height:18px;}
.line_box .txt {font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
.announce_list {padding:27px 0 0;}
.announce_list p {padding-bottom:4px; font-size:18px; color:#333; line-height:24px; font-family:"NotoSansSC Bold"; text-align:center;}
.announce_list .ann_step {}
.announce_list .ann_step .step {display:block; margin:12px 0; height:50px; font-size:13px; color:#fff; background:url('/zh/mobile/assets/images/ir/img_ir_circle.png') no-repeat center 0; background-size:50px; line-height:50px; text-align:center;}
.announce_list .ann_step .txt {display:block; font-size:13px; color:#555; line-height:18px;}
.announce_mes .mes1 {font-size:13px; color:#333; line-height:18px;}
.announce_mes .mes2 {padding-top:24px; font-size:13px; color:#333; line-height:18px; text-align:right;}
.announce_mes .mes2 strong {font-size:13px; color:#333; font-weight:normal; font-family:"NotoSansSC Bold";}

/* justice-obey.jsp */
.system_txt {font-size:11px; color:#333; line-height:16px; letter-spacing:-0.5px;}
.system_txt strong {font-size:13px; color:#333; line-height:18px; font-weight:normal; font-family:"NotoSansSC Bold";}
.system_txt + .line_box {margin-top:13px;}
.mes_list {margin-top:17px;}
.mes_list:nth-of-type(1) {margin-top:0;}
.line_box .box {display:block; margin:18px 0 7px; padding:6px 10px; background:#666; border-radius:25px; font-size:13px; color:#fff; font-weight:bold; line-height:18px;}
.line_box .box:nth-of-type(1) {margin-top:0;}
.obey_list .list_style1 + .wrap_table {margin-top:13px;}
.obey_list .wrap_table + .wrap_table {margin-top:20px;}
.system_sub_tit2 {display:block; position:relative; padding-left:20px; font-size:13px; color:#333; font-family:"NotoSansSC Bold"; line-height:18px; letter-spacing:-0.5px;}
.system_sub_tit2 span {display:block; position:absolute; top:0; left:0; font-size:13px; color:333; font-family:"NotoSansSC Bold"; line-height:18px; letter-spacing:-0.5px;}
.system_sub_tit2 + .list_style1,
.system_sub_tit3 + .list_style1 {padding:15px 0 0;}
.system_sub_tit3 {font-size:13px; color:#333; font-family:"NotoSansSC Bold"; line-height:18px; letter-spacing:-0.5px;}

/* justice-cp-rule.jsp */
.tab_style1 {}
.tab_style1 ul {overflow:hidden;}
.tab_style1 ul li {float:left; position:relative; width:50%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
.tab_style1 ul li + li {border-right:1px solid #ddd;}
.tab_style1 ul li a {display:block; padding:8px 0 9px;font-size:13px; color:#555; line-height:16px;}
.tab_style1 ul li.on a {color:#215eb6; font-family:"NotoSansSC Bold";}
.tab_style1 ul li.on:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:10; border:1px solid #215eb6;}
.m_sub_tab + .rule_list {margin-top:28px;}
.tab_style1 + .rule_list {margin-top:28px;}
.system_sub_tit3 + .num_list {padding: 12px 0 0;}

/* justice-cp-matter.jsp */
.list_style1 > li > span + .wrap_table {margin-top:12px;}
.list_style1 > li > span + .wrap_table td {overflow:hidden;}
.list_style1 > li > span + .wrap_table td strong.flt_l {float:left; padding-right:5px;}
.list_style1 > li > span + .wrap_table td .flt_r {overflow:hidden; padding-left:0;}

/* justice-organization-chart.jsp */
.line_box.chart {padding:11px 19px;}
.line_box .chart_box {position:relative; margin:0 auto; width:240px; height:426px; background:url('/zh/mobile/assets/images/ir/img_ir_chart.png') no-repeat 50% 47px; background-size:230px 318px;}
.line_box .chart_box ul {position:absolute;}
.line_box .chart_box ul.chart_01 {top:8px; left:0;}
.line_box .chart_box ul.chart_02 {top:83px; left:136px;}
.line_box .chart_box ul.chart_03 {top:309px; left:136px;}
.line_box .chart_box ul li {margin-bottom:20px;}
.line_box .chart_box ul.chart_02 li {margin-bottom:50px;}
.line_box .chart_box ul li dl {padding-bottom:6px; border:1px solid #ddd; background:#fff;}
.line_box .chart_box ul.chart_01 li dl {width:125px;}
.line_box .chart_box ul.chart_02 li dl,
.line_box .chart_box ul.chart_03 li dl {width:105px;}
.line_box .chart_box ul li dl dt {height:25px; font-size:13px; color:#fff;  line-height:25px; text-align:center;}
.line_box .chart_box ul.chart_01 li dl dt {background:url('/zh/mobile/assets/images/ir/img_ir_box01.png') no-repeat 0 0; background-size:125px 25px;}
.line_box .chart_box ul.chart_02 li dl dt {background:url('/zh/mobile/assets/images/ir/img_ir_box02.png') no-repeat 0 0; background-size:105px 25px;}
.line_box .chart_box ul.chart_03 li dl dt {background:url('/zh/mobile/assets/images/ir/img_ir_box03.png') no-repeat 0 0; background-size:105px 25px;}
.line_box .chart_box ul li dl dd {position:relative; padding:5px 8px 0 12px; font-size:9px; color:#666; line-height:12px; letter-spacing:-0.5px;}
.line_box .chart_box ul li dl dd:before {content:''; display:inline-block; position:absolute; top:9px; left:8px; padding-right:4px; width:2px; height:2px; background:url('/zh/mobile/assets/images/ir/img_ir_dot.png') no-repeat 0 0; background-size:2px 2px; vertical-align:middle;}
.line_box .chart_box ul li dl dd:first-child {padding-top:6px;}
.line_box + .system_tit {margin-top:27px;}
.wrap_table + .system_tit {margin-top:27px;}


/* ??????? */
/* daelim-corporation.jsp */
.wrap_video ul {overflow:hidden; margin-left:-10px;}
.wrap_video ul li {float:left; width:50%;}
.wrap_video ul li .video_list {margin-left:10px; padding-bottom:26px; text-align:center;}
.wrap_video ul li .video_list a {display:block; position:relative;}
.wrap_video ul li .video_list a:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:url('/zh/mobile/assets/images/common/img_video_play.png') no-repeat 0 0; background-size:100%;}
.wrap_video ul li .video_list a img {display:block; width:100%;}
.video_tit {display:block; padding:15px 0 8px; font-family:"NotoSansSC Bold"; color:#215eb6; line-height:1;}
.video_txt {display:block; font-size:13px; color:#555; line-height:18px;}
/*.wrap_table + .btn_cancle {margin-top:20px;}*/

/* news.jsp */
.wrap_card_grid .btn_more {margin-top:25px;}

/* ci.jsp */
.ci .content_box:first-child {padding-bottom:35px; border-top: 1px solid #eee;}
.ci .ci_main_logo img {width:100%;}
.ci .ci_info {padding:27px 0; border-bottom: 1px dashed #ccc; margin-bottom: 25px;}
.ci .ci_info h3 {font-size:18px; color:#333; font-family:"NotoSansSC Bold";}
.ci .ci_info p {margin-top:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
/*.ci .ci_info p:before {content:''; display:block; margin:16px auto 13px; width:11px; height:1px; background:#333;}*/
.ci .ci_list {padding:18px 0 20px; }
.ci .ci_list:first-child {padding-top:0; border:none;}
.ci .ci_list:last-child {padding-bottom:0;}
.ci .ci_list h3 {margin:0 0 15px; font-size: 14px; color:#333; font-family:"NotoSansSC Black";}
.ci .ci_list img {width:100%;}
.ci .ci_color {padding:27px 0;}
.ci .ci_color h3 {font-size:18px; color:#333; font-family:"NotoSansSC Bold";}
.ci .ci_color p {margin-top:10px; font-size:13px; color:#555; line-height:18px; word-break:keep-all;}
/*.ci .ci_color p:before {content:''; display:block; margin:16px auto 13px; width:11px; height:1px; background:#333;}*/
.ci .ci_color img {margin-top:16px; width:100%;}
.ci .ci_color_area {border:1px solid #eee;}
.ci .ci_color_info {padding:19px 20px;border-top:1px solid #eee;}
.ci .ci_color_info:first-child {border:none;}
.ci .ci_color_info .tit {font-family:"NotoSansSC Black"; font-size:14px; color:#333;}
.ci .ci_color_info span {display:block; font-size:13px; color:#555; line-height:18px; letter-spacing: -0.5px;}
.ci .ci_color_info .tit + span {margin-top:12px;}
.ci .ci_color_info .ci_color_style {overflow:hidden; margin-top:13px;}
.ci .ci_color_info .ci_color_style li {float:left; position:relative;}
.ci .ci_color_info .ci_color_style li.color_style_01 {width:65%;}
.ci .ci_color_info .ci_color_style li.color_style_02 {width:35%;}
.ci .ci_color_info .ci_color_style li.color_style_02:before {content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:1px; background:#eee;}
.ci .ci_color_info .ci_color_style li.color_style_01 div {padding-right:13px; text-align:center;}
.ci .ci_color_info .ci_color_style li.color_style_02 div {padding-left:13px; text-align:center;}
.ci .ci_color_info .ci_color_style li.color_style_01 .color_style {position:relative; height:33px; background:#a7a9ac;}
.ci .ci_color_info .ci_color_style li.color_style_01 .color_style:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:50%; height:33px; background:#002a5c;}
.ci .ci_color_info .ci_color_style li.color_style_02 .color_style {height:33px; background:#6d6e71;}
.ci .ci_color_info .ci_color_style li div .color_style + span {margin-top:4px;}
.ci .ci_color_info .tit + .ci_color_box {margin-top:15px;}
.ci .ci_color_info .ci_color_box {}
.ci .ci_color_info .ci_color_box li {padding-bottom:18px; text-align:center;}
.ci .ci_color_info .ci_color_box li:last-child {padding-bottom:0;}
.ci .ci_color_info .ci_color_box li p {height:24px; font-size:13px; color:#fff; font-family:"NotoSansSC Bold"; line-height:24px;}
.ci .ci_color_info .ci_color_box .blue p {background:#002a5c;}
.ci .ci_color_info .ci_color_box .gray p {background:#717074;}
.ci .ci_color_info .ci_color_box .lightgray p {background:#a1a1a5;}
.ci .ci_color_info .ci_color_box .lightblue1 p {background:#008bb0;}
.ci .ci_color_info .ci_color_box .lightblue2 p {background:#6fcbd2;}
.ci .ci_color_info .ci_color_box .lightyellow p {background:#f6e9a2; color:#262324;}
.ci .ci_color_info .ci_color_box .black p {background:#262324;}
.ci .ci_color_info .ci_color_box .gold p {background:#a7996e;}
.ci .ci_color_info .ci_color_box .silver p {background:#a8a9ad;}
.ci .ci_color_info .ci_color_box li span {margin-top:4px; font-family:"NotoSansSC Bold";}
.ci .ci_color_info .ci_color_box .blue span {color:#002a5c;}
.ci .ci_color_info .ci_color_box .gray span {color:#717074;}
.ci .ci_color_info .ci_color_box .lightgray span {color:#a1a1a5;}
.ci .ci_color_info .ci_color_box .lightblue1 span {color:#008bb0;}
.ci .ci_color_info .ci_color_box .lightblue2 span {color:#6fcbd2;}
.ci .ci_color_info .ci_color_box .lightyellow span {color:#f6e9a2;}
.ci .ci_color_info .ci_color_box .black span {color:#262324;}
.ci .ci_color_info .ci_color_box .gold span {color:#a7996e;}
.ci .ci_color_info .ci_color_box .silver span {color:#a8a9ad;}

/* ??????? */
/* inquiry_form.jsp */
.security_area {display:table; width:100%}
.security_area .security_img {display:table-cell; float:left; width:85px; height:28px !important; vertical-align:middle; text-align: center; background: #ddd; line-height: 28px !important;}
.security_area .security_img span {height:28px !important;line-height: 28px !important;}
.security_area .security_img img {width:100%; height:100%;}
.security_area .input_grid {display:table-cell; width:100%;}
.security_area .input_grid .input_con{padding-left:6px;}

.wrap_table + .agree_area {margin-top:9px;}
.agree_area {position:relative; padding-bottom:30px;}
.agree_area > .input_wrap:first-child {padding-right:50px;}
.agree_area .btn_agree_pop {position:absolute; top:1px; right:0; font-size:13px; border-bottom:1px solid #555;}
.agree_area + .wrap_btn {margin-top:12px;}
.input_file_area .input_grid {float:left; width:68%;}
.input_file_area label {width:32%;}
.input_file_area label {display:inline-block; float:left; position:relative; overflow:hidden; height:27px; background:#949ca5; color:#fff; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer;  }
.input_file_area label input {overflow:hidden; position:absolute; width:0; height:0;}
.input_file_area input[type=text] {display:inline-block; height:27px; padding:0; border:1px solid #ddd; border-right:0; background:#f8f8f8; font-size:11px; line-height:28px; vertical-align:middle;}

/* sinmungo_form.jsp */
.input_rdo_area {overflow:hidden;}
.input_rdo_area .input_wrap {display:inline-block;}
.input_rdo_area .input_wrap + .input_wrap {margin-left:30px;}

/* paymentsystem-summary.jsp */
.system_tit {padding:0 0 12px; font-size:16px; color:#333; font-family:"NotoSansSC Black"; font-weight:normal;}
.system_01 img {padding-bottom:12px; width:100%;}
.list_style1 {padding-bottom:10px !important;}
.list_style1 > li {position:relative; margin-top:9px;}
.list_style1 > li:first-child {margin-top:0;}
.list_style1 > li span {display:block; padding-left:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
.list_style1 > li span span{padding-left:0; margin-top:5px;}
.list_style1 > li:before {content:''; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background:url('/zh/mobile/assets/images/common/li_dot_style1.png') no-repeat 0 0; background-size:3px 3px;}
.list_style1 > li span strong {font-size:13px; color:#2c53af; font-weight:normal;  vertical-align:baseline;}
.list_style1 > li span strong.gray {display:block; padding-bottom:5px; color:#333; line-height:16px;}
.list_style1 > li span strong.gray.bold { font-family:"NotoSansSC Bold";}
.list_style1 > li span strong.gray span {display:block; color:#333; line-height:16px; font-weight:normal; font-family:"NotoSansSC Bold";}

/* paymentsystem-process.jsp */
.system_03 img {padding-bottom:25px; width:100%;}
.system_07 .wrap_table tbody tr td a {font-size:13px; color:#555;}
.system_tit span {font-size:14px; color:#215eb6; font-family:"NotoSansSC Black"; vertical-align:baseline;}
.system_sub_tit {font-size:15px; color:#215eb6; font-family:"NotoSansSC Bold"; line-height:17px;}
.list_style1 + .system_tit {margin-top:25px;}
ul.line_list {padding-left:10px;}
ul.line_list > li {position:relative; margin-top:7px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px; text-align:left;}
ul.line_list > li > span {display:block; padding-left:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.line_list > li > span:before {content:'-'; display:block; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.line_list > li > span span {padding-left:0; margin-top:5px;}
.list_style1 li > ul.line_list {margin-top:4px;}
.list_style1 li > ul.num_list {margin-top:7px; padding-left:10px;}
ul.num_list > li {overflow:hidden; margin-top:3px; width:100%;}
ul.num_list > li:first-child {margin-top:0;}
ul.num_list li div {display:block; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.num_list li .lft {float:left; padding-right:2px;}
ul.num_list li .rht {overflow:hidden; padding-left:0;}
ul.num_list li div > ul.num_circle_list {margin:4px 0 4px;}
ul.num_circle_list {}
ul.num_circle_list li {}
ul.num_circle_list li span{display:block; position:relative; padding-left:15px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.num_circle_list li.circle_01 span:before {content:'\2460'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_02 span:before {content:'\2461'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_03 span:before {content:'\2462'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_04 span:before {content:'\2463'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_05 span:before {content:'\2464'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_06 span:before {content:'\2465'; position:absolute; top:0; left:0; font-size:13px; color:#555;}

/*
.list_style1 li > ul.num_list {margin-top:4px; padding-left:10px; counter-reset:numlist;}
.list_style1 li > ul.num_list > li > span {padding-left:16px;}
.list_style1 li > ul.num_list > li > span:before {content:counter(numlist)"."; counter-increment:numlist; display:block; position:absolute; top:0; left:0; font-size:11px; color:#555;}
*/
.btn_download {display:inline-block; padding:0 25px 0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansSC Bold"; line-height:20px; text-align:center; vertical-align:top;}
.btn_download span {display:inline-block; font-size:13px; color:#555; font-family:"NotoSansKR Bold"; line-height:25px !important;}
.btn_download span:after {content:''; display:inline-block; margin-left:10px; width:9px; height:9px; background:url('/zh/mobile/assets/images/common/btn_download.png') no-repeat 0 0; background-size:9px; vertical-align:middle;}
.list_style1 .btn_download {margin:7px 0 0 10px;}
.inner_btn_center {text-align:center;}
.inner_btn_center a {display:inline-block; padding:0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansKR Bold"; line-height:20px; text-align:center; vertical-align:top;}
.inner_btn_center a span {display:inline-block; font-size:13px; color:#555; font-family:"NotoSansKR Bold"; line-height:25px;}
.system_sub_tit + .wrap_table {padding:12px 0 0;}
.wrap_table + .system_sub_tit {margin-top:25px;}
.wrap_table .table2.tbl_h39 table tr th {height:39px;}

/* subcontractor.jsp */
.system_08 img,
.system_10 img {width:100%;}
.system_08 img {padding-bottom:12px;}
.btn_epro {display:inline-block; width:159px; height:27px; background-color:#205eb3; border:1px solid #205eb3; font-family:"NotoSansSC Bold"; font-size:11px; color:#fff; line-height:27px; text-align:center; vertical-align:top;}
.wrap_table .table2 table tr td em {display:block; font-size:13px; color:#333; line-height:18px; font-style: normal;}
.wrap_table + .list_style1 {margin-top:12px;}
.list_style1 li span .contact {display:block; position:relative; padding-left:14px; font-size:13px; color:#555; line-height:18px; font-style: normal;}
.list_style1 li span .contact a {font-size:13px; color:#555;}
.list_style1 li span .contact:before {content:'\260E'; display:inline-block; position:absolute; top:0; left:0; font-size:11px; color:#555; vertical-align:middle;}
.system_10 img {margin-top:30px;}

/* error_page.jsp */
.error_page_box {margin-top:60px;}
.error_page_logo {display:block; width:152px;}
.error_page_logo img {width:100%;}
.error_mes_box {margin-top:9px; border-top:1px solid #1b2e5a; background:#f8f8f8 url('/zh/mobile/assets/images/common/ic_error_mes.png') no-repeat center 51px; background-size:80px 61px; text-align:center;}
.error_mes_box .err_mes_tit {padding-top:140px; font-size:16px; color:#555; line-height:21px;}
.error_mes_box .err_mes_tit strong {display:block; font-size:16px; color:#333; line-height:21px; font-family:"NotoSansSC Bold";}
.err_mes_txt {margin-top:23px; padding:0 20px;}
.err_mes_txt span {display:block; font-size:13px; color:#666 ; line-height:18px; word-break: keep-all;}
.err_mes_txt span + span {margin-top:5px;}
.error_page .wrap_center {margin: 0 auto;}
.error_page .wrap_center .btn_page_move {margin: 28px auto 50px; padding:0 21px; border:1px solid #2c53af; background:#fff; font-size:11px; color:#2c53af; line-height:27px; text-align:center; font-family:"NotoSansSC Bold";}

/* ??? */
.padding-no {padding-top:0;}
.pdleft-no {padding-left:0;}
.padding-top {padding-top:25px;}
.margin-bot {margin-bottom:30px;}
.bg-gray {background-color:#f8f8f8;}
.padding-bot {padding-bottom:20px;}
.margin-no {margin:0;}
.txt-bold {font-family:"NotoSansSC Bold";}

/* wrap-social-active */
.wrap-social-active {}
.wrap-social-active .active-box {}
.wrap-social-active .active-box img {width:100%;}
.wrap-social-active .active-box .active-title { height:60px;  padding-bottom:10px;}
.wrap-social-active .active-box .active-title p {font-family: 'NotoSansSC Bold'; font-size:13px; color:#215eb6; text-align:left;}
.wrap-social-active .active-box .active-title p span.gray-txt {display:block; width:100%; font-family: 'NotoSansSC Black'; font-size:14px; color:#333; padding-bottom:5px;}
.wrap-social-active .active-insert {padding-top:10px;}
.wrap-social-active .active-insert p {font-size:13px; line-height:18px; color:#555;}

/* CEO ?????? */
.ceo_message {}
.ceo_message .wrap-bg-sub-title.ic_img {margin-top:-5px; margin-bottom:25px; padding:0;}
.bg-no {background:transparent; padding-top:0; margin-bottom:0;}
.bg-no img {width:100%;}
.wrap-social-active .padding-no {padding-top:0;}
.wrap-social-active .active-insert p.color-gray {color:#555;}
.wrap-social-active .active-insert p.align-right {text-align:right; margin-top:25px;}
.wrap-social-active .active-insert p span {display:inline;}
.wrap-social-active .active-insert p img {display:inline-block;}
.wrap-social-active .active-insert p img.margin-left {width:80px; margin-left:20px;}
.wrap-social-active .active-insert p span.bold-txt {font-size:13px; font-family:"NotoSansSC Bold"; color:#333; vertical-align:baseline;}
.wrap-social-active .active-insert p span.margin-left {margin-left:10px;}

/* Overview */
.overview .page_title .txt .border {letter-spacing:-2px;}
.border-box {margin:25px 0 30px; }
.overview .bg-gray .content_title.padding-no .txt strong {font-weight:inherit; font-family:"NotoSansSC Bold";}
.wrap-bg-sub-title {margin-top:0; padding-top:30px ;}
.wrap-bg-sub-title h3 {font-family:"NotoSansSC Bold"; font-size:25px; line-height:25px; color:#1b2e5a; text-align:center; letter-spacing:-1px; font-weight:normal;}
.wrap-bg-sub-title h3 span.blue-txt {display:block; font-family:"NotoSansSC Bold"; font-size:25px; color:#1b2e5a;}
.wrap-insert-box {position:relative;  background-color:#fff;   box-sizing:border-box; padding:20px; margin:30px auto 0;}
/*.wrap-insert-box:before {content:""; display:inline-block; position:absolute; top:-3px; left:50%; z-index:5; width:15px; height:15px; margin-left:-3px; border-left:1px solid #eee; border-top:1px solid #eee; background-color:#fff; transform:rotate(45deg) translate(-50%, 0); -webkit-transform:rotate(45deg) translate(-50%, 0);}*/
.wrap-insert-box dl {overflow:hidden; margin-top:-10px; text-align:left;}
.wrap-insert-box dl dt {clear:both; float:left; font-family:"NotoSansSC Bold"; margin-top :8px; width:28%; font-size:13px; line-height:18px; color:#333;}
.wrap-insert-box dl dd {float:left; width:72%; margin-top:8px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
.wrap-overview .content_box:last-child {border-bottom:1px solid #eee; padding-bottom:30px;}
.wrap-overview .content_box .content_title .border-bot,
.wrap-overview .content_box .page_title .border-bot {position:relative; font-family: "NotoSansSC Bold"; font-size:20px;}
.wrap-overview .content_box .content_title .border-bot span.chinese_char {font-family:sans-serif; font-size:20px; color:#555;}
.wrap-overview .content_box .content_title .border-bot:after {content:""; display:inline-block; position:absolute; top:35px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); z-index:5; width:12px; height:1px; background-color:#333;}
.wrap-overview .content_box ul {overflow:hidden;}
.wrap-overview .content_box .list_keyword {margin-top:20px;}
.wrap-overview .content_box .list_keyword li {min-height:160px;}
.wrap-overview .content_box ul li {float:left; width:33.33%; padding:20px 13px 20px 20px; border:1px solid #eee; letter-spacing:-1px;}
.wrap-overview .content_box ul li:nth-last-child(2) {border:1px solid #1b2e5a;}
.wrap-overview .content_box ul li span {display:inline-block; font-family:"NotoSansKR Bold"; font-size:24px; color:#1b2e5a;}
.wrap-overview .content_box ul li span .color-def {display:inline-block; font-family:"NotoSansKR Regular"; font-size:13px; color:#1b2e5a; margin-top:4px;}
.wrap-overview .content_box ul li p {font-size:13px; color:#555; margin-top:10px; word-break:keep-all;}
.wrap-overview .content_box ul li.bg-blue {background-color:#1b2e5a;}
.wrap-overview .content_box ul li.bg-blue .txt-wh {color:#fff;}
.wrap-overview .content_box .page_title .chinese_char {font-family: "NotoSansSC Bold"; font-size:20px; vertical-align:baseline;}
.wrap-overview .content_box .page_title .insert-txt {font-size:13px; line-height:16px; color:#555; text-align:center; margin-top:20px; letter-spacing:-1px;}
.wrap-overview .content_box .page_title .insert-txt span {display:block; margin-top:4px; font-family:"NotoSansSC Bold"; font-size:14px; color:#265aba; text-align:center;}
.wrap-overview .content_box ul.wrap-value {overflow:hidden; margin-top:30px;}
.wrap-overview .content_box ul.wrap-value li {border:0; padding:10px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(1) {background:url(/zh/mobile/assets/images/about-us/img-overview-bg01.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(2) {background:url(/zh/mobile/assets/images/about-us/img-overview-bg02.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(3) {background:url(/zh/mobile/assets/images/about-us/img-overview-bg03.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(4) {background:url(/zh/mobile/assets/images/about-us/img-overview-bg04.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li p {font-family:"NotoSansSC Black"; font-size:15px; line-height:16px; color:#fff; text-align:center; box-sizing:border-box; padding:35px 0;}
.wrap-overview .content_box ul.wrap-value li p span.sm-txt {display:block; font-family:"NotoSansSC Black"; font-size:10px; line-height:16px; color:#fff; text-align:center;}
.wrap-overview .content_box ul.wrap-value li dl {margin:20px 0;}
.wrap-overview .content_box ul.wrap-value li dl dt {font-family:"NotoSansSC Bold"; font-size:13px; color:#333; text-align:center;}
.wrap-overview .content_box ul.wrap-value li dl dd {font-size:13px; color:#555; text-align:center; margin-top:10px; word-break:keep-all;}
.wrap-overview .content_box .impression_box {background:url(/zh/mobile/assets/images/about-us/img-overview-bg07.png) no-repeat center 0; background-size:100%; padding:64% 50%;}
.wrap-overview .content_box .wrap-manage {position:relative;}
.wrap-overview .content_box .wrap-manage .image-box {position:absolute; left:0; top:0; width:112px;}
.wrap-overview .content_box .wrap-manage .image-box img {width:100%;}

.wrap-overview .content_box .wrap-manage ul.manage-box {padding-left:112px; width:100%;}
.wrap-overview .content_box .wrap-manage ul.manage-box li {width:100%; text-align:right; border:0; padding:10px; margin-top:9px;}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl {}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl dt {font-family:"NotoSansSC Bold"; font-size:13px; line-height:16px; color:#299034; border-bottom:1px solid #299034;}
.wrap-overview .content_box .wrap-manage ul.manage-box li:nth-child(2) dl dt {color:#188980; border-bottom:1px solid #188980;}
.wrap-overview .content_box .wrap-manage ul.manage-box li:nth-child(3) dl dt {color:#1f62ad; border-bottom:1px solid #1f62ad;}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl dd {font-size:13px; line-height:18px; color:#555; letter-spacing:-1.5px;}

/* ??????? */
/* ????? */
.wrap-business .list_menu {margin:0 -20px;}
.wrap-business .border-box .wrap-insert {width:100%; background:#fff;}
.wrap-business .border-box .wrap-insert dl {padding:18px 10px 20px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee;}
.wrap-business .border-box .wrap-insert dl dt {font-family:"NotoSansSC Bold"; font-size:15px; color:#333; text-align:center;}
.wrap-business .border-box .wrap-insert dl dd {display:block; font-size:13px; color:#555; text-align:center; margin-top:9px;}

.wrap-business .wrap-list ul {overflow:hidden;}
.wrap-business .wrap-list ul + ul {padding-top:30px;}
.wrap-business .wrap-list ul li {float:left; width:50%; height:110px; font-size:13px; color:#333; text-align:center; padding:20px 10px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
.wrap-business .wrap-list ul li em {display:block; min-height:36px; line-height:18px; font-style:normal;}
.wrap-business .wrap-list ul li h3 {font-family:"NotoSansSC Black"; font-size:14px; padding-top:54px; font-weight:normal;}
.wrap-business .wrap-list ul li h3.ico01 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list01.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico02 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list02.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico03 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list03.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico04 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list04.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico05 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list05.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico06 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list06.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico07 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list07.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico08 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list08.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico09 {background:url(/zh/mobile/assets/images/business-areas/ico-business-list09.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li:first-child {width:100%; height:auto; background:#f8f8f8; border:1px solid #eee; border-top:2px solid #333; padding:10px;}
.wrap-business .wrap-list ul li:nth-last-child(2n-1) {border-right:1px solid #eee;}
.wrap-business .wrap-list ul .empty-img {background:url(/zh/mobile/assets/images/business-areas/ico-folder.png) no-repeat center center; background-size:40px;}
.wrap-business .wrap-list ul li a {display:block; border:1px solid #eee; margin-top:5px;}
.wrap-business .wrap-list ul li a span {display:inline-block; font-size:13px; line-height:25px; color:#555; background: url(/zh/mobile/assets/images/about-us/ic_short_cut.png) no-repeat center right; background-size:13px; padding-right:20px;}

/* ??????? */
.wrap-business .wrap-busi-overview {/*background:url(/zh/mobile/assets/images/business-areas/img-bgimage01.png) no-repeat center center;background-size:cover;*/ background-color:#f8f8f8;  padding: 50px 20px;}
/*.wrap-business .wrap-busi-overview:nth-child(2) {background:url(/zh/mobile/assets/images/business-areas/img-bgimage02.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(3) {background:url(/zh/mobile/assets/images/business-areas/img-bgimage03.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(4) {background:url(/zh/mobile/assets/images/business-areas/img-bgimage04.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(5) {background:url(/zh/mobile/assets/images/business-areas/img-bgimage05.png) no-repeat center center; background-size:cover; border-bottom:0;}*/
.wrap-business .wrap-busi-overview .overview-box {background-color:#fff; padding:30px 20px 20px 20px; margin:0 10px;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box h2 {position:relative; font-family:"NotoSansSC Bold"; font-size:18px; line-height:16px; color:#2c52ae; text-align:left; font-weight:normal;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box h2 {position:relative; font-family:"NotoSansSC Bold"; font-size:18px; line-height:16px; color:#2c52ae; text-align:right; font-weight:normal;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box h2 .bg-ico {position:absolute; top:-60px; right:0;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box h2 .bg-ico {position:absolute; top:-60px; left:0;}
.wrap-business .wrap-busi-overview .overview-box h2 .bg-ico img {width:63px; height:63px;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box p {font-size:13px; line-height:16px; color:#555; text-align:left; margin-top:15px;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box p {font-size:13px; line-height:16px; color:#555; text-align:right; margin-top:15px;}
.wrap-business .wrap-busi-overview .overview-box p span {font-size:13px; line-height:16px; color:#555;}
.wrap-business .wrap-busi-overview .overview-box .overview-list {border:1px solid #eee; padding:11px 15px; margin-top:10px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list + .overview-list {margin-top:0; border-top:0;}
.wrap-business .wrap-busi-overview .overview-box .overview-list h3 {font-family:"NotoSansSC Black"; font-size:14px; color:#333;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul {font-size:0; margin-top:10px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li {display:inline-block; width:50%; font-size:13px; color:#555; margin-top:5px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li:first-child {margin-top:0;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li:first-child + li {margin-top:0;}

/* ??????? */
.wrap-business .wrap-development .page_title {padding:0;}
.wrap-business .wrap-development .index_title p {margin-bottom:15px;}
.wrap-business .wrap-development .index_title p strong {font-family:"NotoSansSC Bold"; font-size:12px; color:#333; font-weight:normal;}
.wrap-business .wrap-development .img-box {margin-top:15px;}
.wrap-business .wrap-development .img-box img {width:100%;}
.delvelop_work .wrap-business .wrap-development .index_title p strong {font-family:"NotoSansSC Bold"; font-size:13px; color:#333; font-weight:normal;}


/* ???? */
/* ?????????????, ?????????????? ?????????? */
.wrap-util .content_box {padding-top:30px;}
.wrap-util .content_box .util-title h4 {font-family:"NotoSansSC Black"; font-size:14px; color:#333; text-align:center; padding-left:10px; text-indent:-16px; font-weight:normal;}
.wrap-util .content_box p.tac{text-align:center;}
.wrap-util .content_box p strong {display:block; font-family:"NotoSansSC Bold"; font-size:13px; text-align:center; font-weight:normal; }
.wrap-util .content_box p.tac strong {padding-bottom: 20px;}
.wrap-util .content_box p a {font-size:13px; color:#2c52ae; vertical-align:top;}
.wrap-util .content_box .util-list {margin-top:15px;}
.wrap-util .content_box .util-list ul {border:1px solid #eee;}
.wrap-util .content_box .util-list ul li {font-size:13px; color:#555; border-bottom:1px solid #eee; padding:10px;}
/*.wrap-util .content_box .util-list ul li:nth-child(2) {margin-top:5px;}*/
.wrap-util .content_box .util-list ul li:last-child {border-bottom:0;}
.wrap-util .content_box .wrap-util-list {padding-left:10px;}
.wrap-util .content_box .wrap-util-list .table tbody tr td a,
.wrap-util .content_box .wrap-util-list .table2 tbody tr td a {fonts-size:13px; color:#555;}
.wrap-util .content_box .margin-top {margin-top:30px;}
.wrap-util .content_box .wrap-util-list h4 {font-family:"NotoSansSC Black"; font-size:14px; color:#333; margin-left:-10px; padding-left:10px; text-indent:-16px; font-weight:normal;}
.wrap-util .content_box .wrap-util-list p {font-family:"NotoSansSC Bold"; font-size:13px; color:#333; text-align:left; margin-top:15px;}
.wrap-util .content_box .wrap-util-list p span {display:block; font-size:13px; color:#333;}

.wrap-util .content_box .wrap_table {margin-top:15px;}

.wrap-util .content_box .wrap-util-list p.list_circle {background: url(/zh/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 5px; background-size: 3px 3px; padding-left:8px;}
.wrap-util .content_box .wrap-util-list .list_type1 {}
.wrap-util .content_box .wrap-util-list .list_type1 > li {font-family:"NotoSansSC Bold"; font-size:13px; color:#555; margin-top:15px;}
.wrap-util .content_box .wrap-util-list .list_type1 > li span {display:inline; font-size:13px; color:#555; vertical-align:top;}
.wrap-util .content_box .wrap-util-list .list_type2 {margin-top:10px;}
.wrap-util .content_box .wrap-util-list .list_type2 > li {font-size:13px; color:#555; padding-left:17px; text-indent:-17px;}
.wrap-util .content_box .wrap-util-list .list_type3 {margin-top:15px;}
.wrap-util .content_box .wrap-util-list .list_type3 > li {font-size:13px; color:#555; padding-left:15px; text-indent:-15px;}
.wrap-util .content_box .wrap-util-list .list_type3.indent_7 > li {font-size:13px; color:#555; padding-left:7px; text-indent:-7px;}
.wrap-util .content_box .wrap-util-list .list_type2 > li a,
.wrap-util .content_box .wrap-util-list .list_type3 > li a {text-indent:0; font-size:13px; color:#555; vertical-align:top;}
.wrap-util .content_box .wrap-util-list .list_type4 {}
.wrap-util .content_box .wrap-util-list .list_type4 > li {margin-top:15px; font-size:13px; color:#555; padding-left:8px; text-indent:0; background: url(/zh/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 5px; background-size: 3px 3px;}


/* ? 2017.07.19 ?? css */
.sub_title.with_img img{width:75px; display:inline-block; margin-top:-12px;}
/* // 2017.07.19 ?? css */



/* ? 2017.07.20 zh ??? ?? ?? ???*/
.db_wrap_zh{background:#f9f9f9;  border: 1px solid #f9f9f9;}
.db_wrap_zh .info_box_zh{margin:0 20px;}
.db_wrap_zh .info_box_zh>li{border-top:1px dotted #ddd; padding: 15px 0 15px 0; overflow: hidden;}
.db_wrap_zh .info_box_zh>li:first-child{border-top:none; }
.db_wrap_zh .info_box_zh li em{float:left; width:43%; font-style:normal; font-size:13px; color:#333; font-weight: 600;}
.db_wrap_zh .info_box_zh li .info_txt7{float:right; width:57%;}
.db_wrap_zh .info_box_zh li .info_txt7 li{font-size:13px; position:relative; padding-left:7px;}
.db_wrap_zh .info_box_zh li .info_txt7 li:before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; }
.db_total_wrap_zh .wrapper{padding-top: 0;}
.db_total_wrap_zh .content_box .wrapper .sub_title{padding-top:25px; font-weight: 600;}
.wrap_title.border.mn{margin-bottom: 0;}
/* // 2017.07.20 zh ??? ?? ?? ???*/

.it-service-step {margin-bottom:20px; border:1px solid #eee; border-top:0;}
.it-service-step li {padding:20px; text-align:center; font-size:13px; line-height:18px; border-top:1px solid #eee;}
.it-service-step li .step {display:block; color:#076cb3; font-family:"NotoSansSC Bold";}
.it-service-step li .title {display:block; margin:5px 0; color:#333; font-family:"NotoSansSC Bold";}
.it-service-step li .text {display:block;  color:#666;}

.s_title {font-size: 15px; padding-bottom:14px; font-family:"NotoSansSC Bold"; color:#215eb6;}
.s_title2 {position:relative; padding-bottom:14px; font-size: 13px; font-family:"NotoSansSC Bold"; color:#444;}

.slick-track {margin:0 auto;}

.wrap_table.type_ir .table .bg_light{background: #f2f8fc;}
.wrap_table.type_ir .table .bg_light_gray{background: #fbfbfb;}

/* 240122 ESG - ESG?? */
.management_title { padding: 14px 30px; text-align: center; border: 1px solid #1B2E5A; border-radius:10px; }
.management_title h2 { font-family:"NotoSansKR Black"; font-size: 15px; font-weight: normal; color:#1B2E5A; letter-spacing: -0.05em; word-break: keep-all; }
.management_content_tab { margin-top: 30px; }
.management_content_tab .tab_header { font-family:"NotoSansKR Black"; font-size: 14px;  color:#FFF; letter-spacing: -0.05em; text-align:center; border-radius: 100px; padding: 10px 0; margin-bottom: 25px; position: relative; }
.management_content_tab .tab_header::after { display: block; width: 1px; height: 25px; background: #DDD; position: absolute; bottom:-25px; right:50%; transform: translateX(-50%); content: ''; }
.management_content_tab:nth-of-type(1) li.tab_header { background: #12B3D0; }
.management_content_tab:nth-of-type(2) li.tab_header { background: #076CB3; }
.management_content_tab:nth-of-type(3) li.tab_header { background: #19D8CC; }

.management_content_tab .tab_cont .sortation { margin-bottom:10px; padding: 10px 0; border-radius: 10px; text-align: center; background: #1B2E5A; }
.management_content_tab .tab_cont .sortation:last-child { margin-bottom:0; }
.management_content_tab .tab_cont .sortation p { font-family:"NotoSansKR Black"; font-size: 14px; color:#FFF; }
.management_content_tab .tab_cont .sortation.white { border:1px solid #DDDDDD; background:#FFF; }
.management_content_tab .tab_cont .sortation.white p { color:#666; }
.management_content_tab .tab_cont .sortation.white p:first-child { margin-bottom: 10px; }

.management_content_tab .plan_list { padding: 30px; margin-bottom: 10px; border:1px solid #DDD; border-radius: 10px; background:#FFF; }
.management_content_tab .plan_list li { margin-bottom:10px; position: relative; color:#666; letter-spacing: -0.025em; }
.management_content_tab .plan_list li:last-child { margin-bottom: 0; }
.management_content_tab .plan_list li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.management_content_tab .plan_list li.title { font-family:"NotoSansKR Black"; font-size: 13px; color:#666; margin-bottom: 13px; }
.management_content_tab .plan_list li.title::before { display: none; }

/* 240123 ESG - ???? */
.esg_safety_title { padding: 0 40px; font-family:"NotoSansKR Black"; font-size: 18px; color:#1B2E5A; letter-spacing: -0.05em; text-align: center; word-break: keep-all; }
.esg_plan_list { margin-top: 30px; }
.esg_plan_list h3 { width: 66.66%; margin: 0 auto; border-radius: 100px; padding: 10px 0; font-family:"NotoSansKR Black"; font-size: 14px; color:#FFF; text-align:center; background: #1B2E5A; position: relative; }
.esg_plan_list ul { margin-top: -20px; padding: 50px 30px 30px; border: 1px solid #DDD; border-radius: 10px; }
.esg_plan_list ul li { margin-bottom:15px; position: relative; color:#666666; letter-spacing: -0.025em; }
.esg_plan_list ul li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.esg_plan_list ul li:last-child { margin-bottom: 0; }
.esg_plan_list ul li span { font-family:"NotoSansKR Black"; color:#666; border-bottom: 1px solid #666; position: relative; top: -1px; }
.esg_plan_list ul.detail_list li { line-height: 1.6; }

/* 240123 ESG - ???? */
.policy_wrap { padding: 20px; margin-bottom: 30px; border: 1px solid #DDD; }
.policy_wrap .policy_title { margin-bottom: 22px; font-family:"NotoSansKR Black"; font-size: 14px; color:#333; letter-spacing: -0.05em; }
.policy_wrap ul li { margin-bottom: 20px; }
.policy_wrap ul li:last-child { margin-bottom: 0; }
.policy_wrap ul li span { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0 auto 10px; font-family:"NotoSansKR Black"; color:#FFF; text-align: center; border-radius: 50%; background: #1B2E5A; }
.policy_wrap ul li p { color:#555; letter-spacing: -0.05em; }
.policy_wrap .txt_right { margin-top: 33px; font-family:"NotoSansKR Black"; letter-spacing: -0.05em; text-align: right; }
.graph_wrap { display: flex; justify-content: center; align-items: center; gap:0 35px; padding: 25px 20px; border: 1px solid #DDD; }
.graph_wrap h3 { width: 70px; padding: 110px 10px; font-family:"NotoSansKR Black"; font-size: 14px; color:#1B2E5A; text-align: center; border: 1px solid #1B2E5A; border-radius: 100px; position: relative; }
.graph_wrap h3:after { width: 17px; height: 1px; background: #DDD; position: absolute; top:50%; right: -18px; transform: translateY(-50%); content: ''; }
.graph_wrap .graph_area { display: flex; flex-direction: column; gap:20px 0; position: relative; }
.graph_wrap .graph_area::before { width:1px; height:100%; position: absolute; top: 50%; left: -18px; background: #DDD; content: ''; transform: translateY(-50%); }
.graph_wrap .graph_area .item { max-width: 250px; border-radius: 10px; position: relative; }
.graph_wrap .graph_area .item::before { width: 17px; height: 1px; background: #DDD; content: ''; position: absolute; top:50%; left: -17px; transform: translateY(-50%);  }
.graph_wrap .graph_area .item:nth-child(1):after { width: 17px; height: 50%; background: #FFF; content: ''; position: absolute; top:0; left: -18px; z-index: 10; }
.graph_wrap .graph_area .item:nth-child(4):after { width: 17px; height: 50%; background: #FFF; content: ''; position: absolute; bottom: 0; left: -18px; z-index: 10; }
.graph_wrap .graph_area .item p { padding: 15px 0; font-family:"NotoSansKR Black";  font-size: 14px; color:#FFF; text-align: center; background: #1B2E5A; border-radius: 10px 10px 0 0; }
.graph_wrap .graph_area .item ul { padding: 10px 20px 20px; border: 1px solid #DDD; border-top: 0; border-radius: 0 0 10px 10px; }
.graph_wrap .graph_area .item ul li { margin-bottom:15px; position: relative; color:#666666; letter-spacing: -0.025em; }
.graph_wrap .graph_area .item ul li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.graph_wrap .graph_area .item ul li:last-child { margin-bottom: 0; }

/* 240123 ESG - ???? */
.policy_wrap .humanlights { margin-top: 20px; }

/* 240123 ???? - ?? Highlights */
.ir_wrap .ir_wrap_cont h3 { font-size: 20px; margin-bottom: 10px; }
.ir_wrap .ir_wrap_tit { margin-bottom: 10px; }
.ir_wrap .ir_wrap_tit p { text-align: right; }
#swiper01 { height: 250px; }
#swiper01 .swiper-slide { padding: 20px; background: #1b2e5a; }
#swiper01 .swiper-slide h5 { font-size: 24px; color:#FFF; }
#swiper01 .swiper-slide p { font-size: 48px; font-weight: 700; color:#FFF; position: absolute; bottom:20px; right:20px; }
.Highlights_wrap_cont .Highlights_noti { margin: 20px 0 40px; }
.Highlights_wrap_cont .Highlights_noti p { color: #999; padding-left: 15px; position: relative; }
.Highlights_wrap_cont .Highlights_noti p::before { content: '?'; font-size: inherit; position: absolute; top: 0; left: 0; }
#swiper02 { height: 250px; }
#swiper02 .swiper-slide { padding: 20px; }
#swiper02 .swiper-slide h5 { font-size: 18px; color:#FFF; }
#swiper02 .swiper-slide p { font-size: 48px; font-weight: 700; color:#FFF; position: absolute; bottom:20px; right:20px; }
#swiper02 .swiper-slide:nth-child(1) { background:url(/zh/pc/assets/images/ir/highlights_img_01.jpg) no-repeat 0 0; background-size: cover; }
#swiper02 .swiper-slide:nth-child(2) { background:url(/zh/pc/assets/images/ir/highlights_img_02.jpg) no-repeat 0 0; background-size: cover; }
#swiper02 .swiper-slide:nth-child(3) { background:url(/zh/pc/assets/images/ir/highlights_img_03.jpg) no-repeat 0 0; background-size: cover; }