strong { font-weight: bold; }


.main-banner { height: 219px; background: url(../images/bg/bg_main_banner.jpg) no-repeat 50% 0; text-align: center; margin-top:80px;}
.main-banner span { padding-top: 58px; display: block; }
.main-banner span.banner-title1 { font-weight: 800; font-size: 45px; line-height: 45px; font-family: 'Nanum Gothic'; }
.main-banner span.banner-title2 { padding-top: 12px; font: normal 27px/27px 'Nanum Gothic'; }
.main-banner span.banner-title3 { padding-top: 9px; font: bold 15px/15px 'Nanum Gothic'; }

.breadcrumbs { width: 100%; background: #fff; border-bottom: 1px solid #cccccc; }
.breadcrumbs a.home { height: 37px; float: left; padding-right: 45px; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
.breadcrumbs a.home img { padding-top: 12px; }
.breadcrumbs ul { display: inline-block; }
.breadcrumbs ul li { display: inline-block; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
.breadcrumbs ul li a { display: inline-block; padding-top: 12px; padding-right: 45px; padding-bottom: 11px; padding-left: 28px; color: #000000; text-decoration: none; font: normal 12px 'Nanum Gothic'; }

.sub-navigation { width: 100%; height: 39px; overflow: hidden; background: #fff; background: url(../images/bg/bg_subnav.jpg) left bottom repeat-x; }
.sub-navigation .wrapper { position: relative; }
.sub-navigation .tab-holder { position: absolute; float: left; width: 218px; /*height:39px;*/ display: inline-block; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; z-index: 3; }
.sub-navigation .tab-holder .tab { display: inline-block; }
.sub-navigation .tab-holder .tab a { display: inline-block; padding: 12px 17px; color: #000000; text-decoration: none; font: normal 12px 'Nanum Gothic'; }
.sub-navigation .tab-holder .tab + .tab { border-left: 1px solid #e4e4e4; }
.sub-navigation ul.right-btns { float: right; }
.sub-navigation ul.right-btns li { float: left; width: 39px; background: #f6f6f6; border-right: 1px solid #cccccc; text-align: center; }
.sub-navigation ul.right-btns li a { display: block; padding: 11px 0 11px 0; text-decoration: none; }
.sub-navigation ul.right-btns li:first-child { border-left: 1px solid #cccccc; }
.sub-navigation ul.right-btns li.plus { background: #f6f6f6 url(../images/icon/icon_grey_plus.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.square { background: #f6f6f6 url(../images/icon/icon_grey_square.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.minus { background: #f6f6f6 url(../images/icon/icon_grey_minus.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.printer { background: #f6f6f6 url(../images/icon/icon_grey_printer.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.share { background: #f6f6f6 url(../images/icon/icon_grey_share.png) no-repeat 50% 50%; }
.sub-navigation ul.right-btns li.star { background: #f6f6f6 url(../images/icon/icon_grey_star.png) no-repeat 50% 50%; }
.sub_wrapper_01 {width:100%; max-width:1970px; height:80px; background:url(../img/bg_sub_top.png) no-repeat center top;}
.sub_wrapper {width:100%; height:42px; background:#f5f5f5; border-bottom:1px solid #dfdfdf;}

#container {position: relative; }
.sub_wrap {margin-top:80px;}
#container .content { overflow: hidden; }
#container .left-menu { float: left; width: 200px; }
#container .left-menu .left-menu-title { padding-top: 53px; padding-bottom: 50px; text-align: center; background: #052054; color: #fff; font: normal 18px 'Nanum Gothic'; }
.left_top_line {border-top:5px solid #123182;}
#container .left-menu .menu { padding-top:50px; width: 200px; border-bottom: 1px solid #cccccc; }
#container .left-menu .menu > li { background: #ffffff; }
#container .left-menu .menu > li:hover { background: #ffffff; }
#container .left-menu .menu > li > a { display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; border-bottom: 1px solid #dddddd; color: #666666; text-decoration: none; font: bold 15px 'Nanum Gothic'; background: url('../img/icon_arrow_right.png') no-repeat 95% 50%;}
#container .left-menu .menu > li > a:hover {background-color:#f5f5f5; background: url('../img/icon_arrow_right_over.png') no-repeat 95% 50%; color:#2e4a90;}
#container .left-menu .menu > li > a.on {background-color:#f5f5f5; background: url('../img/icon_arrow_right_over.png') no-repeat 95% 50%; color:#2e4a90;}
#container .left-menu .menu > li:last-child a { border-bottom: 0; }
#container .left-menu .menu > li.on-click > a { background: url('../images/left_menu_on.jpg') no-repeat 83% 50%; color:#123182;}
#container .left-menu .menu > li.on-click .depth2 { display: block !important; }
#container .left-menu .menu > li .depth2 { display: none; background: #f5f5f5; }
#container .left-menu .menu > li .depth2 > li > a { display: block; padding-top: 15px; padding-bottom: 14px; padding-left: 18px; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #dddddd; color: #666666; text-decoration: none; font: bold 15px 'Nanum Gothic'; background: #f5f5f5 url(../images/icon/icon_leftarrowdown.png) no-repeat 100% 50%; }
#container .left-menu .menu > li .depth2 > li > a:hover { color: #052054; }
#container .left-menu .menu > li .depth2 > li .depth3 { display: none; padding-top: 13px; border-bottom: 1px solid #dddddd; background: #f9f9f9; padding-bottom: 5px; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a { display: block; padding-bottom: 9px; padding-left: 18px; color: #666666; text-decoration: none; font: bold 13px 'Nanum Gothic'; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a:before { display: inline-block; content: '-'; margin-right: 1px; }
#container .left-menu .menu > li .depth2 > li .depth3 > li > a:hover { color: #052054; }
#container .left-menu .menu > li .depth2 > li.on-click > a { background: url(../images/icon/icon_leftarrowup.png) no-repeat 83% 50%; }
#container .left-menu .menu > li .depth2 > li.on-click .depth3 { display: block !important; }



#container .left-menu .menu .menu_ { padding-top:0px; width: 200px; border-bottom: 1px solid #cccccc; }
#container .left-menu .menu .menu_ > li { background: #fcfcfc; }
#container .left-menu .menu .menu_ > li:hover { background: #fcfcfc; }
#container .left-menu .menu .menu_ > li > a { display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; border-bottom: 1px solid #dddddd; color: #999999; text-decoration: none; font: 13px 'Nanum Gothic'; background: url('../img/icon_arrow_right.png') no-repeat 95% 50%;}
#container .left-menu .menu .menu_ > li > a:hover {background-color:#f5f5f5; background: url('../img/icon_arrow_right_over.png') no-repeat 95% 50%; color:#2e4a90;}
#container .left-menu .menu .menu_ > li > a.on {background-color:#f5f5f5; background: url('../img/icon_arrow_right_over.png') no-repeat 95% 50%; color:#2e4a90;}
#container .left-menu .menu .menu_ > li:last-child a { border-bottom: 0; }
#container .left-menu .menu .menu_ > li.on-click > a { background: url('../images/left_menu_on.jpg') no-repeat 83% 50%; color:#2f59c5;}
#container .left-menu .menu .menu_ > li.on-click .depth2 { display: block !important; }
#container .left-menu .menu .menu_ > li .depth2 { display: none; background: #f5f5f5; }
#container .left-menu .menu .menu_ > li .depth2 > li > a { display: block; padding-top: 15px; padding-bottom: 14px; padding-left: 18px; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #dddddd; color: #666666; text-decoration: none; font: bold 15px 'Nanum Gothic'; background: #f5f5f5 url(../images/icon/icon_leftarrowdown.png) no-repeat 100% 50%; }
#container .left-menu .menu .menu_ > li .depth2 > li > a:hover { color: #052054; }
#container .left-menu .menu .menu_ > li .depth2 > li .depth3 { display: none; padding-top: 13px; border-bottom: 1px solid #dddddd; background: #f9f9f9; padding-bottom: 5px; }
#container .left-menu .menu .menu_ > li .depth2 > li .depth3 > li > a { display: block; padding-bottom: 9px; padding-left: 18px; color: #666666; text-decoration: none; font: bold 13px 'Nanum Gothic'; }
#container .left-menu .menu .menu_ > li .depth2 > li .depth3 > li > a:before { display: inline-block; content: '-'; margin-right: 1px; }
#container .left-menu .menu .menu_ > li .depth2 > li .depth3 > li > a:hover { color: #052054; }
#container .left-menu .menu .menu_ > li .depth2 > li.on-click > a { background: url(../images/icon/icon_leftarrowup.png) no-repeat 83% 50%; }
#container .left-menu .menu .menu_ > li .depth2 > li.on-click .depth3 { display: block !important; }



#container .left-menu .contact-info { margin-top: 9px; height: 61px; background: #fff; border: 1px solid #cccccc; padding-top: 17px; padding-right: 25px; padding-bottom: 28px; padding-left: 20px; }
#container .left-menu .contact-info .contact-title { display: block; color: #666666; padding-bottom: 23px; font: bold 15px 'Nanum Gothic'; }
#container .left-menu .contact-info .contact-details { width: 100%; display: table; }
#container .left-menu .contact-info .contact-details span { display: table-cell; vertical-align: middle; }
#container .left-menu .contact-info .contact-details span.img { width: 20px; }
#container .left-menu .contact-info .contact-details span.details { color: #666666; padding-left: 9px; font: bold 16px 'Nanum Gothic'; }
#container .left-menu .contact-info .contact-details span.details a { float: right; color: #666666; text-decoration: none; padding-right: 15px; font: bold 12px 'Nanum Gothic'; background: url(../images/icon/icon_arrow01.png) no-repeat 100% 50%; }
#container .left-menu .contact-info + .contact-info { margin-top: 0; border-top: 0; height: 62px; }
.right-content { float: left; width: 940px; background: #fff; padding-top:50px; padding-left: 40px; padding-bottom:120px; border-bottom: 0; min-height:500px;}
.right-content .right-top { padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #cccccc; }
.right-content .right-top .right-content-title { display: block; padding-bottom: 14px; font-weight: 700; font-size: 30px; line-height: 30px; font-family: 'Nanum Gothic'; }
.right-content-line {color:#e4e4e4;}
.right-top .bottom-top { overflow: hidden;}
.right-top .bottom-top .right-content-subtitle { float: left; width:100%; font-weight: 700; font-size: 24px; font-family: 'Nanum Gothic'; padding:26px 0; color:#fff; }
.right-top .bottom-top .right-content-breadcrumbs { float: left; padding:20px 0; width:100%;}
.right-top .bottom-top .right-content-breadcrumbs li { color: #999999;  display: inline-block; font: normal 12px 'Nanum Gothic'; }
.right-top .bottom-top .right-content-breadcrumbs li a { color: #999999; text-decoration: none; }
#container .right-content .right-top .bottom-top .right-content-breadcrumbs li:after { display: inline-block; margin: 0 0 0 6px; padding: 0 0px 0 0; content: '>'; color: #999999; }
#container .right-content .right-top .bottom-top .right-content-breadcrumbs li:last-child:after { display: none; }
#container .right-content .content-tabs { margin-bottom: 32px; }
#container .right-content .content-tabs ul { width: 100%; display: table; table-layout: fixed; margin-bottom: 30px; }
#container .right-content .content-tabs ul li { display: table-cell; vertical-align: middle; text-align: center; }
#container .right-content .content-tabs ul li a { display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; color: #666666; background: #ededed; text-decoration: none; font: bold 16px 'Nanum Gothic'; border-top: 1px solid #d1d1d1; border-right: 1px solid #cccccc; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #cccccc; }
#container .right-content .content-tabs ul li.on a { color: #fff; border-color: #052054; background: #052054; }
#container .right-content .content-title { display: block; margin-bottom: 34px; font: normal 24px 'Nanum Gothic'; }
#container .right-content .fLeft { float: left; }
#container .right-content .fRight { float: right; }
#container .right-content .dual-part-content { display: table; }
#container .right-content .dual-part-content .content { display: table-cell; width: 50%; vertical-align: top; padding-right: 30px; }
#container .right-content .dual-part-content .content.cont-right { padding-right: 0; padding-left: 30px; }
#container .right-content .dual-part-content .content img.sample-img { width: 400px; height: 300px; margin-top: 2px; }
#container .right-content .dual-part-content .content .bigtext { display: block; margin-bottom: 28px; font: normal 30px/33px 'Nanum Gothic'; }
#container .right-content .dual-part-content .content .bluetxt { display: inline-block; padding-top: 14px; padding-bottom: 30px; margin-top: 20px; color: #3364be; font: normal 22px 'Nanum Gothic'; background: url(../images/bg/bg_tit_topborder.jpg) no-repeat 0% 0%; }
#container .right-content .dual-part-content .content p { margin-bottom: 20px; color: #333333; font: normal 13px/19px 'Nanum Gothic'; }
#container .right-content .tbl01 { width: 100%; margin-top: 49px; border-top: 2px solid #333333; }
#container .right-content .tbl01 thead tr th { height: 45px; background: #f5f5f5; vertical-align: middle; color: #000000; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font: normal 13px 'Nanum Gothic'; }
#container .right-content .tbl01 thead tr th:first-child { border-left: 0; }
#container .right-content .tbl01 tbody tr td { padding-top: 18px; padding-bottom: 18px; vertical-align: middle; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: 400; font-size: 13px; line-height: 15px; font-family: 'Nanum Gothic'; text-align: center; }
#container .right-content .tbl01 tbody tr td:first-child { border-left: 0; background: #f5f5f5; }

/*-----------------------------------------sub----------------------------------------------------------------------*/

/******sub_01/02 섞여있음 공통적인 부분 함께******/

.line{padding-bottom:13px;}
.sub_tit{float:left; width: 50%; font-size:21px;  font-weight:700; color:#333333;}
.sub_tit_r{ float:left; width:50%;}
.sub_tit_r p{font-size:14px; line-height:24px; color:#666666; }
.sub_tit_r ul{ padding:20px 0px 0 20px; }
.sub_tit_r ul li{font-size:14px; line-height:24px; color:#666666; }
.sub_tit_r ul .lili{font-size:14px; line-height:24px; color:#333333; font-weight:700; list-style:square;}

.sub_con_text {width:100%;}
.sub_con_text .sub_con_text_01 {float:left; padding-top:30px; margin-right:10px; width:48.9%; font-size:14px; line-height:24px; text-align:justify;}
.sub_con_text .sub_con_text_02 {float:left; padding-top:30px; margin-right:10px; width:48.9%; font-size:14px; line-height:24px; text-align:justify;}

.compa{margin-top:44px; margin-bottom:44px; text-align:center;}
.compa_{margin-bottom:44px; text-align:center;}
.line_{margin-bottom:50px;}
.line_1{margin-bottom:20px;margin-top:44px;}
.r_blue{font-size:15px;  font-weight:800; color:#002e86; padding-right:50px;}
.r_blue_{padding-right:120px;}
.ceo_bg{margin-top:142px; margin-bottom:30px;}
.ceo_p{font-size:15px; font-weight:700; padding-left:10px;color:#333333;}
.sub_tit_r span{font-size:15px; line-height:24px; color:#333333; }
.ud_l{font-size:15px; font-weight:700;text-decoration: underline;color:#333333; } 
.sub_01_01_title{width:100%; padding-bottom:25px; font-size:25px; font-weight:normal;}

/********************/

/*****sub_02*****/
.imgbox_in{width:305px; float:left;margin-top:44px; margin-right:13px;}
.imgbox_in img{width:100%}
.imgbox_in_{ width:305px; float:left;margin-top:44px; }
.imgbox_in_ img{width:100%}
.imgbox_in_1{width:305px; float:left;margin-top:44px; margin-left:12px;}
.imgbox_in_1 img{width:100%}
.sub_tit_h{ width:940px; margin-top:300px; margin-bottom:44px;}
.sub_tit_h ul li{ font-size:15px; font-weight:700;color:#333333; }
.sub_tit_2{width:100%;font-size:15px;  font-weight:700; color:#002e86;padding-bottom:13px; padding-top:294px;}
.sub_tit_2_{width: 290px;font-size:15px;  font-weight:700; color:#002e86;float:left;  padding-top:60px;}
.sub_tit_3{width:100%;font-size:15px;  font-weight:700; color:#002e86;padding-bottom:13px; padding-top:344px;}
.sub_02_01_pre {width:100%; text-align:center;}
.sub_02_01_pre img {max-width:100%;}
/*****sub_02*****/


/*****sub_03*****/
.sub_tit_{width:100%;font-size:21px;  font-weight:700; color:#333333; }
.sub_tit_spa{font-size:13px;  font-weight:500; color:#333333; line-height:30px; }
.sub_tit_4{width:100%;font-size:15px;  font-weight:700; color:#002e86; padding-top:57px;}
.sub_tit_4 p{font-size:14px; line-height:24px; color:#666666; padding-top:10px;font-weight:100;}

table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}
.table {margin:0 auto; width:100%; border-collapse:collapse;border-spacing:0; vertical-align:middle;border:1px solid #ddd; border-left:none; border-right:none; margin-top:34px;}
.table td{font-size:14px;padding:7px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border:1px solid #ddd; text-align:center; color:#666666;}
.table th{font-size:14px;font-weight:700;padding:7px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;vertical-align:middle;border:1px solid #ddd; color:#666666; border-top:2px solid #002e86; }
.table .tath0927{text-align:center; background-color:#fbfbfb;padding:10px 5px;}
.table .tath0927_{text-align:center; background-color:#fbfbfb;padding:10px 5px;border-left:none;}
.table .tath0927_1{text-align:center; background-color:#fbfbfb;padding:10px 5px;border-right:none;}
.table .tath0927_2{text-align:center; border-left:none;}
.table .tath0927_3{text-align:center; border-right:none;}

div .right-content dl		{ clear:both; margin-bottom:5%; padding-bottom:5%; border-bottom:1px dotted #ccc; }
div .right-content dl dt	{ float:left; width:30%; }
div .right-content dl dd	{ float:left; width:70%; line-height:180%; }
div .right-content dl dd p {font-family: 'Nanum Gothic'; line-height:150%;}


/*인사말 / 기본 */
.con_main{padding-bottom:23px;}
.con_main p{font-weight: 700;font-size: 24px;line-height: 35px;font-family: 'Nanum Gothic'; color:#333333; }
.con_07_text{padding-bottom:30px;}
.con_07_text p{font-weight: 700;font-size: 20px;line-height: 35px;font-family: 'Nanum Gothic'; color:#666666;  }
.con_blue{font-weight: 700;font-size: 20px;line-height: 35px; color:#0858af;  }
.con_01_01_{margin-bottom:49px; width:100%}
.con_01_text {width:100%; padding-top:20px; padding-bottom:27px; display:inline-block;}
.con_01_text p {font-weight: 400;font-size: 14px;line-height: 24px;font-family: 'Nanum Gothic'; color:#666666; }
.lineee {border:none; border-top:1px solid #e0e0e0;  margin-bottom:30px;  margin-top:30px;}
.con_01_text_a {font-weight: 500;font-size: 15px;line-height: 25px; color:#333333; }


/*회사연혁 */
.con_01_box{ width:100%; padding:20px 10px 20px 10px; border-bottom:1px solid #e0e0e0; display:inline-block;}
.con_01_box .yel{float:left;  padding-right:60px;}
.con_01_box .yel span{font-weight: 700;font-size: 26px;line-height: 28px;font-family: 'Nanum Gothic'; color:#666666;}
.con_01_box .yel_p{font-weight: 400;font-size: 14px;line-height: 24px;font-family: 'Nanum Gothic'; color:#666666; float:left; }

/*오시는길 */
.con_01_04_box{width:100%;   display:inline-block; margin-top:27px;}
.con_in_boxr{ width:20%; font-weight:bold;font-size: 14px;line-height: 24px; color:#666666; float:left; margin-right:30px;border-bottom:2px dotted #e0e0e0; padding:0px 5px 10px 0px;}
.con_in_boxl{ width:75%; font-weight:500;font-size: 14px;line-height: 24px; color:#666666; float:left;border-bottom:2px dotted #e0e0e0; padding:0px 5px 10px 0px;}

#maparea .roughmap_lebel_text:before {content:'(주)경동이앤에스'; background: #fff; position:absolute; width:120%; border: 1px solid #e5e5e5;text-align: center; height: 28px;top:-1px; left:-10%; border-radius: 3px;line-height: 28px;}
#maparea .roughmap_lebel_text:hover:before  {text-decoration:underline;}
#maparea .roughmap_lebel_text:after{content:'';background: #fff; position:absolute; width:17px; height: 1px; bottom:-1px; left:50%; margin-left: -8.5px;}




/*강프라 고강도장섬유사출기*/
 .con_09_text{width:100%; border-bottom:1px solid #e0e0e0; padding:10px 10px 30px 10px;}
 .con_09_text p {font-weight: 400;font-size: 14px;line-height: 30px;font-family: 'Nanum Gothic'; color:#666666;  margin-top:20px;}
 .con_01_01{width:100%}
 .con_09_text .con_08_text{font-weight: 700;font-size: 18px;line-height: 35px;font-family: 'Nanum Gothic'; color:#666666; }

/*강프라 공정도*/
 .con_10_text{ width:100%;  margin-top:20px; text-align:center; }
 .con_10_text p{  font-weight:700; font-size:22px; line-height:35px; color:#0858af;  }

/*강프라 개념도*/
 .tg_1 .tg-ahpf_01{font-weight:bold;background-color:#f5f5f5;color:#333333;text-align:center; border-left:none;}
 .tg_1 .tg-jpla_01{color:#666666;text-align:center; border-right:none;}
 .tg_1 .tg-jpla_02{color:#666666;text-align:center; border-right:none; }
 .tg_1 .tg-k9nl_01{background-color:#ffffff;text-align:center; }



/*강프라 Hot Stampping */
.con_020102_left{width:35%; text-align:center; margin-right:20px; float:left;}
.con_020102_center{width:10%; text-align:center; margin-right:20px; font-size:40px;color:#333333; float:left;padding-top:12%; }
.con_020102_right{width:50%;float:left;border:1px solid #e0e0e0;}
.con_020102_right p{font-size: 14px;line-height: 24px; color:#666666;  padding:11px 11px 11px 10px;}
.box_mini{border:1px solid #e0e0e0; margin-bottom:15px;}
.box_mini p {font-size: 15px;line-height: 24px; color:#666666;  font-weight:bold; padding:15px 15px 15px 10px;}


/*환경플랜트*/
.con_03_p p{font-weight: 700;font-size: 18px; color:#333333; }
.con_03_img{float:left;}
.con_04_p{margin-top:10px;} 
.con_04_p p{font-weight:500;font-size: 14px;line-height: 24px; color:#666666; }
.con_12_p{margin-top:0px;} 
.con_12_p p{font-weight:500;font-size: 14px;line-height: 24px; color:#666666; }
.tg  {border-collapse:collapse;border-spacing:0; margin-top:30px; vertical-align:middle;}
.tg td{font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal; border:1px solid #e0e0e0; line-height: 24px; color:#666666; }
.tg th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal; line-height: 24px; color:#666666;}
.tg .tg-s6z2{text-align:center; vertical-align:middle;}
.tg .tg-s6z3{text-align:center; border-left:none;}
.tg .tg-s6z4{text-align:center;  border-right:none;}
.tg .tg-fti4{font-weight:bold;font-size:15px;background-color:#f5f5f5;text-align:center}


/*횡단보도*/
.box_04_01{float:left; width:24%; border-right:1px dotted #e0e0e0; margin-top:70px;}
.box_04_01 img{width:100%;}
.box_04_01 p{font-size: 14px;line-height: 24px; color:#666666;padding:0px 0px 0px 10px;}
.box_04_01 .box_04_01_text{font-size: 15px;line-height: 24px; color:#666666; margin-top:10px; font-weight:bold; padding:0px 0px 10px 10px;}
.box_04_02{float:left; width:24%; margin-top:70px;}
.box_04_02 img{width:100%;}
.box_04_02 p{font-size: 14px;line-height: 24px; color:#666666;padding:0px 0px 0px 10px;}
.box_04_02 .box_04_01_text{font-size: 15px;line-height: 24px; color:#666666; margin-top:10px; font-weight:bold; padding:0px 0px 10px 10px;}
.box_04_03{float:left; width:23%; margin-top:10px; margin-right:20px;}
.box_04_03 img{width:100%;}
.box_04_02_text{padding:10px 5px 10px 10px;  text-align:center;background-color:#f5f5f5; }
.box_04_02_text .box_text_01{font-size: 15px;line-height: 24px; color:#ffc907; font-weight:700;}
.box_04_02_text .box_text_02{font-size: 15px;line-height: 24px; color:#5fbc5b; font-weight:700;}
.box_04_02_text .box_text_03{font-size: 15px;line-height: 24px; color:#f05136; font-weight:700;}
.box_04_04{float:right; width:23%; margin-top:10px;}
.box_04_04 img{width:100%;}
.box_04_02_text .box_text_04{font-size: 15px;line-height: 24px; color:#44c8f5; font-weight:700;}
.con_01_text .con_blue_1{margin-top:20px; color:#666666;font-size: 15px;line-height: 24px;font-weight:700; }
.tg_1  {border-collapse:collapse;border-spacing:0; margin-top:30px; vertical-align:middle;}
.tg_1 td{font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal; border:1px solid #e0e0e0; line-height: 24px; color:#666666; vertical-align:middle;}
.tg_1 th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal; line-height: 24px; color:#666666;border:1px solid #e0e0e0;vertical-align:middle;}
.tg_1 .tg-ahpf{font-weight:bold;background-color:#f5f5f5;color:#333333;text-align:center; border-left:none;}
.tg_1 .tg-jpla{color:#666666;text-align:center; border-right:none;}
.tg_1 .tg-k9nl{font-weight:bold;background-color:#f5f5f5;text-align:center}
.con_04_p p span{font-size: 15px;line-height: 24px; color:#0858af;font-weight:bold;}
.lineee_1 {border:none; border-top:1px solid #e0e0e0;  margin-bottom:50px;  margin-top:30px; width:100%;}
.con_01_04_box .box_04_05{float:left; width:48%; text-align:center;margin-right:20px;}
.con_01_04_box .box_04_05 img{width:100%;}
.con_01_04_box .box_04_05 p{font-size: 14px;line-height: 24px; color:#666666; margin-top:10px; font-weight:bold;}
.con_01_04_box .box_04_06{float:left; width:48%; text-align:center;}
.con_01_04_box .box_04_06 img{width:100%;}
.con_01_04_box .box_04_06 p{font-size: 14px;line-height: 24px; color:#666666; margin-top:10px; font-weight:bold;}


.tg_1 .tg-ahpf{font-weight:bold;background-color:#f5f5f5;color:#333333;text-align:center; border-left:none;}
.tg_1 .tg-ahpf_01{font-weight:bold;background-color:#f5f5f5;color:#333333;text-align:center; }
.tg_1 .tg-ahpf_02{font-weight:bold;background-color:#f5f5f5;color:#333333;text-align:center; border-right:none;}
.tg_1 .tg-s6z_01{ vertical-align:middle;color:#666666;font-size: 14px;line-height: 22px;font-weight:normal; border-left:none; padding-left:30px;}
.tg_1 .tg-s6z_02{ vertical-align:middle;color:#666666;font-size: 14px;line-height: 22px;font-weight:normal; padding-left:40px;}
.tg_1 .tg-s6z_03{ vertical-align:middle;color:#666666;font-size: 14px;line-height: 22px;font-weight:normal; border-right:none; padding-left:30px;}


.updown_box{width:290px; height:290px; margin-right:27px;  background: url('/img/blue_down.png') no-repeat 50%; float:left; margin-top:30px; text-align:center;}
.updown_box_right{width:290px; height:290px; background: url('/img/blue_down.png') no-repeat;float:left; margin-top:30px; text-align:center;}
.updown_box_01{width:290px;height:290px; margin-right:27px; background: url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box_right_01{width:290px; height:290px; background:url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;s}
.updown_box .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:80px }
.updown_box_01 .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold; padding-top:120px }
.updown_box_right .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:80px  }
.updown_box_right_01 .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:120px;  }
.ffcc00{color:#ffcc00;}



/*R&D*/
 .color_box{width:100%; background-color:#0858af; height:100px;}
 .color_box p{font-weight:700;font-size: 14px;line-height:24px;color:#ffffff;padding:10px 10px 0px 10px; }
 .color_box_01{width:100%; background-color:#f15916; height:100px;}
 .color_box_01 p{font-weight:700;font-size: 14px;line-height:24px;color:#ffffff;padding:10px 10px 0px 10px; }
 .con_0_text p{font-size: 14px;line-height: 24px; color:#666666;padding:5px 10px 0px 0px; text-align:center;}
 .con_01_04_box .box_05_01{float:left; width:48%;margin-right:20px; margin-top:20px;}
 .con_01_04_box .box_05_01 img{width:100%;}
 .con_01_04_box .box_05_02{float:left; width:48%;margin-top:20px; }
 .con_01_04_box .box_05_02 img{width:100%;}
 .point_text{font-weight:700;color:#0858af;}
 .point_text_01{font-weight:700;color:#f15916;}



.con_blue_01{font-weight: 700;font-size: 20px;line-height: 35px; color:#0858af; }
.con_01_text ul{text-align:center; }
.con_01_text ul li{font-weight: bold;font-size: 14px;line-height: 24px;font-family: 'Nanum Gothic'; color:#666666; padding-bottom:20px;}
.img_up{margin-top:20px; width:100%;}

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_point_t {font-family: 'InkLipquid' !important; color:#4b4b4b; font-size:30px !important; text-align: center; margin-bottom: 20px;}
.sub_point_t span {color:#0a4f87;}
.sub_point_t img {  vertical-align: middle; margin-right: 5px;}
.sub_tit7 {margin-top: 50px; margin-bottom: 20px;}
.sub_tit7 span {background: #0a4f87; color:#fff; border-radius:100px; padding: 4px 15px; font-weight: bold;font-size:16px; }
.sub_tit7 span b {font-weight: 300; font-size:14px;;}
.table07 {width:100%; overflow:hidden; border-top: 2px solid #0a4f87;	 border-bottom: 2px solid #0a4f87; line-height: 1.5;}
.table07 tr td, .table07 tr th {padding:  20px 10px; text-align: center; border-bottom: 1px solid #6c95b7; vertical-align: middle;}
.table07 img {width:90%;margin: 20px auto; display:block;}
.table07 tr td {}
.table07 tr th {width:80px; background: #bbb; color:#fff;}
.table07 tr td b {font-weight: bold;}
.table07 tr td ul {display:inline-block;}
.table07 tr td ul li {padding-bottom: 2px !important; overflow:hidden;}
.table07 tr td ul li div {width:20px; height: 20px;  margin-right: 5px;border:1px solid #9b9b9b; border-radius:100px; display:block;float:left; }
.table07 tr td ul li p {display:block; float:left; line-height: 20px;}
.table07 tr td ul li:nth-child(1) div {background: #0dab0e;}
.table07 tr td ul li:nth-child(2) div {background: url(/img/led_color02.jpg) no-repeat center; background-size:cover;}
.table07 tr td ul li:nth-child(3) div {background: #dd2315;}

.spec7 {width:100%; overflow:hidden;}
.spec7 ul {width:48%; float:left; overflow:hidden; margin-right: 2%;}
.spec7 ul li {width:100%; overflow:hidden; padding-bottom: 10px; line-height: 1.8;}
.spec7 ul li div {float:left; text-align: left;}
.spec7 ul li div:first-child {width:90px; color:#ababab;}
.spec7 ul li div:last-child {width: calc(100% - 90px); color:#515151;}

.structure07 {width:100%; overflow:hidden;}
.structure07 > div {float:left;box-sizing:border-box; position:relative;}
.structure07 > div:first-child {width:53%; }
.structure07 > div:first-child img {width:80%; margin-left: 20%;}
.structure07 > div:last-child {width:47%; text-align: left; padding-left: 10%;}
.structure07 > div ul { text-align: left; border-left: 4px solid #0a4f87; padding-left: 30px;margin-top: 30px;}
.structure07 > div:last-child:before {content:'';position:absolute;left: -2%;top:40%;widTH: 25%;height: 1PX;background: #0a4f87;}
.structure07 > div ul li {font-weight: 300; padding-bottom: 30px;}
.structure07 > div ul li:last-child {padding-bottom: 0;}
.structure07 > div ul li p {color:#0a4f87; font-weight: 600; margin-bottom: 5px;}

.sub07_feature {width:100%; overflow:hidden;}
.sub07_feature > div {width:50%; float:left; color:#515151;}
.sub07_feature ul {width:100%; overflow:hidden; text-align: left;}
.sub07_feature ul li {width:100%; background: url(/img/sub07_02_check.png ) no-repeat 0 5px; background-size:15px; padding-left: 20px; padding-bottom: 5px;	}
.sub07_feature img {margin-bottom: 40px;max-width:100%;}
.sub07_feature > div:last-child p {color:#0a4f87; font-weight: 600; margin-bottom:5px;}
.sub07_feature > div:last-child {line-height: 1.5; font-size:14px;}
.sub07_dr {width:100%; overflow:hidden;}
.sub07_dr li {width:20%; float:left; padding: 20px 10px; box-sizing:border-box; font-size:12px !important; line-height: 1.5 !important; font-weight: 300 !important;}
.sub07_dr li p {font-size:19px; font-weight: 600; margin-top: 40px; margin-bottom: 5px;}

.sub07_it {width:100%; overflow:hidden;}
.sub07_it li {width:19.4%; float:left; margin-right: 0.75%; }
.sub07_it li:last-child {margin-right: 0;}
.sub07_it li p {margin-top: 20px;}

.sub07_tech {width:100%; overflow:hidden;}
.sub07_tech li {width:25%;float:left; padding: 20px; box-sizing:border-box;}
.sub07_tech li img {max-width:100%;}

.sub07_effect {width:100%; overflow:hidden; color:#fff; font-size:14px;}
.sub07_effect > div {padding:50px 30px 30px 30px;line-height: 1.5;}
.sub07_effect > div:first-child {background: url(/img/sub07_effect01.png) no-repeat center; background-size:cover; margin-bottom: 35px; }
.sub07_effect > div:last-child {background: url(/img/sub07_effect02.png) no-repeat center; background-size:cover; }
.sub07_effect img {display:block; margin: 50px 0 20px 0; max-width:100%;}
.sub07_effect > div:first-child  div {width:50%; margin-left: 50%;;}

.sub07_effect > div p {font-weight: 600; color:#fff; font-size:16px; margin-bottom: 10px;}
.sub07_effect > div span {font-size:12px;}

/*-----------------------------------------sub----------------------------------------------------------------------*/

@media screen and (max-width: 1400px) {
  #container .wrapper { max-width: 1180px; margin: 0 auto; }
  #container .left-menu { display: none; }
  #container .right-content { float: none; width: 940px; margin: 0 auto; padding-left: 0px; padding-top:5%;}
  .right-top {width:940px; margin:0 auto;}
  .compa{margin-top:44px; margin-bottom:44px; text-align:center; width:100%;}
  .compa_{margin-bottom:44px; text-align:center; width:100%;}
  .line_{margin-bottom:50px;width:100%;}
  .line{padding-bottom:13px;width:100%;}
  .line_2{padding-bottom:13px; padding-top:244px; width:100%;}
  .sub_tit_2{width:100%; } }

@media screen and (max-width: 1179px) { 
  .sub_wrapper {display:"";}
 .right-top .bottom-top .right-content-subtitle { float: left; width:100%; font-weight: 700; font-size: 24px; font-family: 'Nanum Gothic'; padding:30px 0 30px 10px; color:#fff; }
 .right-top .bottom-top .right-content-breadcrumbs { float: left; padding-top:10px; padding-left:10px;  width:100%;}
  #container { padding-top: 0; position: relative; }
  #container .left-menu { width: 100%; display: block; float: none; position: absolute; top: 58px;  }
  #container .left-menu .left-menu-title, #container .left-menu .contact-info { display: none; }
  #container .left-menu .menu { display: none; width: 100%; }
  #container .left-menu .menu.display { display: block !important; }
  #container .left-menu .menu > li { background: #cecece url(../images/bg/bg_left-menu_mobile.jpg) repeat-x 0% 100%; }
  #container .left-menu .menu > li > a { border-right: 0; border-bottom: 0; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li.on-click { background: #2663df; }
  #container .left-menu .menu > li.on-click a { color: #fff; background: #2663df url(../images/icon/icon_lmenu_arrowup.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li.on-click .depth2 { display: block !important; }
  #container .left-menu .menu > li .depth2 { display: none; background: #fff; }
  #container .left-menu .menu > li .depth2 > li > a { border-bottom: 1px solid #7b7b7b; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li .depth2 > li.on-click a { background: #cecece url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 98.2% 50%; }
  #container .left-menu .menu > li .depth2 > li:hover, #container .left-menu .menu > li .depth2 > li.on { background: #cecece; }
  #container .left-menu .menu > li .depth2 > li .depth3 { padding-top: 0; padding-bottom: 0; }
  #container .left-menu .menu > li .depth2 > li .depth3 > li a { color: #333333; padding-top: 18px; padding-bottom: 18px; background: #ffffff; border-bottom: 1px solid #7b7b7b; }
  #container .left-menu .menu > li .depth2 > li .depth3 > li a:hover { color: #052054; text-decoration: underline; }
 .right-top {width:100%; margin:0 auto;}
  #container .right-content { float: none; width: 100%; margin: 0 auto; padding-top: 0px; padding-right: 11px; padding-left: 8px; border-top: 0; box-sizing: border-box;  padding-top:5%;}
  #container .right-content .right-top { padding-bottom: 13px; margin-bottom: 0; border-bottom: 0; }
 .right-top .right-content-title { font: bold 20px 'Nanum Gothic'; padding-bottom: 0; background: url(../images/icon/icon_lmenu_arrowdown.png) no-repeat 100% 50%; cursor: pointer; }
 .sub_tit {margin: 0 auto; padding-top:30px; width:50%; font-size: 15px;  font-weight:700; color:#333333; padding-bottom:20px;}
 .sub_tit_r {margin: 0 auto; padding-top:30px; width:50%;}
.sub_tit_r p{font-size:11px; line-height: 180%; color:#666666; }
.sub_tit img, .sub_tit_r img {width:100%; height:100%;}
.sub_con_text .sub_con_text_01, .sub_con_text .sub_con_text_02 {width:100%;}
.imgbox_in{margin-top:14px; margin-right:20px;margin-bottom:0px;}
.imgbox_in img{width:100%}
.imgbox_in_{margin-top:14px;margin-bottom:20px; }
.imgbox_in_ img{width:100%}
.imgbox_in_1{margin-top:0px; margin-bottom:14px;margin-left:0px;}
.imgbox_in_1 img{width:100%}
.line_2{padding-bottom:13px; padding-top:200px; width:100%;}
.sub_tit_2{width:100%; font-size: 15px;  font-weight:700;}
.table td{font-size:12px;padding:6px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border:1px solid #ddd; text-align:center; color:#666666;}
.table th{font-size:12px;font-weight:700;padding:6px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;vertical-align:middle;border:1px solid #ddd; color:#666666; border-top:2px solid #002e86; }
.con_01_01 img {width:100%;}
.img_up img{width:100%;}
.con_020102_left{width:33%; margin-right:18px; }
.con_020102_center{width:5%;  margin-right:18px; font-size:20px;padding-top:13%; }
.con_020102_right{width:48%;}
.con_020102_right p{font-size: 13px;line-height: 19px;  padding:13px 0px 13px 10px;}
.box_mini p {font-size: 13px;line-height: 19px;  padding:10px 0px 10px 10px;}

}

@media screen and (max-width: 900px){
.sub07_feature > div {width:100%; margin-bottom: 30px;}
.sub07_feature img {margin-bottom: 10px;}
.sub07_it li {width:30%; margin-right: 5%;}
.sub07_it li:nth-child(3n) {margin-right: 0;}
}



@media screen and (max-width: 800px){

 .updown_box{width:290px; height:290px;  margin-right:27px;  background: url('/img/blue_down.png') no-repeat 50%; float:left; margin-top:30px; text-align:center;}
.updown_box_right{width:290px; height:290px; background: url('/img/blue_down.png') no-repeat;float:left; margin-top:30px; text-align:center; margin-right:27px; }
.updown_box_01{width:290px;height:290px; margin-right:27px; background: url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box_right_01{width:290px; height:290px; background:url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:80px }
.updown_box_01 .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold; padding-top:120px }
.updown_box_right .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:80px  }
.updown_box_right_01 .con_ud_txt{font-size: 24px; color:#ffffff;  font-weight:bold;padding-top:120px;  }
.ffcc00{color:#ffcc00;}

.sub_point_t {font-size:24px !important;}
.sub_point_t img {width:80px;}

.spec7 ul {width:100%; margin-right: 0;}
.structure07 > div:first-child img {width:100%; margin-left: 0;}
.sub07_dr {display:flex; flex-wrap:wrap;}
.sub07_dr li {width:33.333%;}
.sub07_dr li p {font-size:16px;}
.sub07_tech li {width:33.3333%; padding: 5px !important;}
.sub07_effect > div {padding: 50px 0 0 0;}
.sub07_effect > div:first-child {background: url(/img/sub07_effect01.png) #858585 no-repeat 0 -100px;background-size: 178%;margin-bottom: 35px;}
.sub07_effect > div:first-child div {width:100%; margin-left: 0; margin-top: 40%; background:  #858585;padding: 20px;box-sizing:border-box;}
.sub07_effect > div:last-child {background: url(/img/sub07_effect02.png) #858585 no-repeat 100% -100px;background-size: 178%;margin-bottom: 35px;}
.sub07_effect > div:last-child div {width:100%; margin-left: 0; margin-top: 40%; background:  #858585;padding: 20px; box-sizing:border-box;}
}




@media screen and (max-width: 640px) {

  .wrapper { max-width: 621px; margin: 0 auto; }
  .sub_wrap {margin-top:50px;}
  .sub-navigation .tab-holder { width: auto; border-left: 0; }
  .sub-navigation .tab-holder .tab a { padding-left: 10px; padding-right: 10px; }
  .sub-navigation .right-btns ul li:last-child { border-right: 0; }
  .breadcrumbs .wrapper { max-width: 100%; }
  .breadcrumbs a.home { height: 33px; padding-right: 36px; padding-left: 10px; background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
  .breadcrumbs ul li { background: url(../images/bg/bg_breadcrumbs.png) no-repeat 100% 100%; }
  .breadcrumbs ul li a { padding-top: 9px; padding-bottom: 9px; padding-right: 35px; padding-left: 21px; }
  .sub-navigation .wrapper { max-width: 100%; }
  #container { padding-top: 0; position: relative; }
  #container .wrapper { max-width: 100%; }
  #container .quickmenu { display: none; }
  #container .right-content {padding-bottom:40px;}
  .compa{margin-top:44px; margin-bottom:44px; text-align:center; width:100%;}
  .compa_{margin-bottom:44px; text-align:center; width:100%;}
  .line_{margin-bottom:50px;width:100%;}
  .line{padding-bottom:13px;width:100%;}
  .sub_tit {margin: 0 auto; padding-top:30px; width:100%; font-size: 15px;  font-weight:700; color:#333333; padding-bottom:13px;}
  .sub_tit_r {margin: 0 auto; padding-top:10px; width:100%; }
  .sub_tit_r p{font-size:11px; line-height: 180%; color:#666666; }
  .sub_tit_r .ud_l{font-size:12px; } 
  .sub_tit_h{ width:100%; margin-top:50px; margin-bottom:44px;}
  .sub_tit_h ul li{ font-size:13px; font-weight:700;color:#333333; }
  .line_2{ padding-top:244px; width:100%;}
  .sub_tit_2{width:100%; font-size: 15px;}
  .sub_01_01_title{width:100%; padding-bottom:25px; font-size:18px; font-weight:normal; padding-top:5%;}
  div .right-content dl dt {width:100%;}
  div .right-content dl dd {width:100%;}
  div .right-content dl { clear:both; margin-bottom:10%; padding-bottom:8%; border-bottom:1px dotted #ccc; }
  .con_01_01 img {width:100%;}
  .img_up img{width:100%;}
  .box_04_01{float:left; width:48%; margin-top:50px;}
  .box_04_01 img{width:100%;}
  .box_04_01 p{font-size: 13px;line-height: 23px;}
  .box_04_01 .box_04_01_text{font-size: 14px;line-height: 23px;}
  .box_04_02{float:left; width:48%; margin-top:50px;}
  .box_04_02 img{width:100%;}
  .box_04_02 p{font-size: 13px;line-height: 23px;}
  .box_04_02 .box_04_01_text{font-size: 14px;line-height: 23px;}
  .box_04_03{float:left; width:45%; margin-top:30px; margin-right:15px;}
  .box_04_04{width:45%; margin-top:30px;}
  .con_09_text p {font-weight: 400;font-size: 13px;line-height: 22px;}
  .con_09_text .con_08_text{font-weight: 700;font-size: 14px;line-height: 30px;}
  .con_01_04_box .box_04_05{float:left; width:47%; margin-right:15px;}
  .con_01_04_box .box_04_05 p{font-size: 13px;line-height: 22px; margin-top:5px;}
  .con_01_04_box .box_04_06{float:left; width:47%; }
  .con_01_04_box .box_04_06 p{font-size: 13px;line-height: 22px; margin-top:5px;}
  .con_020102_left{width:33%; margin-right:18px; }
  .con_020102_center{width:5%;  margin-right:18px; font-size:20px;padding-top:35%; }
  .con_020102_right{width:48%;}
  .con_020102_right p{font-size: 10px;line-height: 15px;  padding:5px 0px 5px 5px;}
  .box_mini p {font-size: 13px;line-height: 19px;  padding:13px 13px 13px 9px;}

 .color_box {height:130px; }
 .color_box_01 {height:130px;  }
 .color_box p{font-size: 12px;line-height:18px;color:#ffffff;padding:10px 10px 5px 10px; }
 .color_box_01 p{font-size: 12px;line-height:18px;color:#ffffff;padding:10px 10px 5px 10px; }
 .con_0_text p{font-size: 13px;line-height: 23px;}
 .con_01_04_box .box_05_01{float:left; width:46%;margin-right:15px; margin-top:15px;}
 .con_01_04_box .box_05_01 img{width:100%;}
 .con_01_04_box .box_05_02{float:left; width:46%;margin-top:15px; }
 .con_01_04_box .box_05_02 img{width:100%;}
 .point_text{font-weight:700;color:#0858af;}
 .point_text_01{font-weight:700;color:#f15916;}

 .updown_box{width:290px; height:290px;  margin-right:15px;  background: url('/img/blue_down.png') no-repeat 50%; float:left; margin-top:30px; text-align:center;}
.updown_box_right{width:290px; height:290px; background: url('/img/blue_down.png') no-repeat;float:left; margin-top:30px; text-align:center; margin-right:15px; }
.updown_box_01{width:290px;height:290px; margin-right:15px; background: url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box_right_01{width:290px; height:290px; background:url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:80px }
.updown_box_01 .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold; padding-top:120px }
.updown_box_right .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:80px  }
.updown_box_right_01 .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:120px;  }
.sub_point_t {font-size:20px !important; padding: 0 10px; word-break:keep-all;}
.sub_point_t img {width:70px;}
.sub_tit7 {margin-top: 30px; margin-bottom: 10px;}
.table07 tr td, .table07 tr th {font-size:13px; padding: 10px 8px;}
.table07 tr th {width:40px;}
.table07 tr td ul li div {width:15px; height: 15px;}
 .table07 tr td ul li p {line-height: 15px; font-size:13px;}
 .spec7 ul li {padding-bottom: 5px;}
 
.structure07 > div:first-child {width:50%;}
.structure07 > div:last-child {width:50%; text-align: left; padding-left: 15px;}
.structure07 > div ul {margin-top: 0;border-left: 2px solid #0a4f87; padding-left: 15px;}
.structure07 > div:last-child:before { left: -2px;top:29%;widTH: 17px;}
 
 .structure07 > div ul li {padding-bottom: 10px; font-size:12px; line-height: 1.5;}
 .structure07 > div ul li p {margin-bottom: 0;}
 .sub07_dr li {width:50%;}
.sub07_dr li p {font-size:14px; margin-top: 15px; margin-bottom: 0;}
.sub07_it li {width:48%; margin-right: 4%;}
.sub07_it li:nth-child(3n) {margin-right: 4%;}
.sub07_it li:nth-child(2n) {margin-right: 0;}
.sub07_it li img {max-width:100%;}
.sub07_it li p {margin-top: 10px;}
.sub07_it {display:flex; flex-wrap:wrap;}

.sub07_effect img {margin: 20px 0 10px 0;;}
 .sub07_effect > div p {margin-bottom: 5px;}
 }


@media screen and (max-width: 320px){

 #container .right-content {  width: 100%;}
.line{padding-bottom:13px;width:100%;}
.sub_tit{font-size:13px;  font-weight:700; color:#333333; padding-bottom:13px;}
.sub_tit_r {width:100%; }
.sub_tit_r p{font-size:11px; line-height:180%; color:#666666; }
.compa{margin-top:34px; margin-bottom:34px; text-align:center; width:100%;}
.compa_{margin-bottom:34px; text-align:center; width:100%;}
.line_{margin-bottom:30px;width:100%;}
.sub_tit_h{ width:100%; margin-top:100px; margin-bottom:44px;}
.sub_tit_h ul li{ font-size:13px;  }
.sub_tit_r .ud_l{font-size:11px; font-weight:700;text-decoration: underline;color:#333333; }
.line_2{ padding-top:324px; width:100%;}
.sub_tit_2{width:100%; font-size:13px;}

 .updown_box{width:290px; height:290px;  margin-right:15px;  background: url('/img/blue_down.png') no-repeat 50%; float:left; margin-top:30px; text-align:center;}
.updown_box_right{width:290px; height:290px; background: url('/img/blue_down.png') no-repeat;float:left; margin-top:30px; text-align:center; margin-right:15px; }
.updown_box_01{width:290px;height:290px; margin-right:15px; background: url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box_right_01{width:290px; height:290px; background:url('/img/orange_up.png') no-repeat;float:left;margin-top:30px; text-align:center;}
.updown_box .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:80px }
.updown_box_01 .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold; padding-top:120px }
.updown_box_right .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:80px  }
.updown_box_right_01 .con_ud_txt{font-size: 22px; color:#ffffff;  font-weight:bold;padding-top:120px;  }

}



