@charset "utf-8"; @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css); .svs_wrap {width:100%;} .svs_wrap .mvs {position:relative;max-width:1600px; height:315px; margin:0 auto; background-size:auto 100%; text-indent:-999999px;} .svs_wrap .sub_visual1 {background:url(../images/svs_01.jpg) no-repeat center 0;} .svs_wrap .sub_visual2 {background:url(../images/svs_02.jpg) no-repeat center 0;} .svs_wrap .sub_visual3 {background:url(../images/svs_03.jpg) no-repeat center 0;} .svs_wrap .sub_visual4 {background:url(../images/svs_04.jpg) no-repeat center 0;} .svs_wrap .sub_visual5 {background:url(../images/svs_05.jpg) no-repeat center 0;} .svs_wrap .sub_visual6 {background:url(../images/svs_06.jpg) no-repeat center 0;} .submn_wrap {position:relative; max-width:1200px; margin:0 auto; margin-top:-54px; } .submn_wrap .sub_mn {width:100%;height:54px;overflow:hidden;} .submn_wrap .tab_1 li {width:20%;} .submn_wrap .tab_2 li {width:12.5%;} .submn_wrap .tab_3 li {width:33.3%;} .submn_wrap .tab_4 li {width:33.3%;} .submn_wrap .tab_5 li {width:16.66%;} .submn_wrap .tab_6 li {width:33.3%;} .submn_wrap .sub_mn li {float:left; border-left:1px solid #3d8ac1; box-sizing:border-box;} .submn_wrap .sub_mn li:first-child {border-left:0;} .submn_wrap .sub_mn li a {display:block; line-height:54px; text-align:center; font-size:16px;font-family:'NanumSquareB';} .submn_wrap .sub_mn li.off {background-color:#0065ad; color:#fff;} .submn_wrap .sub_mn li.on {background-color:#fff; color:#333;} .page-loc {display:none;} .s_container {clear:both;width:100%;} .s_container .title_wrap {width:100%;padding:50px 0; text-align:center;} .s_container .title_wrap h2 {font-size:48px; color:#000; padding-top:30px; font-family:'NanumSquareB';} .s_container .title_wrap .title_info {font-size:18px; color:#999; padding-top:10px;} .s_container .greeting_img_box {width:100%; background:url(../images/bg_ceo.jpg) 50% repeat-x; text-align:center;} .pc_img {} .mob_img {display:none;} .s_container .contents {max-width:1200px; margin:0 auto; padding:60px;} .s_container .contents .greeting_txt {font-size:18px; line-height:2em;} @media all and (max-width:1199px){ .pc_img {display:none;} .mob_img {display:block; width:100%;} .s_container .contents {margin:0 auto; padding:30px;} } /* mobile and Tablet */ @media all and (max-width:999px){ .svs_wrap .mvs {width:100%; height:200px; background-size:auto 100%;} .submn_wrap {display:none;} .page-loc {display:block;width:100%; padding:12px 0; text-align:center; background-color:#0065ad;} .page-loc a {display:inline-block; color:#fff; font-size:14px; vertical-align:middle; background:url(../images/bg_gt.png) no-repeat 6px center; background-size:auto 11px; padding-left:20px;} .page-loc a:first-child {background:none;padding-left:0;} .page-loc a img { vertical-align:middle;} .s_container .contents {width:100%; margin:0 auto; padding:30px 25px; box-sizing:border-box;} .s_container .contents .greeting_txt {font-size:14px;} } @media all and (max-width:659px){ .svs_wrap .mvs {width:100%; height:157px; background-size:auto 100%;} .s_container .title_wrap {display:none;} } /* iphone 320 dpi */ @media all and (max-width:330px){ .page-loc a {font-size:12px;} .s_container .contents {width:100%; margin:0 auto; padding:20px 20px; box-sizing:border-box;} .s_container .contents .greeting_txt {font-size:12px;} } /******************************************** *********************************************/ /* CSS Document */ *{padding:0; margin:0;} .wrap{min-width:320px; box-sizing:border-box} .mobile{display:none;} .mb60{margin-bottom:60px;} .subcontainer{width:1640px; margin:0 auto;} .subtopnavi{background:url(../images/subg.jpg) no-repeat center center; height:314px;; position:relative} .subtopnavi .title{color:rgba(255,255,255,1); text-align:center; } .subtopnavi .subnavi{width:1200px; margin:0 auto; background:#0065ad; box-sizing:border-box; position:absolute; bottom:0; } .subtopnavi .subnavi ul{overflow:hidden; margin-bottom:0 } .subtopnavi .subnavi ul li a{float:left; display:block; width:200px; height:55px; border-right:1px solid #3d8ac1; text-align:center; box-sizing:border-box; color:rgba(255,255,255,1); font-size:16px; line-height:55px;} .subtopnavi .subnavi ul li a.bnone{border-right:none;} .subtopnavi .subnavi ul li a.on{background:rgba(255,255,255,1); color:rgba(0,0,0,1); font-weight:500} .subcontainer{width:100%;} .subcon{width:1215px; margin-left:auto; margin-right:auto} .subcon h3{text-align:center; font-size:30px; color:#343434; padding-bottom:30px;} .subcon h4{text-align:center; font-size:40px; color:#0065ad; padding-bottom:40px;} .subcon .subtitle{color:#343434; font-size:24px; text-align:center; font-weight:700} .imgInfo{ background:#f7f7f7; overflow:hidden; margin-bottom:100px;} .imgInfo .img{float:left; padding-right:60px;} .imgInfo .titTxtw{ padding:50px 0 0 60px; box-sizing:border-box;} .imgInfo .titTxtw .titlesubTxt{font-size:36px; color:#000305; font-weight:bold; padding-bottom:20px} .imgInfo .titTxtw .titlesubcTxt{font-size:28px; } .imgInfo .titTxtw .subBtitle{color:#0065ad; font-size:48px; font-weight:bold; margin-bottom:40px; } .imgInfo .titTxt{overflow:hidden; float:left;width:40%} .imgInfo .titTxt ul li{background:url(../images/company_dot.gif) no-repeat left 12px; overflow:hidden; } .imgInfo .titTxt ul li .taT{float:left; width:20%; display:inline-block; margin-left:15px; color:#666666; font-size:15px; font-weight:500} .imgInfo .titTxt ul li p{float:left; line-height:200%} /**연혁*/ .con14 {position:relative; width:100%; background-color:#f7f7f7; padding-top:50px } .history-bx{width:1000px;position:relative; padding:0; margin:0 auto 0 ; background:url(/images/hline.png) 50% 0 repeat-y;} .history-bx .tit{ display:none;} .history-bx .inner{ position:relative; padding:20px 0 0 50%;} .history-bx .inner_fl{ position:relative; padding:20px 50% 0 0;} .history-bx .thum{ position:absolute; top:-20px; left:0; width:500px; text-align:right; font-size:24px;} .history-bx .thum:after{ content:""; position:absolute; top:15px; right:-12px; display:block; width:20px; height:20px; background:#fff; border:#66b246 3px solid; border-radius:50%;} .history-bx .thum:before{ content:""; position:absolute; top:5px; right:-5px; width:105px; height:14px; background:url(/img/blue_hline.png) 50% 0 repeat-x; display:block;} .history-bx .thum>span.a1{ position:absolute; top:0; right:0; width:100%; display:block;} .history-bx .thum>span.a2{ position:absolute; top:100px; right:0; width:100%; display:block;} .history-bx .thum>span.a3{ position:absolute; top:350px; right:0; width:100%; display:block;} .history-bx .thum2{ position:absolute; top:-20px; left:0; width:500px; text-align:right; font-size:24px;} .history-bx .thum2:after{} .history-bx .thum2:before{ content:""; position:absolute; top:5px; right:-5px; width:105px; height:14px; background:url(/img/blue_hline.png) 50% 0 repeat-x; display:block;} .history-bx .thum2>span.a4{ position:absolute; top:100px;left:450px; width:100%; display:block;} .history-bx .thum2>span.a5{ position:absolute; top:350px;left:450px; width:100%; display:block;} .history-bx .thum strong{ display:block;margin-right:50px;margin-top:15px; font-size:24px;color:#66b246} .history-bx .thum img{ margin-right:50px} .history-bx .inner dl{ position:relative; padding:0 0 0 120px; margin-top:35px; background:url(/img/blue_hline.jpg) 0 0 repeat-y;} .history-bx .inner dl dd strong{ position:absolute; left:0; font-size:16px; display:inline-block;color:#66b246} .history-bx .inner dl:before{ content:""; position:absolute; top:-35px; left:0; width:1px; height:45px; background:url(/img/blue_hline.png) 0 0 repeat-y;} .history-bx .inner dl dt{ font-size:30px; margin:0 0 5px 0;color:#000} .history-bx .inner dl dt:after{ content:""; position:absolute; top:12px; left:-8px; display:block; width:16px; height:16px; background:#66b246; border:#66b246 0px solid; border-radius:50%;} .history-bx .inner dl dt:before{ content:""; position:absolute; top:17px; left:-5px; width:105px; height:14px; background:url(/images/dot_wline.png) 50% 0 repeat-x; display:block;} .history-bx .inner dl dd{ position:relative; padding:0 0 0 44px;line-height:2em} .history-bx .inner_fl{} .history-bx .inner_fl dl{ position:relative; margin-top:35px; background:url(/img/blue_hline.jpg) 0 0 repeat-y;padding-right:120px} .history-bx .inner_fl dl dd strong{ position:absolute; right:0; font-size:16px; display:inline-block;color:#66b246;} .history-bx .inner_fl dl:before{ content:""; position:absolute; top:-35px; right:0; width:1px; height:45px; background:url(/img/blue_hline.png) 0 0 repeat-y;} .history-bx .inner_fl dl dt{ font-size:30px; margin:0 0 5px 0;color:#000;text-align:right} .history-bx .inner_fl dl dt:after{ content:""; position:absolute; top:12px; right:-8px; display:block; width:16px; height:16px; background:#66b246; border:#66b246 0px solid; border-radius:50%;} .history-bx .inner_fl dl dt:before{ content:""; position:absolute; top:17px; right:-5px; width:105px; height:14px; background:url(/images/dot_wline.png) 50% 0 repeat-x; display:block;} .history-bx .inner_fl dl dd{ position:relative; padding:0 44px 0 0;line-height:2em;text-align:right} /* .history-bx dl dd+dd{ margin-top:5px;} .history-bx>div+div{ margin-top:50px;} */ /* 조직도 */ .organization_wrap{position:relative;height:500px;width:650px;margin:0 auto} .organization_wrap:after{content:"";display:block;position:absolute;left:78px;top:23px;width:3px;height:292px;background:#e5e5e5} .organization_wrap .ceo{display:block;position:relative;padding:15px;width:130px;background:#fff;color:#930000;border:3px solid #9b0707;text-align:center;z-index:10;} .organization_wrap p{border:0px solid #fff;width:160px;text-align:center;margin:10px 0;padding:15px;height:47px;box-sizing:border-box} .organization_wrap .group_level1{position:relative;} .organization_wrap .group_level2{position:absolute;margin-left:200px;} .organization_wrap .group_level2 p{position:relative;} .organization_wrap .group_level2 p:after{position:relative;content:"";display:block;position:absolute;left:-122px;top:50%;margin-top:-2px;width:119px;height:3px;background:#e5e5e5;} .organization_wrap .group_level3 {position:absolute;margin-top:-65px;margin-left:262px;} .organization_wrap .group_level3:after{content:"";display:block;position:absolute;} .organization_wrap .group_level3 p{position:relative;} .organization_wrap .group_level3 p:after{content:"";display:block;position:absolute;left:-105px;top:50%;margin-top:-2px;width:102px;height:3px;background:#e5e5e5;} .organization_wrap .group_level3 .depth1{position:absolute;margin-top:-95px;margin-left:262px;} .organization_wrap .group_level3 .depth1:after{content:"";display:block;position:absolute;left:-55px;top:32px;width:3px;height:60px;background:#e5e5e5} .organization_wrap .group_level3 .depth1 p:after{content:"";display:block;position:absolute;left:-55px;top:50%;margin-top:-2px;width:52px;height:3px;background:#e5e5e5;} .organization_wrap .group_level3 ol:after{content:"";display:block;position:absolute;right:-50px;top:50%;margin-top:-2px;width:50px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 {position:absolute;margin-top:-150px;margin-left:262px;} .organization_wrap .group_level4:after{content:"";display:block;position:absolute;left:-55px;top:32px;width:3px;height:174px;background:#e5e5e5} .organization_wrap .group_level4 p{position:relative;} .organization_wrap .group_level4 p:after{content:"";display:block;position:absolute;left:-55px;top:50%;margin-top:-2px;width:52px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 ol:after{content:"";display:block;position:absolute;left:-102px;top:50%;margin-top:-2px;width:50px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 .depth1{position:absolute;margin-top:-68px;margin-left:262px;} .organization_wrap .group_level4 .depth1:after{content:"";display:block;} .organization_wrap .group_level4 .depth1 p:after{content:"";display:block;position:absolute;left:-55px;top:50%;margin-top:-2px;width:52px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 ol:after{content:"";display:block;position:absolute;right:-50px;top:50%;margin-top:-2px;width:50px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 .depth2{position:absolute;margin-top:-95px;margin-left:262px;} .organization_wrap .group_level4 .depth2:after{content:"";display:block;position:absolute;left:-55px;top:32px;width:3px;height:60px;background:#e5e5e5} .organization_wrap .group_level4 .depth2 p:after{content:"";display:block;position:absolute;left:-55px;top:50%;margin-top:-2px;width:52px;height:3px;background:#e5e5e5;} .organization_wrap .group_level4 .depth2 ol:after{content:"";display:block;position:absolute;right:-50px;top:50%;margin-top:-2px;width:50px;height:3px;background:#e5e5e5;} .organization_wrap .group_level5 {position:absolute;top:-5px} .organization_wrap .group_level5:after{content:"";display:block;position:absolute;left:-55px;top:32px;width:3px;height:402px;background:#e5e5e5} .organization_wrap p.bg1{border:3px solid #0065ad;color:#0065ad;background:#fff;} .organization_wrap p.bg2{border:3px solid #0065ad;color:#fff;background:#0065ad;} .organization_wrap p.bg3{border:3px solid #66b246;color:#66b246;background:#fff;} .organization_wrap p.bg4{border:3px solid #66b246;color:#fff;background:#66b246;} .organization_wrap .li_mt{position:relative;margin-top:180px} .organization_wrap .li_mt2{position:relative;margin-top:50px} .organization_wrap .li_mt3{position:relative;margin-top:80px} .organization_wrap .li_mt4{position:relative;margin-top:90px} /***오시는길***/ .con16 { max-width:1200px;margin:0 auto;padding:30px 0} .con16:after{} .con16 ul{border-bottom:1px solid #eee;padding:15px;width:80%;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;} .con16 ul:after{clear:both;content:"";display:block;} .con16 ul strong{color:#000;padding-left:30px} .con16 ul li{float:left;} .con16 ul li.tit{box-sizing:border-box;-moz-box-sizing:border-box;color:#000;width:160px; text-align:left;padding-left:50px} .con16 ul li.tit i{border-radius:2em;display:inline; text-align:left} .con16 ul li.con{} .con16 ul li.con em{padding:0 20px 0 10px;color:#ddd} .productInfo{ background:#f7f7f7; overflow:hidden; padding:70px 0 ; width:100%; box-sizing:border-box; } .productInfo .productxt{width:690px; text-align:center; font-size:18px; margin:0 auto; padding-bottom:50px; line-height:150%} .productInfo .productimg{overflow:hidden;} .productInfo .productimg li{float:left; border:5px solid #fff;box-shadow:1px 1px 1px 1px rgba(125, 125, 125, 0.3);margin:5px} .productInfo .productimg li img{} .pressInfo{ background:#f7f7f7; overflow:hidden; padding:70px 0 ; width:100%; box-sizing:border-box; } .pressInfo .presstxt{ text-align:center; font-size:18px; margin:0 auto; padding-bottom:50px; line-height:150%} .pressInfo .pressimg{overflow:hidden;} .pressInfo .pressimg li{float:left; border:3px solid #fff;box-shadow:1px 1px 1px 1px rgba(125, 125, 125, 0.3);margin:3px} .pressInfo .pressimg li img{} .pressInfo .pressimg2 ul{} .pressInfo .pressimg2 li{float:left; border:5px solid #fff;box-shadow:1px 1px 1px 1px rgba(125, 125, 125, 0.3);margin:5px} .pressInfo .pressimg2 li img{} .productable{width:940px; margin:0 auto;padding-top:50px} .table-users { border: 1px solid #e1e1e1; max-width: calc(100% - 2em); margin: 1em auto; overflow: hidden; border-left:none; border-top:none; border-bottom:none; margin-bottom:50px} .table-users table { width: 100%;} .table-users table td, table th { color: #333333; padding: 10px;} .table-users table td { text-align: center; vertical-align: middle; border: 1px solid #e1e1e1;} .table-users table td:nth-child(2){text-align:left; padding-left:35px} .table-users table td:nth-child(5){text-align:left; padding-left:25px} .table-users table td:last-child { line-height: 1.4; text-align: left; padding-bottom:10px;} .table-users table th { background-color: #66b246; font-weight: 600; color:#FFF; padding:15px 0} .table-users .green{color:#66b246; font-weight:bold;} .table-users2 { border: 1px solid #e1e1e1; max-width: calc(100% - 2em); margin: 1em auto; overflow: hidden; border-left:none; border-top:none; border-bottom:none; margin-bottom:50px} .table-users2 table { width: 100%;} .table-users2 table td, table th { color: #333333; padding: 10px;} .table-users2 table td { text-align: center; vertical-align: middle; border: 1px solid #e1e1e1;} .table-users2 table td:nth-child(2){text-align:left; padding-left:35px} .table-users2 table td:nth-child(5){text-align:left; padding-left:25px} .table-users2 table td:last-child { line-height: 1.4; text-align: left; padding-bottom:10px;} .table-users2 table th { background-color: #66b246; font-weight: 600; color:#FFF; padding:15px 0} .table-users2 .green{color:#66b246; font-weight:bold;} .productsoge{overflow:hidden; border:1px solid #dddddd; width:100%; box-sizing:border-box; background:rgba(255,255,255,1);} .productsoge .sogeimg{float:left; width:50%; box-sizing:border-box; text-align:center; padding-top:100px} .productsoge .sogetxt{float:left; width:50%;box-sizing:border-box; padding:70px 75px 60px 60px; border-left:1px solid #dddddd; } .productsoge .sogetxt .sogetitle{font-size:32px; color:#333333; font-weight:bold; margin-bottom:30px} .productsoge .sogetxt .sogetitle span{font-size:24px; color:#333333; font-weight:bold;line-height:1.5em } .productsoge .sogetxt .sogesubtitle{line-height:200%; font-size:18px; color:#666666; margin-bottom:50px;} .productsoge .sogetxt .sogetable th{background:#66b246; color:rgba(255,255,255,1); font-weight:bold; border:1px solid #66b246; padding:15px 0; font-size:16px} .productsoge .sogetxt .sogetable td{border:1px solid #ddd; box-sizing:border-box; padding:12px 0 ; text-align:center} .productsoge .sogetxt .sogetable td:first-child{font-weight:bold;} .businessInfo{background:url(../images/businessbg.jpg) no-repeat; overflow:hidden; padding:110px 0 130px 0 ;width:100%; box-sizing:border-box; height:700px; margin-bottom:70px;} .businessInfo .title{color:rgba(255,255,255,1); text-align:center; font-size:36px; font-weight:bold; margin-bottom:10px} .businessInfo .subtitle{color:rgba(255,255,255,1); text-align:center; font-size:26px; font-weight:normal} .businessInfo .policy{text-align:center; width:960px; margin:0 auto; padding-top:100px;} .businessInfo .policy li{float:left; text-align:center; padding-top:30px; box-sizing:border-box; margin-right:95px;} .businessInfo .policy li:last-child{margin-right:0;} .businessInfo .policy li p{color:rgba(255,255,255,1); font-size:22px; } .businessInfo .policy .m1{background:#66b246; width:250px; height:250px; border-radius:125px; text-align:center} .businessInfo .policy .m2{background:#0065ad; width:250px; height:250px; border-radius:125px; text-align:center} .businessInfo .policy .m3{background:#66b246; width:250px; height:250px; border-radius:125px; text-align:center} .item{overflow:hidden; background:#f7f7f7; } .item .itemimg{float:left; width:50%} .item .itemtxt{float:left;width:50%; padding:40px 0 40px 85px; box-sizing:border-box } .item .itemtxt .itemtitle{font-size:24px; color:#333333; margin-bottom:20px; font-weight:bold} .item2{overflow:hidden; background:#f7f7f7; } .item2 .itemimg{float:right; width:50%} .item2 .itemtxt{float:right;width:50%; padding:40px 0 40px 85px; box-sizing:border-box } .item2 .itemtxt .itemtitle{font-size:24px; color:#333333; margin-bottom:20px; font-weight:bold} .itemtxt .itemlist li{height:30px; margin-bottom:8px; line-height:30px; padding-left:40px; font-size:16px} .itemtxt .itemlist .num1{background:url(../images/num_01.png) no-repeat;} .itemtxt .itemlist .num2{background:url(../images/num_02.png) no-repeat;} .itemtxt .itemlist .num3{background:url(../images/num_03.png) no-repeat;} .itemtxt .itemlist .num4{background:url(../images/num_04.png) no-repeat;} .businessInfow{overflow:hidden; width:1200px; margin:0 auto; margin-bottom:80px;} /****인증***/ .m43 img{ box-sizing:border-box;} .m43 p{text-align:center;padding:15px 0;color:#000;font-size:14px;font-weight:bold;border:0px solid #66b246;background:#eee} .m43 ul{background:#fff;} @media (max-width: 999px){ .productable{width:100%;padding-top:20px} .table-users{border:1px solid #e1e1e1; border-left:none; border-top:none; background:#FFF;} .table-users2{border:1px solid #e1e1e1; border-left:none; border-top:none; background:#FFF;} .pc{display:none;} .mobile{display:block;} .title_wrap{display:none;} .subcontainer{width:100%;} .subcon{width:100%; padding:30px; box-sizing:border-box} .imgInfo .titTxtw{text-align:center; padding:0} .imgInfo{width:100%; padding-bottom:40px; margin-bottom: 20px; background:#FFF} .imgInfo .img{display:block; width:100%} .imgInfo .img img{width:100%;} .imgInfo .titTxt{display:block; width:100%; background:#f7f7f7; padding:20px 3%; box-sizing:border-box} .table-users table td:nth-child(2){text-align:left; padding-left:10px} .table-users table td:nth-child(5){text-align:left;padding-left:25px} /*.table-users2 table td:nth-child(2){text-align:left; padding-left:10px} .table-users2 table td:nth-child(5){text-align:left;padding-left:25px}*/ .con54{border:1px solid #ddd; box-sizing:border-box; } .con54 ul { width: 100%; background:#fff ;border-bottom:1px dotted #ddd;padding:10px; box-sizing:border-box; } .con54 ul li{float:left;padding:0 20px; box-sizing:border-box;line-height:30px} .con54 ul:after{clear:both;display:block;content:""} .con54 ul li.tit{color:#63b540} .productsoge .sogetxt{ width:50%;box-sizing:border-box; padding:30px; border-left:1px solid #dddddd;background:#f7f7f7; } .productsoge .sogetxt .sogesubtitle{line-height:140%; font-size:1.2em; margin-bottom:30px;} .productsoge .sogetxt .sogetable td{background:#FFF;border:1px solid #ddd; box-sizing:border-box; padding:10px 0 ; text-align:center;font-size:11px} .productsoge .sogetxt .sogetitle{font-size:26px; color:#333333; font-weight:bold; margin-bottom:10px} .productsoge .sogetxt .sogetitle span{font-size:18px; color:#333333; font-weight:bold;line-height:1.5em } .productInfo .productimg ul li{width:48%; margin-right:0.5%; box-sizing:border-box} .productInfo .productimg ul li:last-child{margin-right:0;} .productInfo .productimg ul li img{width:100%;} .productInfo .productxt{width:100%; padding-bottom:20px} .productInfo{margin-bottom:0px; margin-top: 0px; background:#FFF; padding:20px 0} .pressInfo .pressimg ul li{width:48%; margin-right:0.5%; box-sizing:border-box} .pressInfo .pressimg ul li:last-child{margin-right:0;} .pressInfo .pressimg ul li img{width:100%;} .pressInfo .pressimg2 ul{width:100%;} .pressInfo .pressimg2 ul li{width:48%; margin-right:0.5%; box-sizing:border-box} .pressInfo .pressimg2 ul li:last-child{margin-right:0;} .pressInfo .pressimg2 ul li img{width:100%;} .pressInfo .presstxt{width:90%; line-height:180%;padding-bottom:20px} .pressInfo{margin-bottom:0px; margin-top: 0px; background:#FFF; padding:20px 0} /*연혁max-width: 999px*/ .history-bx{width:100%;margin:0;position:relative; padding:0;background:url(/images/hline.png) 20px 0 repeat-y; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .tit{ display:none;} .history-bx .inner , .history-bx .inner_fl{ position:relative; padding:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .thum{ } .history-bx .thum:after{ content:""; position:absolute; top:15px; left:8px; display:block; width:20px; height:20px; background:#fff; border:#66b246 3px solid; border-radius:50%;} .history-bx .thum>span.a1{ position:absolute; top:0;padding-left:50px; width:100%; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin:0;text-align:left} .history-bx .thum strong{ display:block;margin-top:15px; font-size:24px;color:#66b246} .history-bx .thum img{width:100%} .history-bx .inner dl,.history-bx .inner_fl dl{ position:relative; padding:0 0 0 120px; margin-top:35px; background:url(/img/blue_hline.jpg) 0 0 repeat-y;} .history-bx .inner dl dd strong,.history-bx .inner_fl dl dd strong{ position:absolute; left:0; font-size:16px; display:inline-block;color:#66b246} .history-bx .inner dl:before,.history-bx .inner_fl dl:before{ content:""; position:absolute; top:-35px; left:0; width:1px; height:45px; background:url(/img/blue_hline.png) 0 0 repeat-y;} .history-bx .inner dl dt,.history-bx .inner_fl dl dt{ font-size:30px; margin:0 0 5px 0;color:#000;text-align:left} .history-bx .inner dl dt:after,.history-bx .inner_fl dl dt:after{ content:""; position:absolute; top:12px; left:-8px; display:block; width:16px; height:16px; background:#66b246; border:#66b246 0px solid; border-radius:50%;} .history-bx .inner dl dt:before,.history-bx .inner_fl dl dt:before{ content:""; position:absolute; top:17px; left:-5px; width:105px; height:14px; background:url(/images/dot_wline.png) 50% 0 repeat-x; display:block;} .history-bx .inner dl dd,.history-bx .inner_fl dl dd{ position:relative; padding:0 0 0 44px;line-height:2em;text-align:left} /* 조직도 max-width: 999px*/ .m14{position:relative;width:100%;padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .m14 ul {position:relative;width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0;margin:0} .m14 ul:after{} .m14 ul li{padding-top:10px} .m14 ul .ht1:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:378px;background:#e5e5e5;padding:0,margin:0} .m14 ul .ht2:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:37px;background:#e5e5e5;padding:0,margin:0} .m14 ul .ht3:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:93px;background:#e5e5e5;padding:0,margin:0} .m14 ul .ht4:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:1575px;background:#e5e5e5;padding:0,margin:0} .m14 ul .ht5:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:435px;background:#e5e5e5;padding:0,margin:0} .m14 ul .ht6:after{content:"";display:block;position:absolute;left:-20%;top:0px;width:3px;height:150px;background:#e5e5e5;padding:0,margin:0} .m14 .ceo{display:block;position:relative;padding:15px;box-sizing:border-box;width:100%;background:#fff;color:#930000;border:3px solid #9b0707;text-align:center;z-index:10;} .m14 p{position:relative;border:0px solid #fff;width:100%;display:block;text-align:center;padding:15px;height:47px;box-sizing:border-box;word-break:normal;} .m14 p.repa{padding:5px 5px 0 5px} .m14 .m_level1{position:relative;} .m14 .m_level1:after{clear:both;display:block;content:""} .m14 .m_level2{margin-left:20%;width:80%;} .m14 .m_level2 p{position:relative;} .m14 .m_level2 p:before{position:absolute;content:"";display:block;left:-20%;margin-left:-3px;top:50%;width:20%;height:3px;background:#e5e5e5;} .m14 .m_level3{margin-left:20%;width:80%;} .m14 .m_level4{margin-left:20%;width:80%;} .m14 .m_level5{margin-left:20%;width:80%;} .m14 p.bg1{border:3px solid #0065ad;color:#0065ad;background:#fff;} .m14 p.bg2{border:3px solid #0065ad;color:#fff;background:#0065ad;} .m14 p.bg3{border:3px solid #66b246;color:#66b246;background:#fff;} .m14 p.bg4{border:3px solid #66b246;color:#fff;background:#66b246;} /***오시는길 max-width: 999px***/ .con16 {width:100%;margin:0 auto;padding:30px 0;box-sizing:border-box;-moz-box-sizing:border-box;} .con16:after{} .con16 ul{border-bottom:1px solid #eee;padding:15px 0;width:100%;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;} .con16 ul:after{clear:both;content:"";display:block;} .con16 ul strong{color:#000;padding-left:5px;font-size:.9em} .con16 ul li{float:left;font-size:.9em} .con16 ul li.tit{box-sizing:border-box;-moz-box-sizing:border-box;color:#000; text-align:left;padding-left:10px;width:120px} .con16 ul li.tit i{border-radius:2em;display:inline; text-align:left} .con16 ul li.con{} .con16 ul li.con em{padding:0 10px 0 5px;color:#ddd} .businessInfo .policy{width:100%;} .businessInfo .policy li{margin-right:auto;} .businessInfow{width:100%;} .item .itemtxt{display:block; width:100%; padding:20px; box-sizing:border-box } .item .itemimg{display:block; width:100%;} .item2 .itemtxt{display:block; width:100%; padding:20px; box-sizing:border-box } .item2 .itemimg{display:block; width:100%;} .itemtxt .itemlist li{font-size:15px; line-height:120%; height:20px; padding-left:27px;} .itemtxt .itemlist .num1{background-size:contain} .itemtxt .itemlist .num2{background-size:contain} .itemtxt .itemlist .num3{background-size:contain} .itemtxt .itemlist .num4{background-size:contain} .businessInfo{background:none; padding-top:60px; margin-bottom:0; padding-bottom:0px; height:600px} .businessInfo .title{color:rgba(0,0,0,1);} .businessInfo .subtitle{color:rgba(0,0,0,1);} .businessInfo .policy .cover{position:relative;} .businessInfo .policy .m1{position:absolute; top:0; left:0;} .businessInfo .policy .m2{position:absolute; top:0; left:30%;} .businessInfo .policy .m3{position:absolute; top:0; left:60%;} .businessInfo .policy li{mix-blend-mode: multiply;} .productInfobg{background:#f7f7f7;} .pressInfobg{background:#f7f7f7;} } @media screen and (max-width: 700px) { .productable{width:100%;padding-top:20px} .table-users {border: 1px solid #e1e1e1; padding:20px 0} .table-users table, .table-users tr, .table-users td { display: block; } .table-users table td{border:none;} .table-users td:first-child { position: absolute; top: 16%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:20px } .table-users td:not(:first-child) { clear: both; margin-left: 100px; padding: 4px 20px 4px 90px; position: relative;text-align: left; } .table-users td:not(:first-child):before { color: #63b540; content: ''; display: block; left: 0; position: absolute; } .table-users td:nth-child(2):before { content: 'Equipment'; } .table-users td:nth-child(3):before { content: 'Tonnage '; } .table-users td.m56:nth-child(3):before { content: 'SPEC. '; } .table-users td:nth-child(4):before { content: 'QTY '; } .table-users td:nth-child(5):before { content: ' Maker'; } .table-users td:nth-child(6):before { content: 'Remark'; } .table-users tr {padding: 10px 0; position: relative; border-bottom:1px dotted #ebe9e9; } .table-users tr:last-child{border-bottom:none;} .table-users tr:first-child { display: none; } .table-users table td:nth-child(2){padding-left:90px;} .table-users table td:nth-child(5){padding-left:90px;} .con54{border:1px solid #ddd; box-sizing:border-box; } .con54 ul { width: 100%; background:#fff ;border-bottom:1px dotted #ddd;padding:10px; box-sizing:border-box; } .con54 ul li{float:left;padding:0 5px; box-sizing:border-box;line-height:30px} .con54 ul:after{clear:both;display:block;content:""} .con54 ul li.tit{color:#63b540} .productsoge .sogetxt .sogesubtitle{line-height:150%; font-size:14px; color:#666666; margin-bottom:20px;} .productsoge .sogeimg{display:block; width:100%; border-bottom:1px solid #dddddd; padding: 0px 0 ;} .productsoge .sogetxt{display:block; width:100%; background:#f7f7f7; border-left:none; padding:15px} .productsoge .sogetxt .sogetable td{background:#FFF;} /*조직도max-width: 700px*/ .history-bx{width:100%;margin:0;position:relative; padding:0;background:url(/images/hline.png) 20px 0 repeat-y; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .tit{ display:none;} .history-bx .inner , .history-bx .inner_fl{ position:relative; padding:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .thum{ } .history-bx .thum:after{ content:""; position:absolute; top:15px; left:8px; display:block; width:20px; height:20px; background:#fff; border:#66b246 3px solid; border-radius:50%;} .history-bx .thum>span.a1{ position:absolute; top:0;padding-left:50px; width:100%; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin:0;text-align:left} .history-bx .thum strong{ display:block;margin-top:15px; font-size:24px;color:#66b246} .history-bx .thum img{width:100%} .history-bx .inner dl,.history-bx .inner_fl dl{ position:relative; padding:0 0 0 50px; margin-top:35px; background:url(/img/blue_hline.jpg) 0 0 repeat-y;} .history-bx .inner dl dd strong,.history-bx .inner_fl dl dd strong{ position:absolute; left:0; font-size:16px; display:inline-block;color:#66b246} .history-bx .inner dl:before,.history-bx .inner_fl dl:before{ content:""; position:absolute; top:-35px; left:0; width:1px; height:45px; background:url(/img/blue_hline.png) 0 0 repeat-y;} .history-bx .inner dl dt,.history-bx .inner_fl dl dt{ font-size:30px; margin:0 0 5px 0;color:#000;text-align:left} .history-bx .inner dl dt:after,.history-bx .inner_fl dl dt:after{ content:""; position:absolute; top:12px; left:-8px; display:block; width:16px; height:16px; background:#66b246; border:#66b246 0px solid; border-radius:50%;} .history-bx .inner dl dt:before,.history-bx .inner_fl dl dt:before{ content:""; position:absolute; top:17px; left:-5px; width:50px; height:14px; background:url(/images/dot_wline.png) 50% 0 repeat-x; display:block;} .history-bx .inner dl dd,.history-bx .inner_fl dl dd{ position:relative; padding:0 0 0 44px;line-height:2em;text-align:left} /***오시는길 max-width: 700px***/ .con16 {width:100%;margin:0 auto;padding:30px 0;box-sizing:border-box;-moz-box-sizing:border-box;} .con16:after{} .con16 ul{border-bottom:0px solid #eee;padding:15px 0;width:90%;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;} .con16 ul:after{clear:both;content:"";display:block;} .con16 ul strong{color:#000;padding-left:5px;font-size:.9em} .con16 ul li:first-child{clear:both;font-size:.9em;border-bottom:1px solid #ddd;width:100%} .con16 ul li{clear:both;font-size:.9em;border-bottom:0px solid #eee;width:100%;padding:5px} .con16 ul li.tit{box-sizing:border-box;-moz-box-sizing:border-box;color:#000; text-align:left;font-size:1.4em} .con16 ul li.tit i{border-radius:2em;text-align:left;font-size:0.75em;margin-right:10px} .con16 ul li.con{} .con16 ul li.con em{display:none} /*제품*/ .productInfo .productxt{font-size:16px} .subcon h3{padding-top:20px; padding-bottom:10px} .subcon h4{font-size:26px;} .subcon .subtitle{font-size:20px;} .item .itemtxt{display:block; width:100%; padding:10px; box-sizing:border-box } .item2 .itemtxt{display:block; width:100%; padding:10px; box-sizing:border-box } } @media (max-width: 470px){ .imgInfo .titTxtw .titlesubTxt{font-size:26px;} .imgInfo .titTxtw .titlesubcTxt{font-size:18px;} .imgInfo .titTxtw .subBtitle{ font-size:36px; } .imgInfo .titTxt{ padding:20px 4%; font-size:12px;} .table-users table td:nth-child(2){padding-left:90px;font-size:11px;} .table-users2 table td:nth-child(2){padding-left:90px;} .item .itemtxt .itemtitle{padding-top:20px;} /*연혁max-width: 470px*/ .con14{width:100%;background:#fff} .history-bx{width:100%;margin:0;position:relative; padding:0;background:url(/images/hline.png) 20px 0 repeat-y; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .tit{ display:none;} .history-bx .inner , .history-bx .inner_fl{ position:relative; padding:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .history-bx .thum{ position:absolute; left:0;top:-8px; width:98%;border:0; text-align:left; font-size:24px;margin:0;padding:0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .history-bx .thum:after{ content:""; position:absolute; top:0px; left:8px; display:block; width:20px; height:20px; background:#fff; border:#66b246 3px solid; border-radius:50%;} .history-bx .thum .a1{ padding-left:30px;position:absolute; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;margin:0;text-align:left} .history-bx .thum strong{ width:100%; margin-top:3px; font-size:24px;color:#66b246; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .history-bx .thum img{width:100%} .history-bx .inner dl,.history-bx .inner_fl dl{ position:relative; padding:0 0 0 50px; margin-top:35px; background:url(/img/blue_hline.jpg) 0 0 repeat-y;} .history-bx .inner dl dd strong,.history-bx .inner_fl dl dd strong{ position:absolute; left:0; font-size:16px; display:inline-block;color:#66b246} .history-bx .inner dl:before,.history-bx .inner_fl dl:before{ content:""; position:absolute; top:-35px; left:0; width:1px; height:45px; background:url(/img/blue_hline.png) 0 0 repeat-y;} .history-bx .inner dl dt,.history-bx .inner_fl dl dt{ font-size:26px; margin:0 0 5px 0;color:#000;text-align:left;padding-top:5px} .history-bx .inner dl dt:after,.history-bx .inner_fl dl dt:after{ content:""; position:absolute; top:12px; left:-6px; display:block; width:16px; height:16px; background:#66b246; border:#66b246 0px solid; border-radius:50%;} .history-bx .inner dl dt:before,.history-bx .inner_fl dl dt:before{ content:""; position:absolute; top:17px; left:-5px; width:50px; height:14px; background:url(/images/dot_wline.png) 50% 0 repeat-x; display:block;} .history-bx .inner dl dd,.history-bx .inner_fl dl dd{ position:relative; padding:0 10px 0 44px;line-height:2em;text-align:left;word-break:normal;} /*조직도*/ .m14 p{position:relative;border:0px solid #fff;width:100%;display:block;text-align:center;padding:12px 5px;height:47px;box-sizing:border-box;font-size:13px;word-break:normal;} .m14 p.repa{padding:5px 5px 0 5px} .itemtxt .itemlist li{height:40px; margin-bottom:8px; line-height:1.2em; padding-left:50px; font-size:14px} } @media (min-width: 320px) and (max-width: 469px) { .subcon{padding:3%;} .businessInfo{padding-top:10px;} .businessInfo .title{font-size:28px;} .businessInfo .subtitle{font-size:16px;} .businessInfo .policy li{padding-top:20px;} .businessInfo .policy .m1 img{width:30%;} .businessInfo .policy .m2 img{width:50%;} .businessInfo .policy .m3 img{width:40%;} .businessInfo .policy .m1{width:140px; height:140px;} .businessInfo .policy .m2{width:140px; height:140px;} .businessInfo .policy .m3{width:140px; height:140px;} .businessInfo{height:380px;} .businessInfo .policy li p{font-size:16px;} .businessInfo .policy{padding-top:60px;} .table-users table td{ font-size:11px;} .table-users td:not(:first-child){margin-left:60px;} .table-users{padding:0 0 10px 0;} .table-users tr {padding:5px 0;} .table-users td:first-child{left:7px;} .table-users2 table td{ font-size:11px;} .table-users2 td:not(:first-child){margin-left:10px;} .table-users2{padding:0 0 10px 0;} .table-users2 tr {padding:5px 0;} .table-users2 td:first-child{left:7px;} .imgInfo .titTxt ul li .taT{font-size:12px; width: 30%} .imgInfo .titTxt ul li p{font-size:12px;} .imgInfo .titTxt{padding: 20px 2%;} }