@charset "utf-8"; #container.sub_powerplant #bo_cate_ul li{width:20%} #container.sub_endmill #bo_cate_ul li{width:25%} /* 인사말 */ #container .ctt_greeting .greeting_wrap{clear:both;width:100%;height:auto;background:#edf1f4;margin:3% 0 7%;position:relative} #container .ctt_greeting .ceoBox{width:55%;padding:5% 0 3% 6%;/*margin-top:5%*/;float:left} #container .ctt_greeting .bigTitle{font-size:26px;font-weight:700;letter-spacing:-0.05em;line-height:150%;padding-bottom:3%} #container .ctt_greeting .bigTitle span{color:#005aab} #container .ctt_greeting .txt{padding:2% 0;letter-spacing:-0.04em;line-height:150%;text-align:justify} #container .ctt_greeting .ceoImg{position:absolute;bottom:0;right:1%} #container .ctt_greeting .ceoImg img{float:right;margin-right:12%} #container .ctt_greeting .name{position:absolute;left:50%;bottom:6%;font-weight:400} #container .ctt_greeting .name span{font-size:20px;font-weight:700;} #container .ctt_greeting .name img{margin-bottom:-2%} /* 회사개요 */ #container .ctt_company .company_wrap{width:100%;height:auto;display:inline-block;} #container .ctt_company .company01{margin-right:2%;width:38%;float:left;border:1px solid #ddd;text-align:center;padding:51px 0} #container .ctt_company .company02{width:60%;float:left} #container .ctt_company .company02 strong{font-weight:500;line-height:200%} /* 회사이념 */ #container .ctt_vision_wrap{width:600px;height:600px;background:url(../img/sub/vision_bg.png) no-repeat;margin:10% auto 0;position:relative;background-size:cover} #container .ctt_vision_01 div{width:236px;height:236px;border-radius:100%;background:#0a4aa3} #container .ctt_vision_02 div{width:236px;height:236px;border-radius:100%;float:left;background:#0a4aa3} #container .ctt_vision_01{width:100%;position:absolute;top:-10%} #container .ctt_vision_01_1{margin:0 auto;line-height:180%;text-align:center;color:#fff;padding:3%} #container .ctt_vision_02{width:100%;margin:0 auto;position:absolute;top:65%} #container .ctt_vision_02_1{padding:3%;color:#fff;line-height:180%} #container .ctt_vision_02_2{margin-left:21%;padding:3%;color:#fff;line-height:180%} #container .ctt_vision_1 span{display:block;width:200px;height:200px;border-radius:100%;border:2px solid #3f84e5;text-align:center;padding:35% 2%} #container .ctt_vision_1 span p{font-size:20px;font-weight:500;color:#fff} /* 회사연혁 */ #container .cct_history_wrap{padding:0 20px 50px 20px} #container .cct_history_wrap .history_tit{text-align:center;border-bottom:1px solid #aaa;padding:25px 0} #container .cct_history_wrap .history_tit .t1{font-size:1.75em;color:#00388b;line-height:120%;font-weight:600} #container .cct_history_wrap .history_tit .t2{font-size:1.125em;color:#999;margin-top:10px;font-weight:500} #container .cct_history_wrap .history_01_wrap{position:relative;z-index:inherit} #container .cct_history_wrap .history_line{position:absolute;z-index:inherit;width:1px;background:#ddd;left:50%;height:100%;margin-left:-1px;top:-50px} #container .cct_history_wrap .history_01 > li.history_r{left:50%} #container .cct_history_wrap .history_01 > li.history_l{left:0;text-align:right} #container .cct_history_wrap .history_01 > li{position:relative;z-index:inherit;width:50%;margin-top:50px} #container .cct_history_wrap .history_01 > li .history{padding: 0 20px} #container .cct_history_wrap .history_01 > li .history .year{font-size:1.75em;line-height:1.6;font-weight:600;color:#333;position:relative;z-index:inherit;letter-spacing:-1px} #container .cct_history_wrap .history_01 > li .history .list{position:relative;z-index:inherit;margin-top:15px} #container .cct_history_wrap .history_01 > li.history_r .year .dot{left:-40px} #container .cct_history_wrap .history_01 > li .history .year .dot{position:absolute;z-index:inherit;background:url(../img/sub/y_dot.png) no-repeat left center;width:15px;height:15px;top:50%;margin:-7px 0 0 12px} /* 조직도 */ #container .ctt_org_wrap{padding-bottom:5%} #container .ctt_org_wrap .organization .cell.grade1 p.tit{background-color:#0d51a5;font-size:18px} #container .ctt_org_wrap .organization .cell.grade2 p.tit{background-color:#007fd8;font-size:18px} #container .ctt_org_wrap .organization .cell.grade3 p.tit{background-color:#0b9092;font-size:18px} #container .ctt_org_wrap .organization .cell.grade3 p.tit:before{display:block;position:absolute;top:-30px;left:50%;width:1px;height:30px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade4 ul li p.tit{width:80%;height:auto;background-color:#707070;color:#fff} #container .ctt_org_wrap .organization .cell.grade2 ul li p:before{display:block;position:absolute;top:-30px;left:50%;width:1px;height:30px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade4 ul li p:before{display:block;position:absolute;top:-46px;left:50%;width:1px;height:46px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade4 ul li p br{display:none} #container .ctt_org_wrap .organization{clear:both; position:relative;margin:30px auto 0; line-height: 1} #container .ctt_org_wrap .organization:before{display:block;position:absolute;top:0;left:50%;width:1px;height:226px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell{position:relative;text-align:center} #container .ctt_org_wrap .organization .cell p.tit{display:inline-block;position:relative;width:200px;height:50px;padding:0 15px;font-size:17px;font-weight:400;color:#fff;line-height:50px;box-sizing:border-box} #container .ctt_org_wrap .organization .cell.grade1{margin-bottom:30px} #container .ctt_org_wrap .organization .cell.grade2{margin-top:60px} #container .ctt_org_wrap .organization .cell.grade2 ul li{display:block;float:left;position:relative;width:50%} #container .ctt_org_wrap .organization .cell.grade2 ul li:first-child:before{left:50%} #container .ctt_org_wrap .organization .cell.grade2 ul li:before{display:block;position:absolute;top:-30px;right:50%;width:50%;height:1px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade3 ul li{display:block;float:left;position:relative;width:50%;margin-top:50px;padding-top:45px} #container .ctt_org_wrap .organization .cell.grade3 ul li:first-child:before{left: 50%} #container .ctt_org_wrap .organization .cell.grade3 ul li:before{display:block;position:absolute;top:15px;right:50%;width:50%;height:1px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade3 ul li:after{display:block;position:absolute;top:95px;left:50%;width:1px;height:50px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade4{padding-top:96px;text-align:center} #container .ctt_org_wrap .organization .cell.grade4 ul:first-child li{width:25%} #container .ctt_org_wrap .organization .cell.grade4 ul li{display:block;float:left;position:relative;width:100%;margin-top:0} #container .ctt_org_wrap .organization .cell.grade4 ul.grade4_1:before{display:block;position:absolute;top:50px;left:12.5%;width:25%;height:1px;background-color:#e2e2e2;content:''} #container .ctt_org_wrap .organization .cell.grade4:before{display:block;position:absolute;top:50px;right:12.5%;width:25%;height:1px;background-color:#e2e2e2;content:''} /* 찾아오시는길 */ #container .ctt_map .location_info_tbl{width:50%;height:auto;padding-left:20px;float:left;padding-bottom:5%} #container .ctt_map .location_info_tbl .tbl2{height:350px ! important} #container .ctt_map .location_info_tbl .map_icon01{background:url(../img/sub/map_icon01.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon02{background:url(../img/sub/map_icon02.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon03{background:url(../img/sub/map_icon03.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon04{background:url(../img/sub/map_icon04.png) no-repeat 35px center} #container .ctt_map .location_info_tbl tr td strong{color:#0a4aa3;font-weight:500} #container .ctt_map .location_info_tbl tr td em{color:#006bff} #container .ctt_map .location_info_tbl th{text-align:left ! important;padding:2.5% 2% 2.5% 70px ! important} #container .ctt_map .map{width:50%;float:left} #container .ctt_map .map iframe{width:100%} /* 특허 및 인증서 */ #container .ctt_certification .certification_wrap{width:100%;height:auto;display:inline-block} #container .ctt_certification .certification_box1{width:100%;height:auto;display:inline-block;margin-top:2%} #container .ctt_certification .certification_box1:first-child{margin-top:0} #container .ctt_certification .certification_box1 li{width:25%;height:auto;float:left;padding:15px 10px 17px 10px;text-align:center} #container .ctt_certification .certification_box1 li img{border:10px solid #efefef;border-bottom:20px solid #efefef} #container .ctt_certification .certification_box1 li p{padding-top:5px} /* 품질관리 */ #container .ctt_quality .quality_wrap{} #container .ctt_quality .quality_01_wrap{width:100%;height:auto;background:url(../img/sub/quality_bg.png) no-repeat center 65px;display:inline-block;margin-bottom:10%;border-bottom:1px solid #ddd;padding-bottom:5%} #container .ctt_quality .quality_01_wrap .tit{font-size:20px;font-weight:400;padding-bottom:5%;letter-spacing:-0.03em} #container .ctt_quality .quality_01_wrap .txt{font-size:15px;letter-spacing:-0.045em} #container .ctt_quality .quality_01_1{width:33.33333333333333%;float:left} #container .ctt_quality .quality_01_1 ul li{width:85%;background-color:#f6f8fb;border:2px solid #ddd;text-align:center;margin-bottom:6%;padding:7% 8%} #container .ctt_quality .quality_01_2{width:33.33333333333333%;height:auto;float:left} #container .ctt_quality .quality_01_2 .box{width:214px;height:214px;background-color:#fff;border:14px solid #0a4aa3;border-radius:100%;text-align:center;margin:33% auto;padding-top:8%} #container .ctt_quality .quality_01_2 .box p{font-size:22px;font-weight:500;color:#0a4aa3;padding-top:2%} #container .ctt_quality .quality_01_3{width:33.33333333333333%;float:left} #container .ctt_quality .quality_01_3 ul li{width:85%;background-color:#f6f8fb;border:2px solid #ddd;text-align:center;margin-bottom:6%;padding:7% 8%;float:right} #container .ctt_quality .quality_02_wrap{position:relative;width:100%;display:inline-block} #container .ctt_quality .quality_02_1:after{display:block;position:absolute;top:260px;left:11.7777%;width:76.6666%;height:1px;background-color:#e2e2e2;content:'';} #container .ctt_quality .quality_02_1 p{width:214px;height:214px;background-color:#fff;border:14px solid #ccc;border-radius:100%;text-align:center;margin:0 auto;padding:5% 2%;font-size:22px;font-weight:500;line-height:150%} #container .ctt_quality .quality_02_2{margin-top:100px;display:inline-block} #container .ctt_quality .quality_02_2 ul li{width:23.5%;float:left} #container .ctt_quality .quality_02_2_box ul{width:100%;display:inline-block} #container .ctt_quality .quality_02_2_box ul li{width:100%} #container .ctt_quality .quality_02_2_box{border:1px solid #ccc;background-color:#fff;text-align:center;margin-left:2%} #container .ctt_quality .quality_02_2_box:first-child{margin-left:0} #container .ctt_quality .quality_02_2_box .tit{font-size:17px;font-weight:400;border-bottom:1px solid #ccc;background-color:#666;color:#fff;padding:3%} #container .ctt_quality .quality_02_2_box .t_Box{padding:5% 5%} #container .ctt_quality .quality_02_2_box .tit:after{display:block;position:absolute;top:200px;left:50%;width:1px;height:60px;background-color:#ccc;content:'';} #container .ctt_quality .quality_02_2_box > ul > li:first-child:after{display:block;position:absolute;top:-112px;left:50%;width:1px;height:55px;background-color:#ccc;content:'';} /* 주요장비현황 */ #content .equipment01 ul{width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;} #content .equipment01 ul li{width:25%;float:left;text-align:center;border-left:1px solid #ddd;box-sizing:border-box;} #content .equipment01 ul li p{font-weight:400;background-color:#ddd;padding:5%} #content .equipment01 ul li img{padding:10% 5% 7%} #content .equipment02{width:100%} #content .equipment02 .col1{width:25%;} #content .equipment02 .col2{width:12.5%;} #content .equipment02 .col3{width:12.5%;} #content .equipment02 .col4{width:12.5%;} #content .equipment02 .col5{width:12.5%;} #content .equipment02 .col6{width:12.5%;} #content .equipment02 .col7{width:12.5%;} #content .equipment02 table{width:100%;table-layout:fixed;border-collapse: collapse;word-break:break-all} #content .equipment02 table thead th{word-break:break-all} #content .equipment02 table tbody th{font-weight:400;word-break:break-all} #content .equipment02 table tbody td{font-weight:300 !important;word-break:break-all} #content .equipment02 table tbody td br{display:none} /* 거래처 현황 */ #content .ctt_results_wrap{} #content .results_01{width:100%} #content .results_01 li{width:30%;float:left;text-align:center;margin-left:5%;margin-bottom:5%;border:1px solid #d5d5d5;box-shadow:1px 1px 1px #ebebeb} #content .results_01 li:first-child{margin-left:0} #content .results_01 li:nth-child(4){margin-left:0} #content .results_01 li:nth-child(7){margin-left:0} #content .results_01 li:nth-child(10){margin-left:0} #content .results_01 li img{/*border:1px solid #d5d5d5*/} #content .results_01 li p{font-size:1.2em;border-top:1px solid #e1e1e1;font-weight:400;padding:5% 0;background:#f3f4f6} #container.sub_40 #content #content_tit{padding: 5% 0 0;} #container.sub_40 #content #content_tit h2{display:none} /* 제조공정도 */ #content .ctt_process_wrap{display:inline-block} #content .process_01 li{width:22%;float:left;margin-bottom:5%;border:1px solid #ddd;margin-left:4%} #content .process_01 li:nth-child(4n+1){clear:both;margin-left:0} #content .process_01 li h4{width:100%;text-align:center;float:left;margin:0;padding:3%;color:#0a4aa3;font-size:18px;font-weight:400;letter-spacing:-.05em;background-color:#ededed;border-bottom:1px solid #ddd} #content .process_01 .process10{width:48%} #content .process_01 .process10 h4{padding:1.5%} #content .process_01 .process10 p{padding:2.1% 0} #content .process_01 .process10 img{padding:0} #content .process_01_box{text-align:center} #content .process_01_box p{display:inline-block;text-align:center;color:#333;letter-spacing:-.05em;padding:5% 0} #content .process_01_box img{padding:0 2%} @media screen and (max-width:1300px){ } @media screen and (max-width:1240px){ } @media screen and (max-width:1024px){/* 아이패드 가로 */ } @media screen and (max-width:1000px){/* 아이패드 992 */ #container.sub_powerplant #bo_cate_ul li{width:auto} #container.sub_specialtool #bo_cate_ul li{width:auto} #container .ctt_greeting .bigTitle{font-size:20px} #container .ctt_greeting .bigTitle br{display:none} #container .ctt_greeting .ceoBox{width:55%} #container .ctt_greeting .txt{font-size:14px} #container .ctt_greeting .ceoImg img{width:85%} #container .ctt_greeting .name{left:40%;bottom:5%;font-size:14px} #container .ctt_greeting .name span{font-size:17px} #container .ctt_company .company01{width:100%;padding:4% 4%} #container .ctt_company .company02{width:100%;margin-top:5%} #container .ctt_map .location_info_tbl .map_icon01{background:url(../img/sub/map_icon01.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon02{background:url(../img/sub/map_icon02.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon03{background:url(../img/sub/map_icon03.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon04{background:url(../img/sub/map_icon04.png) no-repeat 10px center} #container .ctt_map .location_info_tbl th{padding-left:40px ! important} #container .ctt_quality .quality_01_2 .box{width:195px;height:195px;margin:45% auto} #container .ctt_quality .quality_02_1 p{width:195px;height:195px} #container .ctt_quality .quality_02_2{margin-top:100px;} #container .ctt_quality .quality_02_2_box > ul > li:first-child:after{top:-104px} #container .ctt_quality .quality_02_1:after{top:240px} #container .ctt_quality .quality_02_2_box .tit:after{top:180px} #container.sub_endmill #bo_cate_ul{text-align:left} #container.sub_endmill #bo_cate_ul li{width:33.333%} } @media screen and (max-width:950px){ #container .ctt_org_wrap .organization .cell.grade4 ul li p.tit{width:90%;line-height:120%;padding:15px;height:70px} #container .ctt_org_wrap .organization .cell.grade4 ul li p:before{top:-46px} } @media screen and (max-width:900px){ #container .ctt_greeting .ceoImg img{margin-right:5%;width:80%} #container .ctt_quality .quality_01_wrap .tit{font-size:17px} #container .ctt_quality .quality_01_wrap .txt{font-size:13px} #container .ctt_quality .quality_01_wrap{background:url(../img/sub/quality_bg.png) no-repeat center 55px} #container .ctt_quality .quality_01_2 .box{margin:46% auto} #container .ctt_quality .quality_02_2_box > ul > li:first-child:after{top:-100px} #container .ctt_quality .quality_02_1 p{padding:6% 2%} } @media screen and (max-width:800px){/* g패드 */ #container .ctt_greeting .ceoBox{width:100%;padding:3% 6% 20% 6%;margin-top:5%} #container .ctt_greeting .ceoImg img{margin-right:7%;width:65%} #container .ctt_greeting .txt{font-size:13px} #container .ctt_greeting .tbox1,#container .ctt_greeting .tbox2{width:70%} #container .ctt_greeting .tbox3{width:60%} #container .ctt_greeting .tbox4{width:50%} #container .ctt_greeting .name{left:6%;bottom:4%;font-size:13px} #container .ctt_greeting .name img{width:30px;height:45px} #container .ctt_map .location_info_tbl{width:100%;padding-left:0;padding-top:2%} #container .ctt_map .location_info_tbl .map_icon01{background:url(../img/sub/map_icon01.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon02{background:url(../img/sub/map_icon02.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon03{background:url(../img/sub/map_icon03.png) no-repeat 35px center} #container .ctt_map .location_info_tbl .map_icon04{background:url(../img/sub/map_icon04.png) no-repeat 35px center} #container .ctt_map .location_info_tbl th{padding-left:70px ! important} #container .ctt_map .location_info_tbl .tbl2 br.dbr{display:none} #container .ctt_map .map{width:100%} #content .equipment02 table tbody td br{display:block} #content .process_01 li{width:47%;margin-left:6%} #content .process_01 li:nth-child(2n+1){clear:both;margin-left:0} #content .process_01 li p{width:100%} #content .process_01 .process10{width:47%} #content .process_01 .process10 h4{padding:3%} #content .process_01 .process10 p{padding:5% 0} #content .process_01 .process10 img{padding:9.5% 0} } @media screen and (max-width:768px){/* 아이패드 */ #container .ctt_greeting .ceoImg img{width:60%} #container .ctt_vision_wrap{width:450px;height:450px;margin:13% auto 0} #container .ctt_vision_01 div{width:178px;height:178px} #container .ctt_vision_02 div{width:178px;height:178px} #container .ctt_vision_1 span{width:150px;height:150px;padding:30% 2%;font-size:14px} #container .ctt_vision_1 span p{font-size:17px} #container .ctt_vision_02_2{margin-left:20%} #container .ctt_quality .quality_01_1, #container .ctt_quality .quality_01_3{width:100%} #container .ctt_quality .quality_01_1 ul li{width:100%;padding: 3% 5%} #container .ctt_quality .quality_01_3 ul li{width:100%;float:left;padding: 3% 5%} #container .ctt_quality .quality_01_2{width:100%;margin-bottom:5%} #container .ctt_quality .quality_01_2 .box{margin:5% auto;padding-top:5%} #container .ctt_quality .quality_01_wrap{background:url(../img/sub/quality_bg_m.jpg) no-repeat center 0px;background-size:auto 95%} #container .ctt_quality .quality_01_wrap .tit{font-size:20px;padding-bottom:2%} #container .ctt_quality .quality_01_wrap .txt{font-size:15px} #container .ctt_quality .quality_02_2 ul li{width:100%;margin-bottom:2%} #container .ctt_quality .quality_02_1:after{display:none} #container .ctt_quality .quality_02_2_box .tit:after{top:190px} #container .ctt_quality .quality_02_2{margin-top:55px} #container .ctt_quality .quality_02_2_box > ul > li:first-child:after{display:none} #container .ctt_quality .quality_02_2_box{margin-left:0} #container .ctt_quality .quality_02_2_box .t_Box{padding:3% 5% 1%;} #container .ctt_quality .quality_02_1 p{padding:7% 2%} #content .equipment01 ul li{width:50%} #container.sub_endmill #bo_cate_ul li{width:50%} #content .results_01 li{width:47%;margin-left:6%} #content .results_01 li:first-child{margin-left:0} #content .results_01 li:nth-child(3), #content .results_01 li:nth-child(5), #content .results_01 li:nth-child(7), #content .results_01 li:nth-child(9), #content .results_01 li:nth-child(11){margin-left:0} #content .results_01 li:nth-child(4), #content .results_01 li:nth-child(10){margin-left:6%} } @media screen and (max-width:620px){ #container .ctt_greeting .tbox1{width:100%} #container .ctt_greeting .ceoImg img{width:50%} #container .ctt_map .location_info_tbl .map_icon01{background:url(../img/sub/map_icon01.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon02{background:url(../img/sub/map_icon02.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon03{background:url(../img/sub/map_icon03.png) no-repeat 10px center} #container .ctt_map .location_info_tbl .map_icon04{background:url(../img/sub/map_icon04.png) no-repeat 10px center} #container .ctt_map .location_info_tbl th{padding-left:40px ! important} #container .ctt_org_wrap .organization .cell.grade4 ul li p.tit{font-size:15px} #container .ctt_certification .certification_box1{margin-top:0} #container .ctt_certification .certification_box1 li{width:50%} #container .ctt_quality .quality_01_2 .box{border:10px solid #0a4aa3;width:150px;height:150px} #container .ctt_quality .quality_01_2 .box img{width:35%} #container .ctt_quality .quality_02_1 p{border:10px solid #ccc;width:150px;height:150px;font-size:18px} #container .ctt_quality .quality_02_2_box .tit:after{top:140px} #container .ctt_quality .quality_02_2{margin-top:50px} } @media screen and (max-width:550px){ #container .ctt_greeting .bigTitle{font-size:17px} #container .ctt_greeting .ceoImg img{margin-right:5%;width:45%} #container .ctt_vision_wrap{width:350px;height:350px;margin:15% auto 5%} #container .ctt_vision_01 div{width:138px;height:138px} #container .ctt_vision_02 div{width:138px;height:138px} #container .ctt_vision_01_1{line-height:150%} #container .ctt_vision_1 span{width:117px;height:117px;font-size:11px} #container .ctt_vision_1 span p{font-size:15px} #container .ctt_vision_02_2{margin-left:20%;line-height:150%} #container .ctt_org_wrap .organization .cell.grade4 ul li p.tit{height:80px;font-size:14px} #content .results_01 li p{font-size:1em} } @media screen and (max-width:480px){ #container .ctt_greeting .ceoBox{padding:3% 6% 40% 6%} #container .ctt_greeting .ceoImg img{width:40%} #container .ctt_greeting .tbox2{width:100%} #container .ctt_greeting .tbox3{width:65%} #container .ctt_greeting .tbox4{width:60%} #container .ctt_org_wrap .organization .grade2.cell ul li p.tit, #container .ctt_org_wrap .organization .grade3.cell ul li p.tit{width:90%} #container .ctt_org_wrap .organization .grade4.cell p.tit{font-size:15px} #container .ctt_quality .quality_01_wrap .tit{font-size:17px} #container .ctt_quality .quality_01_wrap .txt{font-size:13px} #container .ctt_quality .quality_02_1 p{padding:10% 2%} } @media screen and (max-width:414px){ #container .ctt_vision_wrap{width:300px;height:300px} #container .ctt_vision_01 div{width:118px;height:118px} #container .ctt_vision_02 div{width:118px;height:118px} #container .ctt_vision_1 span{width:100px;height:100px;font-size:10px} #container .ctt_vision_1 span p{font-size:14px} #container .ctt_vision_02_2{margin-left:21%} #container .ctt_org_wrap .organization .cell.grade4 ul li p.tit{height:105px;font-size:14px;padding:15% 25%} #container .ctt_org_wrap .organization .cell.grade4 p.tit br{display:block} #content .equipment02 table thead th{font-size:90%} #content .equipment02 table tbody th{font-size:90%} #content .equipment02 table tbody td{font-size:90%} #container.sub_endmill #bo_cate_ul li{width:100%} #content .process_01 li h4{font-size:15px} } @media screen and (max-width:375px){/* 아이폰 */ #container .ctt_greeting .ceoBox{padding:3% 6% 55% 6%} #container .ctt_greeting .tbox2,#container .ctt_greeting .tbox3{width:100%} #container .ctt_quality .quality_01_2 .box{padding-top:7%} #container .ctt_quality .quality_02_1 p{padding:12% 2%} #content .equipment01 ul li{width:100%} #content .equipment01 ul li p br{display:none} #content .equipment02 .col1{width:33%} #content .equipment02 .col2{width:10%;} #content .equipment02 .col3,#content .equipment02 .col4,#content .equipment02 .col5,#content .equipment02 .col6{width:10.5%;} #content .equipment02 .col7{width:auto;} #content .process_01 li{width:100%;margin-left:0} #content .process_01 .process10{width:100%} #content .process_01 .process10 h4{padding:3%} #content .process_01 .process10 p{padding:5% 0} #content .process_01 .process10 img{padding:2% 0} } @media screen and (max-width:360px){/* 안드로이드 */ } @media screen and (max-width:350px){/* 그외 갤럭시2, 아이폰3 */ #container .ctt_org_wrap .organization .cell.grade4{padding-top:46px} #container .ctt_org_wrap .organization .cell.grade3 ul li:after{background:none} #container .ctt_org_wrap .organization .cell.grade4 ul.grade4_1:before{background:none} #container .ctt_org_wrap .organization .cell.grade3 p.tit{font-size:15px} } @media screen and (max-width:340px) #container .ctt_org_wrap .organization .cell.grade4{padding-top:13px} }