@charset "utf-8"; /* sub(common) */ #wrap #container .con_box{padding:0px 0 0 0;} #wrap #container .con_box h5{font-size: 30px;color: #181818;text-align: center;font-weight: 500;margin: 0 0 120px 0;} #wrap #container .con_box p.subject{font-size: 30px;color: #000;font-weight: 500;margin-bottom: 18px;} #wrap #container .con_box p.txt{font-size: 16px;color: #6a6a6a;line-height: 25px;font-weight: 300;} #wrap #container .con_box .table_box.style2{border-top: 2px solid #000;} #wrap #container .con_box .table_box.style2 table{border: none;width: 100%;} #wrap #container .con_box .table_box.style2 table th, #wrap #content .con_box .table_box.style2 table td{height: 68px;border-bottom: 1px solid #a1a1a1;font-size: 16px;text-align: left;} #wrap #container .con_box .table_box.style2 table th{font-weight: 500;color: #000;} #wrap #container .con_box .table_box.style2 table td{color: #585858;font-weight: 300;} #wrap #container .con_box .table_box.style2 table th.first{padding: 0 0 0 45px;width: 65px;} #wrap #container .con_box .table_box.style3{border-top: 2px solid #000;} #wrap #container .con_box .table_box.style3 table{width: 100%;} #wrap #container .con_box .table_box.style3 table thead th{background: #f7f7f7;font-weight: 500;text-align: center;font-size: 18px;height: 55px;border: 1px solid #a1a1a1;border-top: none;} #wrap #container .con_box .table_box.style3 table tbody th, #wrap #content .con_box .table_box.style3 table tbody td{height: 55px;font-size: 16px;color: #585858;font-weight: 300;text-align: center;height: 58px;border: 1px solid #a1a1a1;} #wrap #container .con_box .table_box.style3 table tbody th{} #wrap #container .con_box .table_box.style3 table tbody td{} #wrap #container .con_box .table_box.style3 table .first{border-left: none;} #wrap #container .con_box .table_box.style3 table .last{border-right: none;} /* sub1_1 회사소개*/ #wrap #container .con_box.sub1_1{padding: 50px 0 0 0;} #wrap #container .con_box.sub1_1 .intro_box{height: 250px;} #wrap #container .con_box.sub1_1 .intro_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_1 .intro_box .logo{float: left;width: 300px;text-align: center;text-align: center;} #wrap #container .con_box.sub1_1 .intro_box .txt{float: left;width: 900px;padding: 15px 0 0 0;} #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 15px;color: #6a6a6a;font-weight: 300;line-height: 25px;} #wrap #container .con_box.sub1_1 .intro_box .txt p.subject{font-weight: 600;margin-bottom: 15px;font-size: 25px;color: #11488a;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size: 16px;font-weight: 500;color: #000;display: block;margin-bottom: 2px;} #wrap #container .con_box.sub1_1 .intro_box .txt p span.pc_cut{display:block;} #wrap #container .con_box.sub1_1 .table_box.style2{margin: 0 0 90px 0;} .manage_box{width: 100%;height: 873px;background: #000 url(../img/p_img/sub1_1_parallax.jpg) no-repeat center center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover;} .manage_box h5{position: relative;font-size: 30px;color: #fff;text-align: center;font-weight: 500;margin: 0 0 45px 0;padding: 195px 0 20px 0;} .manage_box h5 span.h5_line{padding-bottom:15px; background: url(../img/s_img/h5_line.gif) no-repeat center bottom;} /* .manage_box h5 .line{position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;} .manage_box h5 .line span{display: block;width: 36px;height: 1px;background: #fff;margin: 0 auto;} */ .manage_box p{font-size: 15px;color: #fff;font-weight: 300;line-height: 24px;text-align: center;margin-bottom: 45px;} .manage_box p span.pc_cut{display:block;} .pocket_wrap{width: 827px;padding: 0 0 0 34px;height: 242px;margin: 0 auto;background: url(../img/s_img/sub1_1_pocket_wrap.png) no-repeat center 0;} .pocket_wrap:after{display: block;content: '';clear: both;} .pocket_wrap .pocket{float: left; display:inline;width: 242px;} .pocket_wrap .pocket.center{margin: 0 19px;} .pocket_wrap .pocket p.title{font-size: 20px;color: #4bc8ef;font-weight: 500;padding: 60px 0 45px 0;margin-bottom: 0;} .pocket_wrap .pocket p.txt{} .pocket_wrap_mobile{display:none;} /* sub1_1 */ /* sub1_2 인사말*/ #wrap #container .con_box.sub1_2{} #wrap #container .con_box.sub1_2 p.title{font-size: 40px;color: #11488a;font-weight: normal;text-align: center;line-height: 55px;letter-spacing: -1px;} #wrap #container .con_box.sub1_2 p.title strong{font-weight: 500;display: block;font-size:40px;} #wrap #container .con_box.sub1_2 .intro_box{} #wrap #container .con_box.sub1_2 .intro_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_2 .intro_box .left{float: left;width:40%;text-align: center;padding: 25px 0 0 0;} #wrap #container .con_box.sub1_2 .intro_box .left img{width:100%; max-width:363px;} #wrap #container .con_box.sub1_2 .intro_box .right{float: left;width:60%;margin: 0 auto;padding: 90px 0 0 0px;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size: 15px;color: #6a6a6a;font-weight: 300;line-height: 25px;margin-bottom: 25px;text-align: left;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt span.pc_cut{display:block;} #wrap #container .con_box.sub1_2 .intro_box ul.cert{float:right;padding-top: 20px;width: 60%;margin: 0 auto;} #wrap #container .con_box.sub1_2 .intro_box ul.cert:after{display: block;content:'';clear: both;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li{float: left;display:inline; width:25%;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li.last{margin-right: 0;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li img{width:100%; max-width:173px;} /* sub1_2 */ /* sub1_3 주요고객사*/ #wrap #container .con_box.sub1_3{} #wrap #container .con_box.sub1_3 ul.info03_list{clear:both; width:100%; padding-bottom:40px;} #wrap #container .con_box.sub1_3 ul.info03_list:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_3 ul.info03_list li{float:left; display:inline; width:19%; margin-right:1.25%; text-align: center;} #wrap #container .con_box.sub1_3 ul.info03_list li img{width:100%; max-width:235px;} #wrap #container .con_box.sub1_3 ul.info03_list li.last{margin-right: 0;} p.w1200{clear:both; width:100%;} p.w1200 img{width:100%; max-width:1200px; margin:0 auto;} /* sub1_3 */ /* sub1_5 */ #wrap #container .con_box.sub1_5{padding: 0px 0 0 0;} #wrap #container .con_box.sub1_5 .leap_wrap{position: relative;width: 1035px;margin: 0 auto;margin-top: 80px;margin-bottom:80px;} #wrap #container .con_box.sub1_5 .leap_wrap .line{position: absolute;left: 0;top: 51px;z-index: 1;width: 100%;height: 1px;background: #ccc;} #wrap #container .con_box.sub1_5 .leap_wrap:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_5 .leap_wrap .dot{position: relative;z-index: 3;float: left;width: 5px;height: 5px;margin: 49px 0 0 0;background: #11488a;border-radius: 5px;} #wrap #container .con_box.sub1_5 .leap_wrap .leap{position: relative;z-index: 2;float: left;width: 256.25px;z-index: 2;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .step{width: 103px;height: 103px;margin: 0 auto;text-align: center;color: #fff;font-weight: 500;font-size: 23px;line-height: 103px;background: url(../img/s_img/sub1_3_leap.png) no-repeat center center;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box{padding: 15px 0 0 0;text-align: center;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box p.tit{font-size:18px;color: #000; line-height:1.2; font-weight: 600;margin-bottom: 10px; letter-spacing:-0.05em;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box p.txt{font-size: 15px;color: #6a6a6a; line-height:1.2;font-weight: 300; letter-spacing:-0.05em;} #wrap #container .con_box.sub1_5 .leap_wrap_mobile{display:none;} #wrap #container .con_box.sub1_5 .leap_wrap_mobile img{width:100%; max-width:1040px; margin:0 auto;} .gray_box{clear:both; background: #f3f3f3;padding: 80px 0 80px 0; width:100%;} .gray_box .container{width:1200px; margin:0 auto;} .gray_box p.subject{margin-bottom: 40px; font-size:30px; color: #111; text-align:left; font-weight:500; line-height:32px !important;} .quality{} .quality p.title{font-size: 23px;font-weight: 600;text-align: center;margin-bottom: 28px;} .quality .bd_box{width: 522px;height: 110px;border: 2px solid #11488a;border-radius: 110px;margin: 0 auto;} .quality .bd_box p{text-align: center;font-size: 18px;line-height:1.2;color: #4b4b4b;font-weight: normal;} .quality .bd_box p strong{font-size: 20px;line-height:1.2; color: #11488a;font-weight: 600;display: block;padding:20px 0 7px 0;} .quality .arrow{width: 32px;height: 38px;background: url(../img/s_img/sub1_3_arrow.png) no-repeat center center;margin: 0 auto;margin-top: 21px;margin-bottom: 19px;} .quality .process_wrap{position: relative;width: 100%;height: 220px;overflow: hidden;} .quality .process_wrap .line{border: 2px solid #11488a;width: 556px;margin: 0 auto;margin-top: 21px;border-radius: 50px;height: 500px;} .quality .process_wrap .line span{display: block;width: 2px;height: 500px;margin: 0 auto;background: #11488a;} .quality .process_wrap .process_box{position: absolute;top: 0;left: 0;width: 100%;} .quality .process_wrap .process_box ul{width: 820px;margin: 0 auto;} .quality .process_wrap .process_box ul li{width: 100%;} .quality .process_wrap .process_box ul li:after{display: block;content: '';clear: both;} .quality .process_wrap .process_box .box{float: left;width: 258px;height: 47px;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size: 20px;font-weight: 500;background: #1b60b3;} .quality .process_wrap .process_box .box.center{margin: 0 23px;} .quality .process_wrap .process_box .title{width: 258px;height: 47px;margin: 0 auto;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size: 20px;font-weight: 500;background: #11488a;margin-bottom: 74px;} .quality .process_wrap .process_box ul li.first{margin-bottom: 25px;} .quality .process_wrap .process_box ul li.first .box{background: #ef981c;} .leap_wrap .leap .txt_box p.txt{line-height:16px;} .quality .bd_box p{font-size:18px;} .quality .bd_box p strong{font-size: 23px;padding:10px 0 7px 0;} .quality .process_wrap .process_box .box{float: left;width: 258px;height: 50px;line-height: 20px;font-size: 16px;padding-top:4px;} .quality .process_wrap{height: 246px;} .quality .process_wrap ul li.one div.one{line-height:35px;} ul.promise li .txt{font-size:17px;} .quality_mobile{display:none;} .policy{padding: 80px 0 80px 0;} .policy .container{width:1200px; margin:0 auto;} .policy p.subject{margin-bottom: 60px;margin-bottom: 40px; font-size:30px; color: #111; text-align:left; font-weight:500; line-height:32px !important;} .policy .p_box{} .policy .p_box:after{display: block;content: '';clear: both;} .policy .p_box .con{float: left;width: 21.5%;margin-right: 90px;} .policy .p_box .con .bd_box{width: 100%;border: 2px solid #11488a;height: 65px;border-radius: 65px;font-size: 23px;color: #11488a;font-weight: 600;line-height: 65px;text-align: center;} .policy .p_box .con .arrow{width: 100%;height: 38px;background: url(../img/s_img/sub1_3_arrow.png) no-repeat center center;margin: 15px 0;} .policy .p_box .con ul{} .policy .p_box .con ul li{margin-bottom: 14px;} .policy .p_box .con ul li .box{width: 100%;height: 47px;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size:17px; letter-spacing:-0.05em; font-weight: 500;background: #1b60b3;} .policy .p_box .con ul li.first .box{background: #ef981c;} .policy .p_box .txt_box{float: left;width:68%; padding: 78px 0 0 0;} .policy .p_box .txt_box p.txt{font-size: 16px;color: #6a6a6a;font-weight: 300;line-height: 25px;} .policy .p_box .txt_box p.subject{font-size: 25px;color: #3f3f3f;font-weight: 500;margin-top: 20px;} ul.promise{margin-bottom: 70px; width:100%; max-width:1200px; margin:0 auto;} ul.promise:after{display: block;content: '';clear: both;} ul.promise li{float: left;width:24.41%;height: 223px;background: #fff;margin-right:0.78%;} ul.promise li.last{margin-right: 0;} ul.promise li .num{margin: 44px 0 22px 0;height: 49px;width: 100%;line-height: 47px;color: #fff;font-weight: 500;text-align: center;font-size: 20px;background: url(../img/s_img/sub1_3_promise_num.png) no-repeat center center;} ul.promise li .txt{text-align: center;font-size: 20px;color: #282828;font-weight: normal;line-height: 24px;} ul.promise li .txt span.pc_cut{display:block;} p.p_txt{font-size: 20px;line-height: 27px;color: #6a6a6a;font-weight: 300;text-align: center;margin-top: 70px;} .last_box{} .last_box .logo{margin: 50px 0 20px 0;text-align: center;} .last_box p.txt{font-size: 25px;color: #000;font-weight: 500;text-align: center;} /* sub1_5 */ /* sub1_6 조직도*/ #wrap #container .con_box.sub1_6 .org_box_mobile{display:none; } #wrap #container .con_box.sub1_6 .org_box_mobile img{width:100%; max-width:540px; margin:40px auto;} #wrap #container .con_box.sub1_6{margin-bottom:40px;} #wrap #container .con_box.sub1_6 .org_box{width: 100%;height:500px;background: url(../img/s_img/sub1_4_org_box_bg_new.png) no-repeat 111px 45px; } #wrap #container .con_box.sub1_6 .org_box .box{width: 216px;height: 53px;line-height: 53px;margin: 0 auto;color: #fff;font-weight: 500;text-align: center;font-size: 20px;background: #959595;} #wrap #container .con_box.sub1_6 .org_box .box.ceo{background: #11488a;margin-bottom: 48px;} #wrap #container .con_box.sub1_6 .org_box .box.general{background: #ef981c;margin-bottom: 37px;} #wrap #container .con_box.sub1_6 .org_box .box.finance{background: #ef981c;margin-left: 232px;} #wrap #container .con_box.sub1_6 .org_box ul.depart{padding: 76px 0 0 68px;} #wrap #container .con_box.sub1_6 .org_box ul.depart:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_6 .org_box ul.depart li{position: relative;float: left;width: 216px;margin-right: 67px;} #wrap #container .con_box.sub1_6 .org_box ul.depart li.last{margin-right: 0;} #wrap #container .con_box.sub1_6 .org_box ul.depart li .tree{position: absolute;left: -16px;top: 98px;width: 251px;} #wrap #container .con_box.sub1_6 .org_box ul.depart li .tree:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_6 .org_box ul.depart li .tree .team{float: left;width: 116px;height: 36px;background: #fff;border: 1px solid #ccc;line-height: 36px;text-align: center;font-size: 18px;color: #2b2b2b;font-weight: 500;margin: 0 15px 0 0;} #wrap #container .con_box.sub1_6 .org_box ul.depart li .tree .team.right{margin-right: 0;} #wrap #container .con_box.sub1_6 .org_box ul.depart li.last .tree{} #wrap #container .con_box.sub1_6 .org_box ul.depart li.last .tree .team{float: none;clear: both;width: 116px;margin: 0 auto;} /* sub1_6 */ #wrap #container .con_box.sub1_6 .org_box .box {font-size:16px;} #wrap #container .sub1_6.con_box .org_box ul.depart li .tree .team {font-size:13px;height:58px;line-height:15px;} #wrap #container .sub1_6.con_box .org_box ul.depart li .tree .one {padding-top:16px;} #wrap #container .sub1_6.con_box .org_box ul.depart li .tree .two {padding:10px 0 6px 0;} #wrap #container .sub1_6.con_box .org_box ul.depart li .tree .three {padding:6px 0 10px 0;} .h70{height:70px !important;padding-top:3px;} .mb10{margin-bottom:10px !important;} #wrap #container .con_box.sub1_6 .org_box ul.depart li .tree .non{float: left;width: 116px;height: 80px;background: #fff;border:none !important;text-align: center;font-size: 16px;color: #2b2b2b;font-weight: 500;margin: 0 15px 0 0;} /* sub1_6 */ /* sub1_6 */ /* sub1_7 오시는 길*/ #wrap #container .con_box.sub1_7{} #wrap #container .con_box.sub1_7 .map{width: 100%;height: 540px;position: relative;overflow: hidden;background: #eee;margin-bottom: 50px;} #wrap #container .con_box.sub1_7 .company_logo{text-align: center;padding: 18px 0 25px 0;} #wrap #container .con_box.sub1_7 h5{font-size: 22px;color: #525252;font-weight: 500;line-height: 31px;margin-bottom: 40px;text-align: center;} #wrap #container .con_box.sub1_7 h5 strong{font-weight: 500;color: #000;} #wrap #container .con_box.sub1_7 h5 strong span.pc_cut{display:block;} #wrap #container .con_box.sub1_7 .location_box{padding:0 20px; width: 1200px;border-top: 3px solid #0e0e0e;border-bottom: 1px solid #a1a1a1;line-height: 68px;} #wrap #container .con_box.sub1_7 .location_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_7 .location_box .box{float: left;line-height: 68px;} #wrap #container .con_box.sub1_7 .location_box .box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_7 .location_box .box.b1{width: 60%; text-align:center;} #wrap #container .con_box.sub1_7 .location_box .box.b2{width: 20%;margin-right:0px;text-align:center;} #wrap #container .con_box.sub1_7 .location_box .box.b3{width: 20%;text-align:center;} #wrap #container .con_box.sub1_7 .location_box .box strong{display: inline-block;margin: 0 20px 0 0;color: #000;font-size: 16px;font-weight: 500;} #wrap #container .con_box.sub1_7 .location_box .box span{display: inline;color: #0e0e0e;font-size: 16px; font-weight: 300; text-align:left; } #wrap #container .con_box.sub1_7 .location_box .box.b1 span.address{padding-top:20px;line-height:24px; } #wrap #container .con_box.sub1_7 .location_box .box.b1 span.pc_cut{display:block;} #wrap #container .con_box.sub1_7 .location_box .box.b1_p2{width:100%; text-align:center;} #wrap #container .con_box.sub1_7 .map_tab{position:relative;width: 100%;margin: 0 auto;} #wrap #container .con_box.sub1_7 .map_tab:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_7 .map_tab li{position: relative;float: left;width: 50%;} #wrap #container .con_box.sub1_7 .map_tab>li>a {position: absolute;z-index: 3;display:block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #11488a;letter-spacing: -1px;font-size: 20px;font-weight: 300;border: 1px solid #11488a;border-radius: 50px;} #wrap #container .con_box.sub1_7 .map_tab>li.on>a {font-weight: 500;color: #fff;background: #11488a;border: 1px solid #11488a;} #wrap #container .con_box.sub1_7 .map_tab>li>div.tab_box{height: 0;overflow: hidden;position: absolute;left: 0;width: 200%;padding: 70px 0 0 0} #wrap #container .con_box.sub1_7 .map_tab>li.on>div.tab_box{height:auto;position: static;} #wrap #container .con_box.sub1_7 .map_tab li.one div.tab_box{position: relative;left: 0;} #wrap #container .con_box.sub1_7 .map_tab li.two div.tab_box{position: relative;left: -100%;} #wrap #container .con_box.sub1_7 .map_tab li.one a{top: 0;right: 10px;width: 150px;} #wrap #container .con_box.sub1_7 .map_tab li.two a{top: 0;left: 10px;width: 150px;} /* sub1_7 */ /* sub2_1 Smart Factory*/ #wrap #container .con_box.sub2_1{} #wrap #container .con_box.sub2_1 p.txt{line-height: 23px;margin-bottom: 35px;} #wrap #container .con_box.sub2_1 .system_box{margin-bottom: 110px;} #wrap #container .con_box.sub2_1 .system_box p.title{font-size: 20px;color: #11488a;font-weight: 500;letter-spacing: -0.5px;margin-bottom: 60px;} #wrap #container .con_box.sub2_1 .system_box .process{position: relative;margin-bottom: 55px;} #wrap #container .con_box.sub2_1 .system_box .process .line{position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ccc;} #wrap #container .con_box.sub2_1 .system_box .process:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_1 .system_box .process .dot{position: relative;z-index: 2;float: left;width: 5px;height: 119px;background: url(../img/s_img/sub2_1_process_dot.png) no-repeat center 51%;} #wrap #container .con_box.sub2_1 .system_box .process ul{position: relative;z-index: 3;float: left;padding: 0 56px;} #wrap #container .con_box.sub2_1 .system_box .process ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_1 .system_box .process ul li{float: left;width: 119px;height: 119px;margin-right: 72px;background: url(../img/s_img/sub2_1_process_icon.png) no-repeat center center;} #wrap #container .con_box.sub2_1 .system_box .process ul li.last{margin-right: 0;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{display: table-cell;vertical-align: middle; padding-top:4px; width: 119px;height: 119px;text-align: center;color: #fff;font-size: 12px;font-weight: normal;line-height:16px;letter-spacing:-0.05em;} #wrap #container .con_box.sub2_1 .system_box .img_box{margin-bottom: 60px;} #wrap #container .con_box.sub2_1 .system_box .img_box .tit{font-size: 18px;color: #343434;font-weight: 500;padding: 0 0 15px 10px;background: url(../img/s_img/sub2_1_img_box_tit.gif) no-repeat 0 7px;} #wrap #container .con_box.sub2_1 .system_box .img_box ul{} #wrap #container .con_box.sub2_1 .system_box .img_box ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_1 .system_box .img_box ul li{float: left; width:31.5%; max-width: 378px;height: 265px;;overflow: hidden;margin-right:2.75%;} #wrap #container .con_box.sub2_1 .system_box .img_box ul li img{width:100%; max-width:378px; margin:0 auto;} #wrap #container .con_box.sub2_1 .system_box .img_box ul li.last{margin-right: 0;} #wrap #container .con_box.sub2_1 .system_box .process_990{display:none; width:100%; text-align:center;} #wrap #container .con_box.sub2_1 .system_box .process_990 img{width:100%; max-width:990px; margin:0px auto 40px auto;} #wrap #container .con_box.sub2_1 .system_box .process_520{display:none; width:100%; text-align:center;} #wrap #container .con_box.sub2_1 .system_box .process_520 img{width:100%; max-width:520px; margin:0px auto 40px auto;} /* sub2_1 */ /* sub2_2 제품공정프로세스 #wrap #container .con_box.sub2_2{} #wrap #container .con_box.sub2_2 ul.prdc{width: 737px;margin: 0 auto;padding: 60px 0 100px 0;} #wrap #container .con_box.sub2_2 ul.prdc li{position: relative;margin-bottom: 23px;} #wrap #container .con_box.sub2_2 ul.prdc li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 ul.prdc li .box{position: relative;z-index: 2;float: left;width: 257px;height: 56px;background: #fff;border: 1px solid #11488a;border-radius: 15px;color: #11488a;font-size: 16px;line-height: 56px;font-weight: 500;text-align: center;} #wrap #container .con_box.sub2_2 ul.prdc li .box.left{background: #11488a;color: #fff;} #wrap #container .con_box.sub2_2 ul.prdc li .dot{position: relative;z-index: 3;float: left;width: 219px;height: 56px;background: url(../img/s_img/sub2_2_prdc_dot.png) no-repeat center center;} #wrap #container .con_box.sub2_2 ul.prdc li .line{position: absolute;top: 27px;left: 0;width:99%;height: 1px;background: #ccc;} */ #wrap #container .con_box.sub2_2 .process_box{} #wrap #container .con_box.sub2_2 .process_box .title{font-size: 20px;color: #11488a;font-weight: 500;letter-spacing: -0.5px;margin-bottom: 55px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile{display:none;} #wrap #container .con_box.sub2_2 .process_box .process{background: url(../img/s_img/sub2_2_process_bg.png) no-repeat 0 19px;margin-bottom: 130px;} #wrap #container .con_box.sub2_2 .process_box .process ul{width: 1100px;margin: 0 auto;} #wrap #container .con_box.sub2_2 .process_box .process ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .process ul li{float: left;width: 220px;height: 148px;} #wrap #container .con_box.sub2_2 .process_box .process ul li.right{float: right;} #wrap #container .con_box.sub2_2 .process_box .process ul li .num{height: 45px;text-align: center;color: #fff;line-height: 45px;font-size: 16px;font-weight: 500;background: url(../img/s_img/sub2_2_process_num_bg.png) no-repeat center center;margin-bottom: 5px;} #wrap #container .con_box.sub2_2 .process_box .process ul li .sjt{font-size: 15px;color: #0b0b0b;font-weight: 500;margin-bottom:3px;text-align: center;} #wrap #container .con_box.sub2_2 .process_box .process ul li .txt_box{} #wrap #container .con_box.sub2_2 .process_box .process ul li .txt_box p{font-size:12px;color: #4f4f4f;font-weight: 300;line-height:14px;text-align: center; letter-spacing:-0.05em;} #wrap #container .con_box.sub2_2 .process_box .img_box{margin-bottom: 110px;} #wrap #container .con_box.sub2_2 .process_box .img_box .tit{font-size: 18px;color: #343434;font-weight: 500;padding: 0 0 10px 10px;background: url(../img/s_img/sub2_1_img_box_tit.gif) no-repeat 0 7px;} #wrap #container .con_box.sub2_2 .process_box .img_box p.txt{margin-bottom: 35px;} #wrap #container .con_box.sub2_2 .process_box .img_box ul{} #wrap #container .con_box.sub2_2 .process_box .img_box ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li{position: relative;float: left;width: 31.33%;margin-right:2%;border: 1px solid #ccc;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li.last{margin-right: 0;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li .img{width: 100%;height: 100%;line-height: 1;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li .img img{width: 100%;display: block;height: 100%;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li .img_txt{width: 100%;height: 90px;line-height: 90px;text-align: center;border-top: 1px solid #ccc;font-size: 18px;color: #343434;font-weight: 500;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li .bullet{position: absolute;bottom: -3px;left: 0;width: 100%;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} /* sub2_2 */ /*sub2_2*/ #wrap #container .con_box.sub2_2{} #wrap #container .con_box.sub2_2 ul.prdc{width: 737px;margin: 0 auto;padding: 60px 0 100px 0;} #wrap #container .con_box.sub2_2 ul.prdc li{position: relative;margin-bottom: 23px;} #wrap #container .con_box.sub2_2 ul.prdc li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 ul.prdc li .box{position: relative;z-index: 2;float: left;width: 257px;height: 56px;background: #fff;border: 1px solid #11488a;border-radius: 15px;color: #11488a;font-size: 14px;line-height: 20px;font-weight: 500;text-align: center;padding-top:15px;} #wrap #container .con_box.sub2_2 ul.prdc li .two{padding-top:8px !important;} #wrap #container .con_box.sub2_2 ul.prdc li .box.left{background: #11488a;color: #fff;} #wrap #container .con_box.sub2_2 ul.prdc li .dot{position: relative;z-index: 3;float: left;width: 219px;height: 56px;background: url(../img/s_img/sub2_2_prdc_dot.png) no-repeat center center;} #wrap #container .con_box.sub2_2 ul.prdc li .line{position: absolute;top: 27px;left: 0;width: 100%;height: 1px;background: #ccc;} /*sub2_2*/ /* sub2_3 생산설비*/ #wrap #container .con_box.sub2_3{} #wrap #container .con_box.sub2_3 p.txt{margin-bottom: 50px;} #wrap #container .con_box.sub2_3 .equip_box{} #wrap #container .con_box.sub2_3 .equip_box p.title{font-size: 20px;color: #11488a;font-weight: 500;letter-spacing: -0.5px;margin-bottom: 20px;} #wrap #container .con_box.sub2_3 .equip_box .img_box{margin-bottom: 40px;} #wrap #container .con_box.sub2_3 .equip_box .img_box .tit{font-size: 18px;color: #343434;font-weight: 500;padding: 0 0 20px 10px;background: url(../img/s_img/sub2_1_img_box_tit.gif) no-repeat 0 7px;} #wrap #container .con_box.sub2_3 .equip_box .img_box ul{} #wrap #container .con_box.sub2_3 .equip_box .img_box ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_3 .equip_box .img_box ul li{float: left;width: 31.5%;height: 100%;background: #cfd8df;overflow: hidden;margin-right:2.75%;} #wrap #container .con_box.sub2_3 .equip_box .img_box ul li img{width:100%; max-width:378px; margin:0 auto; } #wrap #container .con_box.sub2_3 .equip_box .img_box ul li.last{margin-right: 0;} #wrap #container .con_box.sub2_3 .table_box.style3{margin-bottom: 100px;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list{} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li{position: relative;float: left;width: 31.33%;margin: 0 2% 42px 0;border: 1px solid #ccc;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li.last{margin-right: 0;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .img_box{width: 100%;height: 100%;line-height: 1;border-bottom: 1px solid #ccc;margin-bottom: 0;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .img_box img{width: 100%;display: block;height: 100%;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box{width: 100%;height:100%; padding-bottom:30px;text-align: center;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p{font-size: 16px;color: #343434;font-weight: 300;line-height: 21px;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p.tit{padding: 30px 0 8px 0;font-size: 18px;color: #343434;font-weight: 500;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .line{position: absolute;bottom: -3px;left: 0;width: 100%;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;}/* sub2_3 */ /* sub2_3 */ /* sub2_4 */ #wrap #container .con_box.sub2_4{} #wrap #container .con_box.sub2_4 p.title{font-size: 20px;color: #11488a;font-weight: 500;margin-bottom: 20px;} #wrap #container .con_box.sub2_4 .video_box{margin: 60px 0 70px 0;} #wrap #container .con_box.sub2_4 .video_box .video{width: 100%;height: 575px;background: #cfd8df;} #wrap #container .con_box.sub2_4 .img_box{} #wrap #container .con_box.sub2_4 .img_box ul{} #wrap #container .con_box.sub2_4 .img_box ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_4 .img_box ul li{float: left;width: 378px;height: 265px;margin-right: 33px;} #wrap #container .con_box.sub2_4 .img_box ul li.last{margin-right: 0;} #wrap #container .con_box.sub2_4 dl{clear:both; margin:60px auto;} #wrap #container .con_box.sub2_4 dt{font-size: 20px;color: #11488a;font-weight: 500;margin-bottom: 15px;} #wrap #container .con_box.sub2_4 dd{font-size: 16px;color: #6a6a6a;line-height: 25px;font-weight: 300;} #wrap #container .con_box.sub2_4 dd.w1200{width:100%; margin-top:40px;} #wrap #container .con_box.sub2_4 dd.w1200 img{width:100%; max-width:1200px;} /* sub2_4 */ /*공정영상*/ #wrap #container .con_box p.subscript{font-size: 16px;line-height: 24px;color: #000;text-align: center;font-weight: 300;letter-spacing: -0.5px;padding: 0 0 65px 0;} #wrap #container .con_box .page_box{height: 95px; /*background: url(../img/s_img/bg_pager_line.png) no-repeat 0 13px;*/} #wrap #container .con_box .page_box ul{width: 1200px;padding: 0 0px;margin: 0 auto;} #wrap #container .con_box .page_box ul:after{display: block;content: '';clear: both;} #wrap #container .con_box .page_box ul li{position: relative;float: left;width: 110px;height: 52px; margin-bottom:20px; background: url(../img/s_img/bg_pager_line02.png) no-repeat center 13px;} #wrap #container .con_box .page_box ul li a{display: block;width: 26px;height: 26px;margin: 0 auto;text-indent: -9999px;background: url(../img/s_img/pager.png);-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;} #wrap #container .con_box .page_box ul li a:hover{ background: url(../img/s_img/pager_on.png); -webkit-background-size: 100%; background-size: 100%; } #wrap #container .con_box .page_box ul li a.active{ background: url(../img/s_img/pager_on.png); -webkit-animation: beat 1s infinite linear, ping 3s infinite; animation: beat 1s infinite linear, ping 3s infinite; -webkit-background-size: 100%; background-size: 100%; } #wrap #container .con_box .page_box ul li span.subs{position: absolute;bottom: 0;left: 0;display: block;width: 100%;text-align: center;font-size: 16px;font-weight: 300;letter-spacing: -0.5px;} #wrap #container .con_box .video{position: relative;width: 100%;height: 675px;background: #eee;overflow: hidden;} #wrap #container .con_box .video iframe{width: 100%;height: 675px;} #wrap #container .con_box .page_box{margin-bottom: 20px;} #wrap #container .con_box .page_box ul li span.subs{position: absolute;top: 30px;left: 0;display: block;width: 100%;text-align: center;font-size: 14px;line-height:16px;font-weight: 300;letter-spacing: -0.5px;} .bx-pager-item a.active { -webkit-animation: beat 1s infinite linear, ping 3s infinite; animation: beat 1s infinite linear, ping 3s infinite; } @-webkit-@keyframes beat { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes beat { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* sub3_1 히터케이스*/ #wrap #container .con_box.sub3_1{} #wrap #container .con_box.sub3_1 p.subject{margin-bottom: 15px;} #wrap #container .con_box.sub3_1 p.tit{font-size: 18px;color: #11488a;font-weight: 600;margin-bottom: 6px; letter-spacing:-0.05em;} #wrap #container .con_box.sub3_1 .top_box{margin-bottom: 60px;} #wrap #container .con_box.sub3_1 .top_box p.txt{line-height: 25px;} #wrap #container .con_box.sub3_1 .top_box p.txt strong{font-weight: 600;} #wrap #container .con_box.sub3_1 .mid_box{margin-bottom: 100px;} #wrap #container .con_box.sub3_1 .mid_box p.txt{margin-bottom: 40px;} #wrap #container .con_box.sub3_1 .mid_box .img_box img{width:100%; max-width:1200px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box{margin-bottom: 100px;} #wrap #container .con_box.sub3_1 .bot_box ul{} #wrap #container .con_box.sub3_1 .bot_box ul li{margin-bottom: 35px;} #wrap #container .con_box.sub3_1 .bot_box ul li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box{float: left; width:26.5%; /*width: 318px;*/height: 238px;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box img{width:100%; max-width:318px; min-width:318px; margin:0 auto; height:100%;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box{position: relative;float: right; width:72.16%; /*width: 866px;*/height: 236px;border: 1px solid #d7d7d7;text-align: center;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.tit{font-size: 25px;font-weight: 600;padding: 75px 0 2px 0;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.txt{font-size: 23px;color: #000;font-weight: normal;line-height: 27px;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box .line{position: absolute;top: -3px;left: 0;width: 100%;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} #wrap #container .con_box.sub3_1 .bot_box.last p.subject{margin-bottom: 20px;} #wrap #container .con_box.sub3_1 .bot_box{} #wrap #container .con_box.sub3_1 .bot_box .i_box{margin-bottom: 70px;} #wrap #container .con_box.sub3_1 .bot_box .i_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub3_1 .bot_box .i_box p.tit{font-size: 20px;color: #11488a;font-weight: 600;margin-bottom: 10px;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img{float: left; width:32.5%; /*width: 390px;*/ margin-right:1.25%;margin-bottom: 35px;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img img{width:100%; max-width:390px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img.long{width:100%; max-width: 795px;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img.long img{width:100%; max-width: 795px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img.last{margin-right: 0;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img p.txt{font-size: 16px;color: #6a6a6a;font-weight: 500;text-align: center;padding-top: 20px;} #wrap #container .con_box.sub3_1 .bot_box .lr_box{} #wrap #container .con_box.sub3_1 .bot_box .lr_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .left{float: left;width:49%; max-width:590px;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .left img{width:100%; max-width:590px; margin-right:2%;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .right{float: right;width:50%; max-width:590px;margin-right:0%;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .right img{width:100%; max-width:590px;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .left .img{width: 100%;margin-right: 0;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .right .img{width: 100%;margin-right: 0;} /* sub3_1 */ /* sub4_1 연구개발*/ #wrap #container .con_box.sub4_1{} #wrap #container .con_box.sub4_1 .top_box{margin-bottom: 70px;} #wrap #container .con_box.sub4_1 ul.research{} #wrap #container .con_box.sub4_1 ul.research li{margin-bottom: 43px;} #wrap #container .con_box.sub4_1 ul.research li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_1 ul.research li .img{float: left;width: 800px;height: 308px;} #wrap #container .con_box.sub4_1 ul.research li .img img{width: 100%;height: 308px;} #wrap #container .con_box.sub4_1 ul.research li .txt{position: relative;float: right;width: 384px;height: 306px;border: 1px solid #d7d7d7;padding-top:100px;line-height:36px;font-size: 30px;color: #000;text-align: center;font-weight: 500;} #wrap #container .con_box.sub4_1 ul.research li .txt span.bullet{position: absolute;top: -3px;left: 126px;display: block;width: 136px;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} /* sub4_1 */ /*카달로그 추가*/ ul.catal_list{clear:both; margin:40px 0; padding:0; width:100%; } ul.catal_list:after{display: block;content: '';clear: both;} ul.catal_list li{float:left; display:inline; width:33.33%; margin:0; padding:0;text-align:center; } ul.catal_list li.last{margin-right:0px !important} ul.catal_list li dl{margin-top:20px;} ul.catal_list li dt{text-align:center !important; font-size:18px; font-weight:600; padding:20px 0; letter-spacing:-0.05em; background:url(../img/s_img/catalogue_bar.gif ) no-repeat center 0;} ul.catal_list li dd img{width:100%; max-width:300px; } ul.catal_list li dd.catal_btn{text-align:center !important;} ul.catal_list li dd.catal_btn img{width:181px; margin:27px auto;} /* sub4_2 */ #wrap #container .con_box.sub4_2{} #wrap #container .con_box.sub4_2 .cert_box{width: 880px;margin: 0 auto;margin-bottom: 50px;} #wrap #container .con_box.sub4_2 .cert_box p.subject{margin-bottom: 35px;} #wrap #container .con_box.sub4_2 .cert_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_2 .cert_box .cert{float: left;width: 278px;margin-right: 23px;margin-bottom: 40px;} #wrap #container .con_box.sub4_2 .cert_box .cert.last{margin-right: 0;} #wrap #container .con_box.sub4_2 .cert_box .cert .img_box{position: relative;} #wrap #container .con_box.sub4_2 .cert_box .cert .img_box img{width: 100%;} #wrap #container .con_box.sub4_2 .cert_box .cert .img_box span{position: absolute;top: -2px;left: 0;display: block;width: 100%;height: 5px;background: url(../img/s_img/sub4_2_cert_img_bullet.png) no-repeat center center;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box{padding: 25px 20px;min-height: 160px;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box p.title{font-size: 25px;font-weight: 500;color: #000;margin-bottom: 30px;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul{} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li{margin-bottom: 18px;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li strong{float: left;display: block;width: 80px;font-size: 16px;color: #414141;font-weight: 500;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li span{float: left;display: block;width: 158px;font-size: 16px;color: #696969;font-weight: 300;} /* sub4_2 */ /* 채용 - 인재상*/ p.recr01_top{clear:both; margin:0; padding:0; text-align:center;} p.recr01_top img{width:100%; max-width:775px; margin:0 auto;} ul.recr01_list{clear:both; margin:90px 0 40px 0; } ul.recr01_list:after {display:block;visibility:hidden;clear:both;content:""} ul.recr01_list li{float:left; display:inline;} ul.recr01_list li dl{width:337px; min-height:380px; background:#f4f4f4; text-align:center; padding-top:155px;} ul.recr01_list li dl dt{font-size:30px; line-height:40px; font-weight:500; text-align:center;} ul.recr01_list li dl dd.tit{font-size:20px; line-height:30px; color:#a0a0a0; font-weight:500; text-align:center;} ul.recr01_list li dl dd.txt{padding-top:10px; font-size:16px; line-height:24px; text-align:center;} ul.recr01_list dl.icon01{background:#f4f4f4 url('../img/s_img/recr01_icon01.png') no-repeat 50% 50px;} ul.recr01_list dl.icon02{background:#f4f4f4 url('../img/s_img/recr01_icon02.png') no-repeat 50% 50px;} ul.recr01_list dl.icon03{background:#f4f4f4 url('../img/s_img/recr01_icon03.png') no-repeat 50% 50px;} ul.recr01_list li.arr{padding:190px 30px 0 30px;} ul.recr01_list li.last{margin-right:0; background:none;} #wrap #footer{width: 100%;height: 240px !important;background-color: #e5e5e5 !important;text-align: center;} #wrap #footer .container{padding-top: 34px;} #wrap #footer h2.copylogo{margin-bottom: 15px;} #wrap #footer p{color: #0e0e0e;font-size: 16px;line-height: 22px;font-weight: 300;} #wrap #footer p strong{font-weight: 500;} #wrap #footer p.copyright{margin-top: 15px;} #wrap #footer.idx p.prv{padding-top: 10px;} #wrap #footer.idx p.prv a{color: #11488a;} #wrap #footer.idx p.copyright{margin-top: 10px;} #wrap #container.section#home .container{padding-top: 100px;} #wrap #container.section#home .container{position: relative;width: 100%;height: 100%;padding-top: 0;} #wrap #container.section#home .video{width: 100%;height: 100%;background: url(../img/p_img/main_visual1.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: cover;} #wrap #container.section#home .main_txt{position: absolute;top: 0;left: 0;width: 100%;padding-top: 19%;text-align: center;color: #fff;} #wrap #container.section#home .main_txt .logo_img{} #wrap #container.section#home .main_txt .big_txt{font-size: 45px;font-weight: 500;color: #fff;margin: 16px 0 10px 0;} #wrap #container.section#home .main_txt .small_txt{font-size: 25px;font-weight: 500;color: #fff;} #wrap #container.section .scroll_view{position: absolute;z-index: 500;left: 0;bottom: 0;width: 100%;text-align: center;} #wrap #container.section .scroll_view p.txt{position: relative;color: #fff;font-size: 13px;font-weight: 500;} #wrap #container.section .scroll_view p.txt.bk{color: #101010;} #wrap #container.section .scroll_view .icon{padding-top: 10px;} /* privacy */ #wrap #container .con_box .privacy{padding: 0 0 100px 0;} #wrap #container .con_box .privacy h4 {clear:both; margin:15px 0px 10px 0px; padding:5px 0 0 0px; font-weight:600; color:#222; font-size:15px; letter-spacing:-0.5px;background: none;text-align: left;font-style: normal;line-height: 1.5;height: auto;letter-spacing: 0;margin-bottom: 0;} #wrap #container .con_box .privacy h5{margin:0;padding:10px 0 0 10px; background:none; font-size:14px; font-weight:600; color:#444; padding-bottom: 0;border-bottom: none;text-align: left;background: none;} #wrap #container .con_box .privacy p.box{margin: 10px auto;background:#f4f4f4;border:1px solid #cdcdcd;width:95%;padding:15px;font-size: 15px;line-height: 1.5;margin-bottom: 50px;} #wrap #container .con_box .privacy ul {margin:10px 0px 10px 0px; padding:0px 0 0px 0px;} #wrap #container .con_box .privacy ul li{font-weight:normal; padding-left:15px; margin:2px 0px 0px 3px; vertical-align:middle; line-height: 1.5;font-size: 15px;font-weight: 300;} #wrap #container .con_box .privacy ul.int li{padding:0; margin:0px 0px 0px 30px; text-indent:-15px; background:none;} #wrap #container .con_box .privacy ul li li{ margin:2px 0px; padding: 0 0 0 10px; } #wrap #container .con_box .privacy li dl{margin:10px 0px 10px 0px; padding:0px 0 0px 0px;} #wrap #container .con_box .privacy li dt{font-weight:normal; padding:0; margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal; color:#1c3d7c;text-indent:0px;} #wrap #container .con_box .privacy li dd{font-weight:normal; padding-left:10px; margin:2px 0px 0px 0px; vertical-align:middle;text-indent:0px; } #wrap #container .con_box .privacy dl{margin:10px 0px 10px 10px; padding:0px 0 0px 0px;} #wrap #container .con_box .privacy dt{font-weight:normal; padding-left:0px; margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal;color:#1c3d7c;line-height: 1.5;font-size: 15px;} #wrap #container .con_box .privacy dd{font-weight:normal; padding-left:10px; margin:2px 0px 0px 0px; vertical-align:middle; line-height: 1.5;font-size: 15px;} @media (max-width: 1199px) { /*폰트정리*/ /*title*/ .content_area h4{clear:both; font-size:28px; line-height:1.6; } #wrap #container .con_box h5{font-size:28px; line-height:1.6; } #wrap #container .con_box p.subject{font-size:28px;line-height:1.6} .manage_box h5{font-size:28px;line-height:1.6;} .gray_box p.subject{font-size:28px;line-height:1.6;} .policy p.subject{ font-size:28px; line-height:1.6;} #wrap #container .con_box.sub4_1 ul.research li .txt{font-size:28px; line-height:1.6;} ul.recr01_list li dl dt{font-size:28px; line-height:1.6; } ul.recr01_list li dl dt{font-size:28px; line-height:1.6; } ul.recr01_list li dl dd.tit{font-size:28px; line-height:1.6; } .manage_box h5{font-size:28px;line-height:1.6; } /*본문*/ #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 16px; line-height:1.6;} #wrap #container .con_box p.txt{font-size: 16px; line-height:1.6;} .manage_box p{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box p.txt{font-size:16px; line-height:1.6;} .policy .p_box .txt_box p.txt{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_7 .location_box .box span{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_2 .process_box .process ul li .num{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_2 .process_box .process ul li .sjt{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub2_4 dd{font-size:16px; line-height:1.6;} #wrap #container .con_box p.subscript{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img p.txt{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li strong{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li span{font-size:16px; line-height:1.6;} ul.recr01_list li dl dd.txt{font-size:16px; line-height:1.6;} #wrap #footer p{font-size:16px; line-height:1.6;} ul.recr01_list li dl dd.txt{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size:16px; line-height:1.6;} .manage_box p{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size:16px; line-height:1.6;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:16px; line-height:1.6;} ul.catal_list li dt{font-size:16px; line-height:1.6;} /*폰트정리 끝*/ .gray_box .container{width:98%; padding:0 1%;} .policy .container{width:98%; padding:0 1%;} ul.promise{width:100%; padding:0 1%;} #wrap #container .con_box.sub1_7 .location_box{width:98%; padding:0 1%;} #wrap #container .con_box.sub2_4 dd.w1200 img{width:98%; padding:0 1%;} /*카달로그 추가*/ ul.catal_list{clear:both; margin:40px 0; padding:0; width:100%; } ul.catal_list li dt{text-align:center !important; font-size:17px; font-weight:600; padding:20px 0; letter-spacing:-0.05em; background:url(../img/s_img/catalogue_bar.gif ) no-repeat center 0;} ul.catal_list li dd img{width:96%; margin:0 auto; max-width:300px; } /*1199px 채용 - 인재상*/ p.recr01_top{clear:both; margin:0; padding:0; text-align:center;} p.recr01_top img{width:100%; max-width:775px; margin:0 auto;} ul.recr01_list{clear:both; margin:90px auto 40px auto !important; width:990px; } ul.recr01_list:after {display:block;visibility:hidden;clear:both;content:""} ul.recr01_list li{float:left; display:inline;} ul.recr01_list li dl{width:290px !important; min-height:380px; background:#f4f4f4; text-align:center; padding-top:155px;} ul.recr01_list li dl dt{font-size:30px; line-height:40px; font-weight:500; text-align:center;} ul.recr01_list li dl dd.tit{font-size:20px; line-height:30px; color:#a0a0a0; font-weight:500; text-align:center;} ul.recr01_list li dl dd.txt{padding-top:10px; font-size:16px; line-height:24px; text-align:center;} ul.recr01_list dl.icon01{background:#f4f4f4 url('../img/s_img/recr01_icon01.png') no-repeat 50% 50px;} ul.recr01_list dl.icon02{background:#f4f4f4 url('../img/s_img/recr01_icon02.png') no-repeat 50% 50px;} ul.recr01_list dl.icon03{background:#f4f4f4 url('../img/s_img/recr01_icon03.png') no-repeat 50% 50px;} ul.recr01_list li.arr{padding:180px 15px 0 15px;} ul.recr01_list li.last{margin-right:0; background:none;} /*1199px sub1_1 */ #wrap #container .con_box.sub1_1{padding: 50px 0 0 0;} #wrap #container .con_box.sub1_1 .intro_box{height: 100%;} #wrap #container .con_box.sub1_1 .intro_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_1 .intro_box .logo{float: none;width: 100%; margin:0 auto; text-align: center;text-align: center;} #wrap #container .con_box.sub1_1 .intro_box .logo img{width:120px;} #wrap #container .con_box.sub1_1 .intro_box .txt{float: none;width:100%; max-width:100%; margin:40px auto; padding: 15px 0 0 0;} #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 16px;color: #6a6a6a;font-weight: 300;line-height: 25px;} #wrap #container .con_box.sub1_1 .intro_box .txt p.subject{font-weight: 600;margin-bottom: 15px;font-size: 25px;color: #11488a;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size: 18px;font-weight: 500;color: #000;display: block;margin-bottom: 2px;} #wrap #container .con_box.sub1_1 .table_box.style2{margin: 0 0 90px 0;} .manage_box{clear:both; width: 100%;height: 100%; margin:80px 0 0 0; padding-bottom:80px; background: #000 url(../img/p_img/sub1_1_parallax.jpg) no-repeat center center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover ;} .manage_box h5{position: relative;font-size: 30px;color: #fff;text-align: center;font-weight: 500;margin: 0 0 45px 0;padding:80px 0 20px 0;} .manage_box h5 .line{position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;} .manage_box h5 .line span{display: block;width: 36px;height: 1px;background: #fff;margin: 0 auto;} .manage_box p{font-size: 16px;color: #fff;font-weight: 300;line-height: 24px;text-align: center;margin-bottom: 45px;} .pocket_wrap{clear:both; width: 827px;padding: 0 0 0 34px;height: 242px;margin:40px auto 0 auto;background: url(../img/s_img/sub1_1_pocket_wrap.png) no-repeat center 0;} .pocket_wrap:after{display: block;content: '';clear: both;} .pocket_wrap .pocket{float: left; display:inline;width: 242px;} .pocket_wrap .pocket.center{margin: 0 19px;} .pocket_wrap .pocket p.title{font-size: 20px;color: #4bc8ef;font-weight: 500;padding: 60px 0 45px 0;margin-bottom: 0;} .pocket_wrap .pocket p.txt{} /* sub1_1 */ /* 1199pxsub1_5 */ #wrap #container .con_box.sub1_5 .leap_wrap{display:none;} #wrap #container .con_box.sub1_5 .leap_wrap_mobile{display:block;} #wrap #container .con_box.sub1_5 .leap_wrap_mobile img{width:100%; max-width:1040px; margin:60px auto;} .policy .p_box .con{float: left;width: 23%;margin-right:70px;} .policy .p_box .con .bd_box{width: 100%;border: 2px solid #11488a;height: 65px;border-radius: 65px;font-size: 23px;color: #11488a;font-weight: 600;line-height: 65px;text-align: center;} .policy .p_box .con .arrow{width: 100%;height: 38px;background: url(../img/s_img/sub1_3_arrow.png) no-repeat center center;margin: 15px 0;} .policy .p_box .con ul{} .policy .p_box .con ul li{margin-bottom: 14px;} .policy .p_box .con ul li .box{width: 100%;height: 47px;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size: 20px;font-weight: 500;background: #1b60b3;} .policy .p_box .con ul li.first .box{background: #ef981c;} .policy .p_box .txt_box{float: left;width:65%; padding: 78px 0 0 0;} p.p_txt{font-size:18px;} ul.promise li .txt{font-size:18px;} /* 1199px sub1_6 */ #wrap #container .con_box.sub1_6 .org_box{display:none;} #wrap #container .con_box.sub1_6 .org_box_mobile{display:block; width:100%; margin:0 auto; text-align:center;} #wrap #container .con_box.sub1_6 .org_box_mobile img{width:100%; max-width:540px; margin:40px auto;} /*1199px sub1_7 */ #wrap #container .con_box.sub1_7 .location_box .box.b1{width:100%; text-align:center; line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b2{width: 50%;margin-right:0px;text-align:center;line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b3{width: 50%;text-align:center;line-height:34px;} /* 1199px sub2_1 */ #wrap #container .con_box.sub2_1 .system_box .process{display:none;} #wrap #container .con_box.sub2_1 .system_box .process_990{display:block; width:100%; text-align:center;} #wrap #container .con_box.sub2_1 .system_box .process_520 img{width:100%; max-width:990px; margin:0px auto 40px auto;} #wrap #container .con_box.sub2_1 p.txt{line-height: 23px;margin-bottom:0px;} #wrap #container .con_box.sub2_1 .system_box{margin-bottom:20px;} #wrap #container .con_box.sub2_1 .system_box .img_box{margin-bottom:20px;} #wrap #container .con_box.sub2_1 .system_box .img_box ul li{float: left; width:31.5%; max-width: 378px;height: 100%;overflow: hidden; margin-bottom:20px; margin-right:2.75%;} #wrap #container .con_box.sub2_1 .system_box p.title{font-size:18px;color: #11488a;font-weight: 500;letter-spacing: -0.05em;margin-bottom: 40px;} /*1199px sub2_1*/ #wrap #container .con_box.sub2_2 .process_box .process{display:none;} #wrap #container .con_box.sub2_2 .process_box .process_mobile{display:block; margin-bottom:60px; width:100%;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul{width:100%;margin:0px auto; } #wrap #container .con_box.sub2_2 .process_box .process_mobile ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li{float: left;width:23%; margin:0 1%;height:320px; text-align:center;padding:0px; margin-bottom:40px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li.right{float: right;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .num{height: 45px;text-align: center;color: #fff;line-height: 45px; margin-top:20px;font-size: 16px;font-weight: 500;background: url(../img/s_img/sub2_2_process_num_bg.png) no-repeat center center;margin-bottom: 5px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .sjt{font-size: 16px;color: #0b0b0b;font-weight: 500;margin-bottom: 7px;padding-top:20px;text-align: center; background:url(../img/s_img/sub2_2_prdc_dot.png) no-repeat center top;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box{background:#f4f4f4; padding:15px; height:60%; min-height:220px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box p{ font-size: 15px;color: #4f4f4f;font-weight: 300;line-height: 20px;text-align: left; padding: 0 0 0 10px; letter-spacing:-0.05em; background:url('../img/s_img/bar.gif') no-repeat left 10px; } #wrap #container .con_box.sub2_2 ul.prdc{padding: 60px 0 60px 0;} #wrap #container .con_box.sub2_2 .process_box .img_box{margin-bottom: 60px;} /*1199px sub3_1 */ #wrap #container .con_box.sub3_1 .bot_box{margin-bottom: 100px; width:100%; max-width:991px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box{float: left; width:26.5%; /*width: 318px;*/height: 238px;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box img{width:100%; max-width:318px; min-width:318px; margin:0 auto; height:100%;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box{position: relative;float: right; width:65.89%; /*width: 866px;*/height: 236px;border: 1px solid #d7d7d7;text-align: center;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.tit{font-size: 25px;font-weight: 600;padding: 75px 0 2px 0;} /*1199px sub4_1 연구개발*/ #wrap #container .con_box.sub4_1{width:100%; margin:0 auto;} #wrap #container .con_box.sub4_1 .top_box{margin-bottom: 70px;} #wrap #container .con_box.sub4_1 ul.research{width:990px; margin:0 auto;} #wrap #container .con_box.sub4_1 ul.research li{margin-bottom: 43px;} #wrap #container .con_box.sub4_1 ul.research li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_1 ul.research li .img{float: left;width:700px;height:270px;} #wrap #container .con_box.sub4_1 ul.research li .img img{width: 100%;height: 270px;} #wrap #container .con_box.sub4_1 ul.research li .txt{position: relative;float: right;width:270px;height: 270px;border: 1px solid #d7d7d7;line-height:32px; padding-top:80px;font-size:26px;color: #000;text-align: center;font-weight: 500;} #wrap #container .con_box.sub4_1 ul.research li .txt span.bullet{position: absolute;top: -3px;left: 66px;display: block;width: 136px;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} /*1199px sub4_1 */ /**1199px공정영상*/ #wrap #container .con_box .page_box ul{width: 100%;padding: 0 0px;margin: 0 auto;} #wrap #container .con_box .page_box{height:120px; /*background: url(../img/s_img/bg_pager_line.png) no-repeat 0 13px;*/} }/* 1199px End*/ @media (max-width: 991px) { /*폰트정리*/ /*title*/ .content_area h4{clear:both; font-size:26px !important; line-height:1.6; } #wrap #container .con_box h5{font-size:26px !important; line-height:1.6; } #wrap #container .con_box p.subject{font-size:26px !important;line-height:1.6} .manage_box h5{font-size:26px !important;line-height:1.6;} .gray_box p.subject{font-size:26px !important;line-height:1.6;} .policy p.subject{ font-size:26px !important; line-height:1.6;} ul.recr01_list li dl dt{font-size:26px !important; line-height:1.6; } ul.recr01_list li dl dt{font-size:26px !important; line-height:1.6; } ul.recr01_list li dl dd.tit{font-size:26px !important; line-height:1.6; } .manage_box h5{font-size:26px !important;line-height:1.6; } /*본문*/ #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 15px !important; line-height:1.5;} #wrap #container .con_box p.txt{font-size: 15px !important;line-height:1.5;} .manage_box p{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box p.txt{font-size:15px !important;line-height:1.5;} .policy .p_box .txt_box p.txt{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub1_7 .location_box .box span{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_2 .process_box .process ul li .num{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_2 .process_box .process ul li .sjt{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub2_4 dd{font-size:15px !important;line-height:1.5;} #wrap #container .con_box p.subscript{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img p.txt{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li strong{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li span{font-size:15px !important;line-height:1.5;} ul.recr01_list li dl dd.txt{font-size:15px !important; line-height:1.5;} #wrap #footer p{font-size:15px !important;line-height:1.5;} ul.recr01_list li dl dd.txt{font-size:15px !important; line-height:1.5;} #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size:15px !important;line-height:1.5;} .manage_box p{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size:15px !important;line-height:1.5;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:15px !important;line-height:1.5;} ul.catal_list li dt{font-size:15px !important;line-height:1.5; } /*폰트정리 끝*/ #wrap #container .con_box.sub1_1 .intro_box .txt p.subject{font-weight: 600;margin-bottom: 15px;font-size:22px;color: #11488a;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size: 16px;font-weight: 500;color: #000;display: block;margin-bottom: 2px;} #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 15px;color: #6a6a6a;font-weight: 300;line-height: 25px;} .manage_box h5{position: relative;font-size: 26px;color: #fff;text-align: center;font-weight: 500;margin: 0 0 45px 0;padding:80px 0 20px 0;} .manage_box p{font-size: 15px;color: #fff;font-weight: 300;line-height: 24px;text-align: center;margin-bottom: 45px; padding-left:10px; padding-right:10px;} .manage_box p span.pc_cut{display:inline;} .pocket_wrap{display:none;} .pocket_wrap_mobile{display:block;} .pocket_wrap_mobile img{width:98%; max-width:891px; margin:0 1%; } /*991px sub1_2 */ #wrap #container .con_box.sub1_2{} #wrap #container .con_box.sub1_2 p.title{font-size:36px;color: #11488a;font-weight: normal;text-align: center;line-height: 55px;letter-spacing: -1px;} #wrap #container .con_box.sub1_2 p.title strong{font-weight: 500;display: block;font-size:40px;} #wrap #container .con_box.sub1_2 .intro_box{} #wrap #container .con_box.sub1_2 .intro_box:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_2 .intro_box .left{float: left;width:40%;text-align: center;padding: 25px 0 0 0;} #wrap #container .con_box.sub1_2 .intro_box .left img{width:100%; max-width:253px;padding-top:40px;} #wrap #container .con_box.sub1_2 .intro_box .right{float: left;width:60%;margin: 0 auto;padding: 90px 0 0 0px;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size: 16px;color: #6a6a6a;font-weight: 300;line-height: 25px;margin-bottom: 25px;text-align: left;} #wrap #container .con_box.sub1_2 .intro_box ul.cert{clear:both; float:none; padding:6px 0;width:100%; max-width:90%;margin: 0 auto;} #wrap #container .con_box.sub1_2 .intro_box ul.cert:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li{float: left;display:inline; width:25%;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li.last{margin-right: 0;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li img{width:100%; max-width:173px;} /* sub1_2 */ /* sub1_3 주요고객사*/ #wrap #container .con_box.sub1_3 ul.info03_list li{float:left; display:inline; width:32%; margin-right:1%; margin-bottom:20px; text-align: center;} /*991px sub1_5 */ #wrap #container .con_box.sub1_5 .leap_wrap{margin-top:40px; } #wrap #container .con_box.sub1_3 ul.info03_list{padding-bottom:0px; } /* sub1_3 */ /*991px sub1_5 */ .gray_box{padding: 70px 0 70px 0; width:100%;} .quality_mobile{display:block;} .quality{display:none;} .quality_mobile p.title{font-size: 23px;font-weight: 600;text-align: center;margin-bottom: 28px;} .quality_mobile p.quality_m_img{width:100%; text-align:center;} .quality_mobile p.quality_m_img img{width:100%; max-width:830px; margin:0 auto;} .policy{padding:60px 0 60px 0;} .policy .p_box .con{float: left;width:100%; margin-right:40px;} .policy .p_box .con .bd_box{width: 100%; max-width:258px; margin:0 auto; border: 2px solid #11488a;height: 65px;border-radius: 65px;font-size: 23px;color: #11488a;font-weight: 600;line-height: 65px;text-align: center;} .policy .p_box .con .arrow{width: 100%; height: 38px;background: url(../img/s_img/sub1_3_arrow.png) no-repeat center center;margin: 15px 0;} .policy .p_box .con ul{} .policy .p_box .con ul li{margin-bottom: 14px;} .policy .p_box .con ul li .box{width: 100%;max-width:258px; margin:0 auto; height: 47px;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size: 20px;font-weight: 500;background: #1b60b3;} .policy .p_box .con ul li.first .box{background: #ef981c;} .policy .p_box .txt_box{float: left;width:100%; padding:50px 0 0 0;} ul.promise{margin-bottom: 70px; width:100%; max-width:1200px; margin:0 auto;} ul.promise:after{display: block;content: '';clear: both;} ul.promise li{float: left;width:24.41%;height: 223px;background: #fff;margin-right:0.78%;} ul.promise li.last{margin-right: 0;} ul.promise li .num{margin: 44px 0 22px 0;height: 49px;width: 100%;line-height: 47px;color: #fff;font-weight: 500;text-align: center;font-size: 20px;background: url(../img/s_img/sub1_3_promise_num.png) no-repeat center center;} ul.promise li .txt{text-align: center;font-size:16px;color: #282828;font-weight: normal;line-height: 24px;} p.p_txt{font-size:16px;line-height: 27px;color: #6a6a6a;font-weight: 300;text-align: center;margin-top: 70px;} .last_box{} .last_box .logo{margin: 50px 0 20px 0;text-align: center;} .last_box p.txt{font-size:22px;color: #000;font-weight: 500;text-align: center;} /*991px sub1_7 */ #wrap #container .con_box.sub1_7 .location_box .box.b1{width:100%; text-align:center; line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b2{width: 50%;margin-right:0px;text-align:center;line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b3{width: 50%;text-align:center;line-height:34px;} #wrap #container .con_box.sub1_7 h5 strong span.pc_cut{display:inline;} #wrap #container .con_box.sub1_7 h5{font-size: 20px;color: #525252;font-weight: 500;line-height: 31px;margin-bottom: 40px;text-align: center;} /*991px sub2_1 */ #wrap #container .con_box.sub2_1 .system_box .process_990{display:none;} #wrap #container .con_box.sub2_1 .system_box .process_520{display:block; width:100%; text-align:center;} #wrap #container .con_box.sub2_1 .system_box .process_520 img{width:100%; max-width:520px; } /*991px sub2_2 */ #wrap #container .con_box.sub2_2 .process_box .img_box ul li .img_txt{height:70px; line-height:24px;padding-top:10px;; font-size:16px; letter-spacing:-0.075em;} #wrap #container .con_box.sub2_2 .process_box .process_mobile{display:block; margin-bottom:60px; width:100%;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li{float: left;width:31%; margin:0 1.16%;height:287px; text-align:center;padding:0px; margin-bottom:40px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box{background:#f4f4f4; padding:15px; height:60%; min-height:200px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box p{ font-size: 15px;color: #4f4f4f;font-weight: 300;line-height: 20px;text-align: left; padding: 0 0 0 10px; letter-spacing:-0.05em; background:url('../img/s_img/bar.gif') no-repeat left 10px; } /*991px sub2_3 */ #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box{width: 100%;height:100%; padding-bottom:20px;text-align: center;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p{font-size: 15px;color: #343434;font-weight: 300;line-height: 21px;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p.tit{padding:20px 0 8px 0;font-size:16px;color: #343434;font-weight: 500;} /*991px sub3_1 */ #wrap #container .con_box.sub3_1 .bot_box{margin-bottom: 100px; width:100%; max-width:768px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box{float: left; width:26.5%; /*width: 318px;*/height: 238px;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box img{width:100%; max-width:318px; min-width:318px; margin:0 auto; height:100%;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box{position: relative;float: right; width:55.98%; /*width: 866px;*/height: 236px;border: 1px solid #d7d7d7;text-align: center;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.tit{font-size: 25px;font-weight: 600;padding: 75px 0 2px 0;} /*991px sub4_1 연구개발*/ #wrap #container .con_box.sub4_1{width:100%; margin:0 auto;} #wrap #container .con_box.sub4_1 .top_box{margin-bottom: 70px;} #wrap #container .con_box.sub4_1 ul.research{width:760px; margin:0 auto;} #wrap #container .con_box.sub4_1 ul.research li{margin-bottom: 43px;} #wrap #container .con_box.sub4_1 ul.research li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_1 ul.research li .img{float: left;width:500px;height:193px;} #wrap #container .con_box.sub4_1 ul.research li .img img{width: 100%;height: 193px;} #wrap #container .con_box.sub4_1 ul.research li .txt{position: relative;float: right;width:240px;height: 193px;border: 1px solid #d7d7d7;line-height: 32px; padding-top:50px;font-size:20px;color: #000;text-align: center;font-weight: 500;} #wrap #container .con_box.sub4_1 ul.research li .txt span.bullet{position: absolute;top: -3px;left:50px;display: block;width: 136px;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} /*991px sub4_1 */ /*991px 카달로그 추가*/ ul.catal_list{clear:both; margin:40px 0; padding:0; width:100%; } ul.catal_list li{float:left; display:inline; width:50%; margin:0; padding:0;text-align:center; } ul.catal_list li dt{text-align:center !important; font-size:16px; font-weight:600; padding:20px 0; letter-spacing:-0.05em; background:url(../img/s_img/catalogue_bar.gif ) no-repeat center 0;} ul.catal_list li dd img{width:100%; margin:0 auto; max-width:300px; } /*991px 채용 - 인재상*/ p.recr01_top{clear:both; margin:0; padding:0; text-align:center;} p.recr01_top img{width:100%; max-width:775px; margin:0 auto;} ul.recr01_list{clear:both; margin:40px auto 0px auto !important; width:100% !important; } ul.recr01_list{clear:both; margin:90px 0 40px 0; } ul.recr01_list:after {display:block;visibility:hidden;clear:both;content:""} ul.recr01_list li{float:left; display:inline; width:100%;margin-bottom:20px; text-align:center; } ul.recr01_list li dl{ width:100% !important; min-height:340px; background:#f4f4f4; text-align:center; padding-top:140px;} ul.recr01_list li dl dt{font-size:24px; line-height:40px; font-weight:500; text-align:center;} ul.recr01_list li dl dd.tit{font-size:18px; line-height:30px; color:#a0a0a0; font-weight:500; text-align:center;} ul.recr01_list li dl dd.txt{padding-top:10px; font-size:15px; line-height:24px; text-align:center;} ul.recr01_list dl.icon01{background:#f4f4f4 url('../img/s_img/recr01_icon01.png') no-repeat 50% 40px;} ul.recr01_list dl.icon02{background:#f4f4f4 url('../img/s_img/recr01_icon02.png') no-repeat 50% 40px;} ul.recr01_list dl.icon03{background:#f4f4f4 url('../img/s_img/recr01_icon03.png') no-repeat 50% 40px;} ul.recr01_list li.arr{display:none; padding:180px 30px 0 30px;} ul.recr01_list li.last{margin-right:0; background:none;} }/* 991px End*/ @media (max-width: 768px) { /*폰트정리*/ /*title*/ .content_area h4{clear:both; font-size:22px !important; line-height:1.6; letter-spacing:-0.075em; } #wrap #container .con_box h5{font-size:22px !important; line-height:1.6; letter-spacing:-0.075em; } #wrap #container .con_box p.subject{font-size:22px !important;line-height:1.6; letter-spacing:-0.075em; } .manage_box h5{font-size:22px !important;line-height:1.6;} .gray_box p.subject{font-size:22px !important;line-height:1.6;} .policy p.subject{ font-size:22px !important; line-height:1.6;} #wrap #container .con_box.sub4_1 ul.research li .txt{font-size:22px !important; line-height:1.6;} ul.recr01_list li dl dt{font-size:22px !important; line-height:1.6; } ul.recr01_list li dl dt{font-size:22px !important; line-height:1.6; } ul.recr01_list li dl dd.tit{font-size:22px !important; line-height:1.6; } .manage_box h5{font-size:22px !important;line-height:1.6; } /*본문*/ #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size: 15px !important;} #wrap #container .con_box p.txt{font-size: 15px !important;} .manage_box p{font-size:15px !important;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:15px !important;} #wrap #container .con_box.sub1_5 .leap_wrap .leap .txt_box p.txt{font-size:15px !important;} .policy .p_box .txt_box p.txt{font-size:15px !important;} #wrap #container .con_box.sub1_7 .location_box .box span{font-size:15px !important;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:15px !important;} #wrap #container .con_box.sub2_1 .system_box .process ul li .box{font-size:15px !important;} #wrap #container .con_box.sub2_2 .process_box .process ul li .num{font-size:15px !important;} #wrap #container .con_box.sub2_2 .process_box .process ul li .sjt{font-size:15px !important;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li .txt_box p{font-size:15px !important;} #wrap #container .con_box.sub2_4 dd{font-size:15px !important;} #wrap #container .con_box p.subscript{font-size:15px !important;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img p.txt{font-size:15px !important;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li strong{font-size:15px !important;} #wrap #container .con_box.sub4_2 .cert_box .cert .txt_box ul li span{font-size:15px !important;} ul.recr01_list li dl dd.txt{font-size:15px !important; } #wrap #footer p{font-size:15px !important;} ul.recr01_list li dl dd.txt{font-size:15px !important; } #wrap #container .con_box.sub1_1 .intro_box .txt p{font-size:15px !important;} .manage_box p{font-size:15px !important;} #wrap #container .con_box.sub1_1 .intro_box .txt p strong{font-size:15px !important;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt{font-size:15px !important;} ul.catal_list li dt{font-size:15px !important; } /*인사말*/ #wrap #container .con_box.sub1_1{padding:0px 0 0 0;} #wrap #container .con_box.sub1_1 .intro_box .txt p span.pc_cut{display:block;} /*768px sub1_2 */ #wrap #container .con_box.sub1_2{} #wrap #container .con_box.sub1_2 p.title{font-size:24px;line-height:45px;letter-spacing: -1px;} #wrap #container .con_box.sub1_2 p.title strong{font-weight: 500;display: block;font-size:34px;} #wrap #container .con_box.sub1_2 .intro_box .left{float: left;width:100%;text-align: center;padding: 25px 0 0 0;} #wrap #container .con_box.sub1_2 .intro_box .left img{width:100%; max-width:263px;padding-top:20px;} #wrap #container .con_box.sub1_2 .intro_box .right{float: left;width:100%;margin: 0 auto;padding: 30px 0 0 0px;} #wrap #container .con_box.sub1_2 .intro_box ul.cert{padding:6px 0 10px 0;width:100%; max-width:100%;margin: 0 auto;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li{float: left;display:inline; width:25%;} #wrap #container .con_box.sub1_2 .intro_box ul.cert li img{width:100%; max-width:173px;} #wrap #container .con_box.sub1_2 .intro_box .right p.txt span.pc_cut{display:inline;} /* sub1_2 */ /*768px sub1_5 */ .gray_box{padding:60px 0 60px 0; width:100%;} .policy{padding:60px 0 60px 0;} .policy .p_box .con{float: left;width:100%; margin-right:40px;} .policy .p_box .con .bd_box{width: 100%; max-width:258px; margin:0 auto; border: 2px solid #11488a;height: 65px;border-radius: 65px;font-size: 23px;color: #11488a;font-weight: 600;line-height: 65px;text-align: center;} .policy .p_box .con .arrow{width: 100%; height: 38px;background: url(../img/s_img/sub1_3_arrow.png) no-repeat center center;margin: 15px 0;} .policy .p_box .con ul{} .policy .p_box .con ul li{margin-bottom: 14px;} .policy .p_box .con ul li .box{width: 100%;max-width:258px; margin:0 auto; height: 47px;border-radius: 47px;text-align: center;color: #fff;line-height: 47px;font-size: 20px;font-weight: 500;background: #1b60b3;} .policy .p_box .con ul li.first .box{background: #ef981c;} .policy .p_box .txt_box{float: left;width:100%; padding:50px 0 0 0;} ul.promise{margin-bottom: 70px; width:100%; max-width:1200px; margin:0 auto;} ul.promise:after{display: block;content: '';clear: both;} ul.promise li{float: left;width:48%;height: 223px;background: #fff;margin-right:2%; margin-bottom:20px;} ul.promise li.last{margin-right: 0;} ul.promise li .num{margin: 44px 0 22px 0;height: 49px;width: 100%;line-height: 47px;color: #fff;font-weight: 500;text-align: center;font-size: 20px;background: url(../img/s_img/sub1_3_promise_num.png) no-repeat center center;} ul.promise li .txt{text-align: center;font-size:15px;color: #282828;font-weight: normal;line-height: 24px; letter-spacing:-0.05em;} p.p_txt{font-size:15px;line-height: 27px;color: #6a6a6a;font-weight: 300;text-align: center;margin-top:50px;} .last_box{} .last_box .logo{margin: 50px 0 20px 0;text-align: center;} .last_box .logo img{width:100%; max-width:280px;} .last_box p.txt{font-size:16px;color: #000;font-weight: 500;text-align: center; letter-spacing:-0.05em;} p.p_tx span.pc_cut{display:inline;} #wrap #container .con_box.sub1_5 .leap_wrap_mobile img{width:100%; max-width:1040px; margin:40px auto;} /*768px sub1_6 */ #wrap #container .con_box.sub1_6 .org_box_mobile img{width:100%; max-width:540px; margin:0px auto;} /*768px sub1_7 */ #wrap #container .con_box.sub1_7 .location_box .box.b1{width:100%; text-align:center; line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b2{width: 50%;margin-right:0px;text-align:center;line-height:34px;} #wrap #container .con_box.sub1_7 .location_box .box.b3{width: 50%;text-align:center;line-height:34px;} #wrap #container .con_box.sub1_7 h5{font-size: 18px;color: #525252;font-weight: 500;line-height:28px;margin-bottom: 40px;text-align: center;} #wrap #container .con_box.sub1_7 .location_box{padding:0 5px; line-height: 38px;} /*768px sub2_1 */ #wrap #container .con_box.sub2_1 .system_box .img_box ul li{float:none; width:100%; text-align:center; max-width: 378px;height: 100%;overflow: hidden; margin-bottom:20px; margin-right:0%;} #wrap #container .con_box.sub2_1 .system_box .img_box ul{clear:both; margin:0 auto; width:100%;text-align:center; max-width: 378px;} #wrap #container .con_box.sub2_1 .system_box .img_box ul li img{width:100%; text-align:center; max-width: 378px; margin:20px auto;} /*768px sub2_2 */ #wrap #container .con_box.sub2_2 ul.prdc{width:100%; max-width: 737px;margin: 0 auto;padding:40px 0 40px 0;} #wrap #container .con_box.sub2_2 ul.prdc li{position: relative;margin-bottom: 23px;} #wrap #container .con_box.sub2_2 ul.prdc li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 ul.prdc li .box{position: relative;z-index: 2;float: left;width:44.87%;height: 56px;background: #fff;border: 1px solid #11488a;border-radius: 15px;color: #11488a;letter-spacing:-0.075em; font-size: 13px;line-height:18px;font-weight: 500;text-align: center;} #wrap #container .con_box.sub2_2 ul.prdc li .box.left{background: #11488a;color: #fff;} #wrap #container .con_box.sub2_2 ul.prdc li .box.right{float:right;background: #fff;color: #11488a;} #wrap #container .con_box.sub2_2 ul.prdc li .dot{position: relative;z-index: 3;float: left;width:10.26%;height: 56px;background: url(../img/s_img/sub2_2_prdc_dot.png) no-repeat center center;} #wrap #container .con_box.sub2_2 ul.prdc li .line{position: absolute;top: 27px;left:25%;width:50%;height: 1px;background: #ccc;} #wrap #container .con_box.sub2_2 .process_box .process_mobile{display:block; margin-bottom:40px; width:100%;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li{float: left;width:48%; margin:0 1%;height:267px !important; text-align:center;padding:0px; margin-bottom:40px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box{background:#f4f4f4; padding:10px 5px; height:60%; min-height:180px !important; } #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box p{ font-size: 15px;color: #4f4f4f;font-weight: 300;line-height: 18px;text-align: left; padding: 0 0 0 10px; letter-spacing:-0.05em; background:url('../img/s_img/bar.gif') no-repeat left 10px; } #wrap #container .con_box.sub2_2 .process_box .img_box ul li{position: relative;float: none;width:96%; max-width:373px; margin:40px auto; border: 1px solid #ccc; text-align:center;} #wrap #container .con_box.sub2_2 .process_box .img_box ul li.last{margin-right:auto; } #wrap #container .con_box.sub2_2 .process_box .img_box ul li img{width:100%; max-width:373px; margin:0 auto;} /*768px sub2_3 */ #wrap #container .con_box.sub2_3 .equip_box .img_box ul li{float: none;width:96%; max-width:378px; margin:40px auto; height: 100%;background: #cfd8df;overflow: hidden; text-align:center;} #wrap #container .con_box.sub2_3 .equip_box .img_box ul li.last{margin-right:auto;} #wrap #container .con_box.sub2_3 .equip_box .img_box ul li img{width:100%; max-width:378px; margin:0 auto;} /*768px sub2_3 */ #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li{position: relative;float: none; width:96%; max-width:376px; margin:40px auto; border: 1px solid #ccc;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li.last{margin-right:auto;} #wrap #container .con_box.sub2_3 .equip_box ul.equip_list li img{width:100%; max-width:376px; margin:0 auto;} /*768px 공정영상 */ #wrap #container .con_box p.subscript{font-size: 15px;line-height: 24px;color: #000;text-align: center;font-weight: 300;letter-spacing: -0.5px;padding: 0 0 40px 0;} /*768px sub3_1 */ #wrap #container .con_box.sub3_1 .bot_box{margin-bottom: 100px; width:100%; max-width:318px; margin:0 auto;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box{float: none; width:100%; /*width: 318px;*/height: 238px;} #wrap #container .con_box.sub3_1 .bot_box ul li .img_box img{width:100%; max-width:318px; min-width:318px; margin:0 auto 40px auto; height:100%;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box{position: relative;float: none; width:100%; margin-top:20px; max-width:318px; min-width:318px;/*width: 866px;*/height: 236px;border: 1px solid #d7d7d7;text-align: center;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.tit{font-size: 22px;font-weight: 600;padding:35px 0 2px 0;} #wrap #container .con_box.sub3_1 .bot_box ul li .txt_box p.txt{padding:0 10px;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img{float: left; width:100%; max-width:390px; /*width: 390px;*/ margin-right:auto;margin-bottom: 35px;} #wrap #container .con_box.sub3_1 .bot_box .i_box .img img{width:100%; max-width:390px; margin:0 auto 20px auto; height:100%;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .left{float: left;width:100%; max-width:590px;} #wrap #container .con_box.sub3_1 .bot_box .lr_box .right{float: left;width:100%; max-width:590px;} #wrap #container .con_box.sub3_1 .bot_box .i_box{margin-bottom:30px;} /*768px sub4_1 연구개발*/ #wrap #container .con_box.sub4_1{width:100%; margin:0 auto;} #wrap #container .con_box.sub4_1 .top_box{margin-bottom: 70px;} #wrap #container .con_box.sub4_1 ul.research{width:100%; margin:0 auto;} #wrap #container .con_box.sub4_1 ul.research li{margin-bottom: 43px;} #wrap #container .con_box.sub4_1 ul.research li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub4_1 ul.research li .img{float: left;width:100%;height:100%;} #wrap #container .con_box.sub4_1 ul.research li .img img{width: 100%;height: 100%; margin-bottom:20px;} #wrap #container .con_box.sub4_1 ul.research li .txt{position: relative;float: right;width:100%;height: 100%;border: 1px solid #d7d7d7;line-height:34px;padding:20px;font-size:18px;color: #000;text-align: center;font-weight: 500;} #wrap #container .con_box.sub4_1 ul.research li .txt span.bullet{position: absolute;top: -3px;left:0%;display: block;width: 100%;height: 5px;background: url(../img/s_img/sub2_2_process_img_box_bullet.png) no-repeat center center;} /*768px sub4_1 */ /*카달로그 추가*/ ul.catal_list{clear:both; margin:40px 0; padding:0; width:100%; } ul.catal_list li{float:left; display:inline; width:100%; margin:0; padding:0;text-align:center; } ul.catal_list li dt{text-align:center !important; font-size:15px; font-weight:600; padding:20px 0; letter-spacing:-0.05em; background:url(../img/s_img/catalogue_bar.gif ) no-repeat center 0;} ul.catal_list li dd img{width:100%; margin:0 auto; max-width:300px; } }/* 768px End*/ @media (max-width: 560px) { #wrap #container .con_box.sub2_2 ul.prdc{width:100%; max-width: 737px;margin: 0 auto;padding:40px 0 40px 0;} #wrap #container .con_box.sub2_2 ul.prdc li{position: relative;margin-bottom: 23px;} #wrap #container .con_box.sub2_2 ul.prdc li:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 ul.prdc li .box{position: relative;z-index: 2;float: left;width:44.87%;height: 56px;background: #fff;border: 1px solid #11488a;border-radius: 15px;color: #11488a;letter-spacing:-0.075em; font-size: 13px;line-height:15px;font-weight: 500;text-align: center;} #wrap #container .con_box.sub2_2 ul.prdc li .box.left{background: #11488a;color: #fff;} #wrap #container .con_box.sub2_2 ul.prdc li .box.right{float:right;background: #fff;color: #11488a;} #wrap #container .con_box.sub2_2 ul.prdc li .dot{position: relative;z-index: 3;float: left;width:10.26%;height: 56px;background: url(../img/s_img/sub2_2_prdc_dot.png) no-repeat center center;} #wrap #container .con_box.sub2_2 ul.prdc li .line{position: absolute;top: 27px;left:25%;width:50%;height: 1px;background: #ccc;} }/* 560px End*/ @media (max-width: 480px) { /*768px sub2_2 */ #wrap #container .con_box.sub2_2 .process_box .process_mobile{display:block; margin-bottom:60px; width:100%;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul:after{display: block;content: '';clear: both;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li{float: left;width:90%; margin:0 5%; height:237px; text-align:center;padding:0px; margin-bottom:40px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box{margin:0 auto; max-width:300px; background:#f4f4f4; padding:15px; height:60%; min-height:130px;} #wrap #container .con_box.sub2_2 .process_box .process_mobile ul li .txt_box p{ font-size: 15px;color: #4f4f4f;font-weight: 300;line-height: 20px;text-align: left; padding: 0 0 0 10px; letter-spacing:-0.05em; background:url('../img/s_img/bar.gif') no-repeat left 10px; } }/* 480px End*/