/* Minification failed. Returning unminified contents. (59,127): run-time error CSS1038: Expected hex color, found '#blue' (475,128): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ @charset "utf-8"; /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0} fieldset,img{border:0 none} dl,ul,ol,menu,li{list-style:none} blockquote, q{quotes: none} blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} input,select,textarea,button{vertical-align:middle} input::-ms-clear{display:none} button{border:0 none;background-color:transparent;cursor:pointer} body{background:#fff} body,th,td,input,select,textarea,button{font-size:16px;line-height:1.5;font-weight:400;font-family:Noto Sans Regular, 맑은 고딕,;color:#333} a{color:#1a1a1a;text-decoration:none} a:active, a:hover{text-decoration:none; color:#00a0e9} a:active{background-color:transparent} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} table{border-collapse:collapse;border-spacing:0;} body{-webkit-text-size-adjust:none} fieldset{min-width:auto} /* global */ .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent} .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* common */ .logo{display:block;overflow:hidden;font-size:0;line-height:0;background-repeat:no-repeat;background-size:cover;text-indent:-9999px} .wrap {min-width:1200px;width:100%; display:block; margin:0 auto !important} .thumb_g{display:block;width:100%} .w100p {width:100% !important} .w500 { width:500px !important} .w650 { width:650px !important} .w150 { width:150px !important} .mT50 { margin-top:50px !important} .mL250 { margin-left:250px !important} .mL300 { margin-left:300px !important} .mB0 { margin-bottom:0px !important} .mB20 { margin-bottom:20px !important} .mB30 { margin-bottom:30px !important} .mB50 { margin-bottom:50px !important} .mB80 { margin-bottom:80px !important} .pT20R30 { padding:20px 30px !important} .font20 {font-size:20px !important; letter-spacing:-1px} .font24 {font-size:24px !important;} .font16 {font-size:16px !important;} .font18 {font-size:18px !important;} .B { font-weight:bold !important} .tAL { text-align:left} .tAC { text-align:center} .tAR { text-align:right} .FontBlue {color:#007fb9} .vAtop {vertical-align:text-top} /* header */ .H_Wrap{min-width:1200px; width:100%; height:80px; background-color:#fff; margin:0 auto; position:relative; background-color:#blue; display:block} .H_Wrap h1{float:left; margin:10px 50px 0 50px; width:200px; } .H_Wrap .GnbMenu {padding-top:10px; min-width:1200px;} .H_Wrap .GnbMenu h1 a {display:block;overflow:hidden;font-size:0;line-height:0px;background:url(/Content/Images/logo_header.png) no-repeat; background-size:197px;width:197px;height:43px;} /*탑 메뉴 영역*/ .H_Wrap span {position:relative; float:right;display:block; width:50px;} .H_Wrap span a {position:absolute;overflow:hidden;font-size:0;line-height:0px;background:url(/Content/Images/AllMenu.png) no-repeat; width:34px;height:22px; top:-30px;} /*.H_Wrap span a:hover {font-size:0;line-height:0px;background:url(/Content/Images/AllMenuClose.png) no-repeat; width:34px;height:22px}*/ .H_Wrap .GnbMenu:after, .H_Wrap span a:after {display:block;clear:both;content:''} /*siteMap*/ .Bwrap { clear:both; margin:0 auto !important; min-width:1200px;width:100%; display:block; position:relative} .SiteMap { clear:both; margin: 0 auto !important; width:1200px; height:100%; display:block !important} .SiteMap ul { float:left; width:240px; text-align:center; margin:100px 0; letter-spacing:-2px} .SiteMap li { margin-top:20px; text-align:center; font-size:22px } .SiteMap li.BLine {border-bottom:1px solid #4d4d4d !important;font-weight:500; width:240px; height:50px; font-size:24px; letter-spacing:1px } .SiteMap li.BLine:hover {border-bottom:1px solid #fff !important; } .SiteMap li.BLine a {text-decoration:none; height:45px !important; display:block; color:#fff; border:0px !important} .SiteMap li.BLine a:hover {color:#00a1e9;} .SiteMap li a { text-decoration:none; height:40px !important; display:block; color:#aaa; border:1px solid #000 } .SiteMap li a:hover {color:#00a1e9; border:1px solid #fff} .Bwrap span {position:relative; float:right;display:block; width:50px; margin:30px 20px 0 0} .Bwrap span a {position:absolute;overflow:hidden;font-size:0;line-height:0px;background:url(/Content/Images/AllMenuClose.png) no-repeat; width:34px;height:22px;} .Bwrap span a:after {display:block;clear:both;content:''} .GnbR {float:right; height:25px; padding:7px 10px 5px; border-radius:50px; background-color:#1c3e61; margin-top:8px } .GnbR li { float:left; background:url(/Content/Images/DotLine.png) no-repeat center right ; padding:0 15px} .GnbR li a {font-size:15px; color:#fff; } .GnbR li a:hover {text-decoration: none; color:#00f6ff} .GnbR li:last-child { background:none} /*탑메뉴*/ .GnbM { margin: 0 auto; width:800px; display:block; height:50px} /*.GnbM > li {float:left;position:relative; margin-top:10px; text-align:center; margin:20px 30px 0px 30px;}*/ /*0414*/.GnbM > li {float:left;position:relative; text-align:center; margin:20px 30px 0px 30px;} .GnbM a {font-size:20px; text-decoration:none; border-bottom:5px solid #fff;height:45px !important; display:block; } .GnbM a:hover, .GnbM a.On {color:#00a1e9; border-bottom:5px solid #007cdb;} .GnbM .link_gnb{font-size:20px;text-decoration:none} .GnbM .link_gnb:hover{color:#00a1e9} /*레이어 메뉴*/ /*.GnbMS {margin: 0 auto;position:absolute; width:100%; background-color:#e1e3e9; padding-top:15px; z-index:1; height:50px; display:none} .list_sub {margin:0 auto; width:1000px; display:block; height:30px; } .list_subL {margin: 0 auto; width:900px; display:block; height:30px; padding-right:100px; }*/ /*0414 수정*/.GnbMS {margin: 0 auto;position:absolute; width:100%; background-color:#e1e3e9; padding-top:15px; z-index:1; height:50px; display:none} /*0414 수정*/.list_sub {margin:0 auto; width:1000px; display:block; height:30px; } /*0414 수정*/.list_subL {margin: 0 auto; width:900px; display:block; height:30px; padding-right:100px; } .list_sub li {float:left} .list_subL li {float:right} .list_sub a, .list_subL li a {font-size:16px; text-decoration:none; border-bottom:0px!important; display:block;padding:10px 10px 0 10px; height:30px !important; letter-spacing:-1px} .list_sub a:hover, .list_sub a.on, .list_subL a:hover, .list_subL a.on {color:#007cdb;text-decoration:none} /*탑 이미지 영역*/ .TopPic {margin: 0 auto; display:block;width:100%; height:280px; border-bottom:25px solid #fff; text-align:center} .bg_Business {background:url(/Content/images/bg_Business.png) 50% 0px / cover no-repeat;} /*회사소개_BG*/ .bg_Company {background:url(/Content/images/bg_Company.png) 50% 0px / cover no-repeat;} /*사업분야_BG*/ .bg_Research {background:url(/Content/images/bg_Research.png) 50% 0px / cover no-repeat;} /*연구개발_BG*/ .bg_Quality {background:url(/Content/images/bg_Quality.png) 50% 0px / cover no-repeat;} /*품질보증_BG*/ .bg_Customer {background:url(/Content/images/bg_Customer.png) 50% 0px / cover no-repeat;} /*고객센터_BG*/ .TopPic p:first-child {padding-top:100px; font-size:40px; background: linear-gradient(to right, #8fff66, #02f6fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .TopPic p:nth-child(2) { font-size:16px; color:#fff; letter-spacing:-1px;} /*뎁스표시자리*/ .Depth {position:absolute; margin: 0 auto;width:100%; height:50px; top:335px;} .Depth ul {width:1200px; background-color:#fff; display:inline-block; height:50px;} .Depth li { float:left} .Depth li:first-child {background-color:#00a0e9; width:50px; height:50px } .Depth li:last-child { border:1px solid #c5cad0; border-left:0px !important; display:block; width:1149px; height:48px; text-align:left; letter-spacing:-1px !important } .Depth li:first-child a {background:url(/Content/Images/IcoHome.png) no-repeat center center !important; font-size:0px; display:block; width:50px; height:50px} .Depth li:last-child a {font-size:16px; font-weight:500; color:#4d4d4d; padding-top:13px; display:block; float:left} .Depth li:last-child a:first-child {padding-left:20px !important} .Depth li:last-child span { float:left; font-size:17px; font-weight:600; padding:10px 14px 0 14px;} .Depth li a:hover {text-decoration:none} /*컨텐츠 부분*/ .Cntr { clear:both; display:block; margin:0 auto !important; width:1200px; padding:100px 0 ;font-size:20px !important; letter-spacing:-1px;} .Cntr .Btit {background:url(/Content/Images/IcoTitBar.png) no-repeat left top !important; font-size:30px; font-weight:600; padding:20px 0 50px 0; } .Cntr .Graytit {background:url(/Content/Images/IcoTitBar.png) no-repeat left top !important; font-size:30px; font-weight:600; padding:20px 0 50px 0; } .Tit24B {font-size:24px !important; color:#007fb9; margin-bottom:10px} .pB0 { padding-bottom:0px !important} .pL0 { padding-left:0px !important} /*회사소개*/ .Cntr .Ceo {display:block; text-align:center;} .Cntr .Ceo ul.Stxt { display: inline-block; margin:30px 0 15px 0 !important; } .Cntr .Ceo ul.Stxt li {float:left; background:url(/Content/Images/CompanyBar1.png) repeat-x bottom; font-size:30px; letter-spacing:-1px; color:#006491} .Cntr .Ceo ul.Stxt li:first-child {background:url(/Content/Images/IcoCompany1.png) no-repeat left top; font-size:0px !important; width:36px; height:31px; display:block; margin:0 20px; } .Cntr .Ceo ul.Stxt li:last-child {background:url(/Content/Images/IcoCompany2.png) no-repeat right top; font-size:0px !important; width:36px; height:31px; display:block; margin:0 20px; } /* .Cntr .Ceo p {margin-bottom:80px !important; display:block} .Cntr .Ceo p span{background:url(/Content/Images/CompanyBar1.png) repeat-x bottom; font-size:24px; letter-spacing:-1px;} */ .Cntr .Ceo ul.Btxt { display:block; margin-top:70px; width:1200px;background:url(/Content/Images/CeoPic.png) no-repeat right bottom; text-align:left !important} .Cntr .Ceo ul.Btxt li { float:none !important; margin-bottom:30px; line-height:180%; margin-right:50px} .Cntr .Ceo ul.Btxt li:last-child {padding-top:170px; font-size:26px;background:url(/Content/Images/CeoSign.png) no-repeat center bottom; margin-bottom:0px !important; width:600px } .Cntr .VisionPic, .Cntr .QualityPic {background:url(/Content/Images/DotBack1.png) repeat; padding:10px; margin-bottom:80px} .Cntr .VisionPic p { background:url(/Content/Images/CompanyVisionPic.png) no-repeat center #f9f9fa; text-align:center; width:1180px; height:210px; padding:60px 0; display:block; font-size:0px} .Cntr .VisionTxt li {margin-bottom:10px} .Cntr .VisionTxt li span { font-weight:600} .Cntr .Organize {background:url(/Content/Images/CompanyOrganizePic.png) no-repeat center; text-align:center; width:1200px; height:730px; display:block; font-size:0px; margin-top:100px} .Cntr .History { display: inline-block;} .Cntr .History span { float:left; font-size:30px !important; font-weight:600; width:450px; margin-right:50px; line-height:170%; display:block;} .Cntr .History div { float:left; background:url(/Content/Images/CompanyLine1.png) repeat-y left; display:block; text-align:left !important; width:700px} .Cntr .History div ul {display: inline-block;} .Cntr .History div li {float:left} .Cntr .History div li:first-child {background:url(/Content/Images/CompanyDot1.png) no-repeat left; font-size:28px; font-weight:600; padding-left:30px; font-family:Verdana} .Cntr .History div li:nth-child(2) {padding:5px 0 30px 15px; line-height:170%; letter-spacing:-1px !important} .Cntr .History .ing {font-size:0px !important;background:url(/Content/Images/icoIng.png) no-repeat; width:30px; height:20px; margin:9px 0 0 10px; display:block; float:right} .Cntr .History div ul:after{display:block;clear:both;content:''} .Cntr .Map { width:100%; display:block; font-size:0px; margin-bottom:50px} .Cntr .F16B { font-size:16px; text-align:center; font-weight:600} .Cntr .F20L { font-size:20px; text-align:left; letter-spacing:normal !important} .Cntr .LicenseTap, .Cntr .SpecTap, .Cntr .Technology { width:1200px; height:60px; border: none; margin-bottom:50px} .Cntr .LicenseTap tr, .Cntr .LicenseTap tr:hover, .Cntr .SpecTap tr, .Cntr .SpecTap tr:hover, .Cntr .Technology tr, .Cntr .Technology tr:hover {border: none; background:none; padding:0px !important} .Cntr .LicenseTap td {width:400px; padding:0px !important} .Cntr .SpecTap td {width:300px; padding:0px !important} .Cntr .Technology td {width:600px; padding:0px !important} .Cntr .LicenseTap a { text-align:center; background:#e8e9f0; color:#353535; font-size:20px; height:40px; display:block; float:left; border:#e8e9f0 solid 5px; padding-top:10px; text-align:center; width:390px } .Cntr .SpecTap a { text-align:center; background:#e8e9f0; color:#353535; font-size:20px; height:40px; display:block; float:left; border:#e8e9f0 solid 5px; padding-top:10px; text-align:center; width:290px } .Cntr .Technology a { text-align:center; background:#e8e9f0; color:#353535; font-size:20px; height:40px; display:block; float:left; border:#e8e9f0 solid 5px; padding-top:10px; text-align:center; width:590px } .Cntr .LicenseTap a.on, .Cntr .LicenseTap a:hover, .Cntr .SpecTap a.on, .Cntr .SpecTap a:hover, .Cntr .Technology a.on, .Cntr .Technology a:hover { text-align:center; background:#ffffff; color:#007fb9; font-size:20px; font-weight:600; border:5px solid; border-image:linear-gradient(to right, #009619, #007fb9) 1; text-decoration:none } .Cntr a.View {background:url(/Content/Images/IcoView.png) no-repeat 0 1px; width:62px; height:26px; display:block; font-size:18px; letter-spacing:-1px; text-align:center;float:left; padding-right:8px; margin:5px 10px 0 0; text-decoration:none} .Cntr a.View:hover {background:url(/Content/Images/IcoViewOn.png) no-repeat 0 1px; color:#00a0e9} .Cntr .LincenseTxt1 { text-align:center; font-size:16px; letter-spacing:-1px} .Cntr .BusinessBox1, .Cntr .BusinessBox2 {margin:0 auto !important; display: inline-block;} .Cntr .BusinessBox1 ul { float:left; width:600px !important; display:block; } .Cntr .BusinessBox1 ul .Tit, .Cntr .BusinessBox2 ul .Tit {font-size:24px; color:#007fb9; margin-bottom:30px} .Cntr .BusinessBox1 ul .Txt1, .Cntr .BusinessBox2 ul .Txt1 {font-size:22px; margin-bottom:5px} .Cntr .BusinessBox1 ul:last-child { text-align:right;} .Cntr .BusinessBox1 ul:last-child li:first-child { margin-bottom:30px} .Cntr .BusinessBox1 .ing, .Cntr .BusinessBox2 .ing {font-size:0px !important;background:url(/Content/Images/icoIng.png) no-repeat; width:30px; height:20px; margin-left:10px; display:inline-block; vertical-align:text-bottom} .Cntr .BusinessBox2 ul:last-child { margin-top:50px} .Cntr .BusinessBox2 ul:last-child li { float:left; margin-right:33px} .Cntr .BusinessBox2 ul:last-child li:last-child {margin-right:0px} .Cntr .Kolas li:first-child {font-size:24px; color:#007fb9; margin:0px 0 50px 0} .Cntr .Kolas li:last-child {margin-bottom:50px} button.Mail {background:url(/Content/Images/IcoMail2.png) no-repeat; font-size:0px; width:30px; height:20px; display: inline-block; margin-left:10px; vertical-align:text-bottom} .Cntr .Spectro, .Cntr .ISO { clear:both;margin:0 auto !important; display: inline-block} .Cntr .Spectro ul { float:left; width:360px; margin-right:60px; display:block; line-height:180%} .Cntr .Spectro ul:last-child, .Cntr .ISO ul:last-child { margin-right:0px !important } .Cntr .Spectro ul li:first-child, .Cntr .ISO ul li:first-child {font-size:24px; color:#007fb9; margin-bottom:10px; text-align:left} .Cntr .Spectro ul li.Pic, .Cntr .ISO ul li.Pic {background:url(/Content/Images/DotBack1.png) repeat; padding:10px; margin-bottom:30px} .Cntr .Spectro ul li.Pic p { background-color:#f9f9fa; text-align:center; width:340px; height:270px; display:block; font-size:0px} .Cntr .Spectro ul li.Pic p.pic1 {background:url(/Content/Images/SpectroPic1.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic2 {background:url(/Content/Images/SpectroPic2.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic3 {background:url(/Content/Images/SpectroPic3.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic4 {background:url(/Content/Images/HealthPic1.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic5 {background:url(/Content/Images/HealthPic2.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic6 {background:url(/Content/Images/HealthPic3.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic7 {background:url(/Content/Images/PortablePic1.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic8 {background:url(/Content/Images/PortablePic2.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic9 {background:url(/Content/Images/PortablePic3.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic p.pic10 {background:url(/Content/Images/WastePic1.png) no-repeat center #f9f9fa;} .Cntr .Spectro ul li.Pic img.thumb_g {transition:transform 0.3s} .Cntr .Spectro ul li.Pic:hover .thumb_g {transform:scale(1.05)} .Cntr .Spectro { clear:both;margin:0 auto !important; display: inline-block} .Cntr .ISO ul { float:left; width:570px; margin-right:60px; display:block; line-height:180%} .Cntr .ISO ul .Pic p { background-color:#f9f9fa;margin:0 auto !important; text-align:center; width:550px; display:block; font-size:0px} .Cntr .ISO ul .Pic p img.thumb_g{transition:transform 0.3s; padding:50px; width:400px; margin: 0 auto !important} .Cntr .ISO ul .Pic p:hover .thumb_g {transform:scale(1.05); padding:50px; width:400px;} .Cntr .Spectro ul li:last-child { margin-top:30px} .Cntr .Spectro ul li:last-child button { background:url(/Content/Images/icoDown.png) no-repeat 20px center; width:198px; height:38px; border:1px #999 solid; padding-left:18px} .Cntr .Spectro ul li:last-child button:hover { background:url(/Content/Images/icoDownOver.png) no-repeat 20px center; color:#007fb9; border:1px #007fb9 solid;} .Cntr .Partner {clear:both; margin-top:30px;margin:0 auto !important; display: inline-block} .Cntr .Partner div {display:block; width:1200px;} .Cntr .Partner div ul { margin:0 30px 30px 0; border-radius:5px; width:380px; height:180px; background-color:#e7e7e7; float:left } .Cntr .Partner div ul:last-child { margin-right:0px; float:left} .Cntr .Partner div ul li { text-align:center} .Cntr .Partner div ul li:first-child {height:125px} .Cntr .Partner .Pic1 { width:380px; height:125px; background:url(/Content/Images/DomesticPic1.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic2 { width:380px; height:125px; background:url(/Content/Images/DomesticPic2.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic3 { width:380px; height:125px; background:url(/Content/Images/DomesticPic3.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic4 { width:380px; height:125px; background:url(/Content/Images/DomesticPic4.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic5 { width:380px; height:125px; background:url(/Content/Images/DomesticPic5.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic6 { width:380px; height:125px; background:url(/Content/Images/DomesticPic6.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic7 { width:380px; height:125px; background:url(/Content/Images/OverseasPic1.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic8 { width:380px; height:125px; background:url(/Content/Images/OverseasPic2.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner div ul li a { background:url(/Content/Images/icoLink1.png) no-repeat right center; padding-right:25px; font-size:18px} .Cntr P.Tit {font-size:24px; color:#007fb9; margin-bottom:10px} .Cntr .Partner div:after{display:block;clear:both;content:''} .Cntr .QualityPic p.pic1 { background:url(/Content/Images/QualityPic1.png) no-repeat center #f5f5f5; text-align:center; width:1180px; height:210px; padding:60px 0; display:block; font-size:0px} .Cntr .QualityPic p.pic2 { background:url(/Content/Images/QualityPic2.png) no-repeat center #f5f5f5; text-align:center; width:1180px; height:210px; padding:60px 0; display:block; font-size:0px} .Cntr .QualityPic p.pic3 { background:url(/Content/Images/WelfarePic1.png) no-repeat center #f5f5f5; text-align:center; width:1180px; height:210px; padding:60px 0; display:block; font-size:0px} .Cntr .QualitySign {padding:110px 200px 0 0; font-size:26px;background:url(/Content/Images/CeoSign.png) no-repeat right bottom; margin-bottom:0px !important; text-align:right } .Cntr .QualityBox { clear:both;background:url(/Content/Images/DotBack1.png) repeat; padding:10px; display:inline-block;} .Cntr .QualityBox span {display:block; background:url(/Content/Images/WelfarePic2.png) no-repeat 120px center #f5f5f5; width:400px; height:180px; padding:60px 0; font-size:0px; float:left} .Cntr .QualityBox ul {background:url(/Content/images/WelfareLine1.png) no-repeat left center #f5f5f5; float:left; width:780px; height:205px; padding:60px 0; display:block; padding-top:35px} .Cntr .QualityBox li { margin-left:20px; padding-top:3px} .Cntr .Txt2 { line-height:180%; margin-bottom:50px} .Cntr .QualityBox span.Safety {display:block; background:url(/Content/Images/SafetyPic1.png) no-repeat 80px center #f5f5f5; width:530px; height:480px; padding:0 !important; font-size:0px; float:left} .Cntr .QualityBox ul.Safety {float:left;background:none #f5f5f5; width:650px; height:410px; padding:70px 0 0 0 !important; display:block;} .Cntr .QualityBox ul.Safety li:nth-child(odd) {color:#007fb9;} .Cntr .QualityBox ul.Safety li:nth-child(even) {padding-bottom:25px} .Cntr .QualityBox ul.Safety li:last-child {padding-bottom:0px !important} .Cntr Div.SafetyBox1, .Cntr Div.SafetyBox2 { width:590px; height:510px; float:left; margin:0px} .Cntr Div.SafetyBox1 p {background:url(/Content/Images/SafetyPic2.png) no-repeat center bottom #f5f5f5; width:590px; height:360px; padding:0 !important; font-size:0px; } .Cntr Div.SafetyBox2 p {background:url(/Content/Images/SafetyPic3.png) no-repeat center bottom #f5f5f5; width:590px; height:360px; padding:0 !important; font-size:0px; } .Cntr Div.SafetyBox1 div, .Cntr Div.SafetyBox2 div {width:590px; background-color:#f5f5f5; display:inline-block;margin:0 auto !important; height:150px} .Cntr Div.SafetyBox1 ul {background:url(/Content/Images/SafetyLine1.png) no-repeat left 12px; float:left; width:320px; display:block; margin:30px 0 0 150px; padding:0px !important; display:block} .Cntr Div.SafetyBox2 ul {background:url(/Content/Images/SafetyLine2.png) no-repeat left 12px; float:left; width:540px; display:block; margin:30px 0 0 30px; padding:0px !important; display:block} .Cntr .CustoBox {background:url(/Content/Images/CallIco.png) no-repeat 50px center #f5f5f5; width:1020px; height:95px; margin-bottom:50px; display:block; padding:55px 0 0 180px;} .Cntr .CustoBox .Blue {color:#007fb9; padding-left:50px} .Cntr .job { line-height:190%; margin-bottom:50px} .Cntr .job span { color:#00a0e9} .Cntr .WTxt1 {padding:0 0 20px 30px; color:#222222} .Cntr .WTxt2 {border:1px solid #b5c0ce; padding:20px 50px; font-size:18px; line-height:190%} .Cntr .WTxt3 {padding:20px 0 0 30px; color:#222222} p.Center {clear:both; text-align:center !important; margin:50px 0 0px; overflow:hidden} p.Center button.OK {width:160px; height:60px; line-height:60px; color:#FFF; font-weight:600; font-size:18px; background:#222222; margin-right:10px} p.Center button.OK:hover {background:#000000;} p.Center button.Cancel {width:158px; height:58px; line-height:58px; color:#8f8f8f; font-weight:600; font-size:18px; background:#ffffff; border:1px solid #8f8f8f} p.Center button.Cancel:hover {color:#000;border:1px solid #000} /*.CntrGray {clear:both; display:block; margin:0 auto !important; width:100%; padding:50px 0 ;font-size:20px !important; letter-spacing:-1px; background-color:#f6f6f6}*/ /*0414 수정*/ .CntrGray {clear:both; display:block; margin:0 auto !important; width:100%; padding:50px 0 ;font-size:20px !important; letter-spacing:-1px; background-color:#e8e8e8} .CntrGray .Box {clear:both; display:block; margin:0 auto !important; width:1200px; height:800px } .CntrGray .Box ul { float:left; margin:0 auto !important; width:600px; display:block} .CntrGray .Box ul li { text-align:center;margin:0 auto !important; line-height:170%} .CntrGray .Box ul li:first-child span { background-color:#FFF; padding:50px !important; border-radius:5px; display: inline-block; margin-bottom:30px } .CntrGray .Box ul li:nth-child(2) { width:350px !important; text-align:left} .CntrGray .Box .Tit {font-size:24px; color:#007fb9; margin-bottom:10px} .CntrGray .Box ul li img.thumb_g{transition:transform 0.3s} .CntrGray .Box ul li:hover .thumb_g{transform:scale(1.1)} /*240409 추가 및 수정*/ .LincensePop { border-radius:5px; width:700px; text-align:center; display:block; margin:0 auto; margin-top:50px !important; background-color:#fff; font-family:'Noto Sans KR'} .TextPop { border-radius:5px; width:300px; text-align:center; display:block; margin:0 auto; margin-top:50px !important; background-color:#fff; font-family:'Noto Sans KR'} .LincensePop .Tit, .TextPop .Tit {height:65px; display:block; position:relative; font-size:30px; font-weight:500; text-align:left; line-height:65px; text-align:center; background:url(/Content/Images/PopBack1.png) no-repeat center bottom;} .LincensePop button.Close {position:absolute; right:15px; top:15px; background:url(/Content/Images/PopClose.png) no-repeat; font-size:0px; width:16px; height:16px;} .LincensePop .Contents {margin:20px 50px 0 50px; background:#e5e5e5; text-align:center; display:inline-block; min-width:600px; min-height:600px} .LincensePop .Close { clear:both; height:70px; display:block; padding-top:30px; width:100%;} .LincensePop .Close button { width:100px; height:40px; background-color:#000000; color:#fff; font-size:14px;border-radius:3px; display:block; padding-top:7px; text-align:center; margin:0 auto !important; } .LincensePop .Close button:hover {background-color:#1c435e;} /* footer */ .Footer{background-color:#f5f5f5} .Footer .logo {width:131px;height:117px;background-image:url(/Content/Images/FooterLogo.png); display:block; font-size:0px} .Footer .inner_footer {width:1200px;margin:0 auto;padding:30px 0;} .Footer .inner_footer:after{display:block;clear:both;content:''} .Footer h1 {float:left} .Footer .info_company {float:left;padding:0 0 0 60px;font-size:16px;color:#3e3e3e; font-weight:400 !important} .Footer .info_company a { text-decoration:none} .Footer .info_company p:first-child { font-size:17px; font-weight:600; padding-bottom:10px} .Footer .opt{float:right} .Footer .opt .list_opt{top:inherit;bottom:50px;border-bottom:1px solid #f0f0f0} .Footer .opt .ico_arrow{background-position:-10px -30px} .Footer .opt.opt_open .ico_arrow{background-position:0 -30px} .FloR {float:right; margin-top:5px} .FloR button {display:block;width:120px;height:35px;font-weight:500;font-size:14px;line-height:35px; text-align:center;background-color:#818f95; color:#fff} .FloR button:hover{text-decoration:none;background-color:#33b4ed;} /* 테이블 공통 */ .wrap_table {width:1200px;margin:0 auto;padding:30px 0;text-align:center} table, table.Write {width:100%;table-layout:fixed; border-top:2px solid #666; margin-bottom:80px} table:last-child { margin-bottom:0px} table thead tr, table tbody tr, table.Write tbody tr{border-bottom:1px solid #d8d8d8} table tbody tr:hover{background: #f1f1f1;} table.Write tr:hover{background:none;} table th{padding:15px 0; font-size:16px; font-weight:bold} table td {padding:20px 0; font-size:22px;} table.Write td {padding:20px 0 20px 30px; font-size:20px;} table.Write input {border:1px solid #b5c0ce; height:23px; line-height:27px; color:#343434; position:relative; font-size:20px;padding:10px } table.Write textarea {border:1px solid #b5c0ce; height:150px; line-height:27px; color:#343434; position:relative; font-size:18px;padding:10px; width:850px} table.Write .But { background:#3f3f3f; min-width:120px; height:45px; text-align:center; color:#FFF; padding:0 25px} table.Write .But:hover {background:#222222;} table .ing {background-image: linear-gradient(to right, #009619, #007fb9); width:50px; height:20px; margin:0 0 0 15px; display: inline-block; color:#FFF;font-size:15px; text-align:center; padding-bottom:5px; vertical-align:text-bottom} table .end { border:1px solid #828282; width:50px; height:18px; margin-left:15px; display: inline-block; color:#828282;font-size:15px; text-align:center; padding-bottom:5px; vertical-align:text-bottom} table .txt { border:1px solid #828282; height:18px; margin-right:15px; display: inline-block; color:#828282;font-size:15px; text-align:center; padding:0 10px 5px 10px; vertical-align:text-bottom} table .file {background:url(/Content/Images/IcoFile.png) no-repeat center left ; padding-left: 25px} /* 셀렉트박스 공통 */ .opt{position:relative;font-size:14px;color:#46484b} .opt .btn_opt{overflow:hidden;position:relative;z-index:1;width:230px;height:50px;padding:0 18px 0 20px;font-size:16px;color:#aeaeae;background-color:#fff;box-sizing:border-box;text-align:left} .opt input {overflow:hidden;position:relative;z-index:1;width:200px;height:50px;padding:0 18px 0 20px;font-size:16px;color:#aeaeae;background-color:#fff;box-sizing:border-box;text-align:left; border:0px} .opt .list_opt{display:none;overflow:hidden;position:absolute;top:50px;left:0;width:100%;padding:10px 0;border-top:1px solid #f0f0f0;background-color:#fff;box-shadow:1px 1px 4px 0px rgba(0,0,0,.3)} .opt .link_opt{display:block;padding:7px 20px;font-size:14px} .opt .link_opt:hover{background-color:#f0f0f0;text-decoration:none} .opt .ico_arrow{float:right;width:10px;height:7px;margin:9px 0 0;background-position:0 -30px} .opt.opt_open .ico_arrow{background-position:-10px -30px} .opt select {width:120px;height:40px;padding:0 10px;font-size:14px; color:#777; border:0px} /* 체크박스 공통 */ .chk_g {position:relative} .chk_g .inp_chk{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.01} .chk_g .inp_chk:checked + .lab_chk{background-position:-70px -20px} .chk_g .lab_chk{display:inline-block;width:20px;height:20px;vertical-align:top;background-position:-50px -20px} /*240330 추가*/ .Cntr .admintit {background:url(/Content/Images/IcoTitBar.png) no-repeat left top !important; font-size:20px; font-weight:600; padding:20px 0 20px 0; } /* 테이블 admin */ table.admin {width:100%;table-layout:fixed; border-top:2px solid #666; margin-bottom:80px} table.admin:last-child { margin-bottom:0px} table.admin thead tr, table.admin tbody tr{border-bottom:1px solid #d8d8d8} table.admin tbody tr:hover{background: #f1f1f1;} table.admin th{padding:10px 0; font-size:16px; font-weight:bold} table.admin td {padding:10px 0; font-size:14px;} /* 페이징 공통 */ .Page_wrap { position:relative;} .Page_wrap ul { position: relative;margin:0 auto ;display:block;width:400px; height:30px; padding-bottom:40px; z-index:10;} .Page_wrap li {float:left; margin:0 5px} .Page_wrap li:last-child {float:left; margin:0px !important} .Page_wrap li:nth-child(1) a { background:url(/Content/Images/PageStart.png) center no-repeat #ddd !important; font-size:0px !important; height:30px; width:30px; display:block;border-radius:15px;} .Page_wrap li:nth-child(1) a:hover { background:url(/Content/Images/PageStartOn.png) center no-repeat #ddd !important; } .Page_wrap li:nth-child(2) a { background:url(/Content/Images/PageBefore.png) center no-repeat #ddd !important; font-size:0px !important; height:30px; width:30px; display:block; border-radius:15px;} .Page_wrap li:nth-child(2) a:hover { background:url(/Content/Images/PageBeforeOn.png) center #ddd no-repeat !important;} .Page_wrap li:nth-child(3) { min-width:150px; text-align:center; margin-bottom:10px} .Page_wrap li:nth-child(3) a {margin-left:10px; box-sizing:border-box; font-size:22px; color:#636363; text-align:center; float:left; font-family:Verdana, Geneva, sans-serif; margin:0 5px;padding:0 5px; min-width:15px} .Page_wrap li:nth-child(3) a:hover, .Page_wrap .active:hover {color:#00a0e9; } .Page_wrap .active {background: #18467d; color:#fff !important; padding:0 !important; border-radius:15px; width:30px; height: 30px;} .Page_wrap li:nth-child(4) a { background:url(/Content/Images/PageNext.png) center no-repeat #ddd !important; font-size:0px !important; height:30px; width:30px; display:block;border-radius:15px;} .Page_wrap li:nth-child(4) a:hover { background:url(/Content/Images/PageNextOn.png) center no-repeat #ddd !important;} .Page_wrap li:nth-child(5) a { background:url(/Content/Images/PageEnd.png) center no-repeat #ddd !important; font-size:0px !important; height:30px; width:30px; display:block;border-radius:15px;} .Page_wrap li:nth-child(5) a:hover { background:url(/Content/Images/PageEndOn.png) center no-repeat #ddd !important; } /*240409 추가 및 수정*/ .LincensePop { border-radius:5px; width:700px; text-align:center; display:block; margin:0 auto; margin-top:50px !important; background-color:#fff; font-family:'Noto Sans KR'} .TextPop { border-radius:5px; width:400px; text-align:center; display:block; margin:0 auto; margin-top:50px !important; background-color:#fff; font-family:'Noto Sans KR'} .LincensePop .Tit, .TextPop .Tit {height:65px; display:block; position:relative; font-size:30px; font-weight:500; text-align:left; line-height:65px; text-align:center; background:url(/Content/Images/PopBack1.png) no-repeat center bottom;} .LincensePop button.Close, .TextPop button.Close {position:absolute; right:15px; top:15px; background:url(/Content/Images/PopClose.png) no-repeat; font-size:0px; width:16px; height:16px;} .LincensePop .Contents {margin:20px 50px 0 50px; background:#e5e5e5; text-align:center; display:inline-block; min-width:600px; min-height:600px} .LincensePop .Close, .TextPop .Close { clear:both; height:70px; display:block; padding-top:30px; width:100%;} .LincensePop .Close button, .TextPop .Close button { width:100px; height:40px; background-color:#000000; color:#fff; font-size:14px;border-radius:3px; display:block; padding-top:7px; text-align:center; margin:0 auto !important; } .LincensePop .Close button:hover, .TextPop .Close button:hover {background-color:#1c435e;} .TextPop .TxtS {margin:30px 50px 0 50px; text-align:center; color:#007fb9} .Login {width:800px; text-align:center; display:block; margin:0 auto; margin-top:100px !important; background-color:#fff; font-family:'Noto Sans KR'} .Login .Tit {display:block; position:relative; font-size:40px; font-weight:500; text-align:center; line-height:65px; border-bottom:1px #CCCCCC solid; padding-bottom:20px; margin:30px 0} .Login .Txt1 {font-size: 20px;font-weight: 300; text-align:center; margin-bottom:60px } .Login .Box {border: 1px solid #dadada; border-radius: 10px; overflow: hidden; box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.1);padding: 75px 100px;} .IptGroup {position: relative; display: flex; align-items: center; width: 100%;} .IptGroup input { font-size: 18px; background-color: #fff; border: 1px solid #d5d5d5; color: #666; padding: 0 20px;height: 60px;box-sizing: border-box; vertical-align: middle;border-radius: 5px; width:100%} .IptGroup + .IptGroup {margin-top: 1em;} .Login .But { margin-top:30px} .Login .But button {width: 100%; height: 66px; background-color: #222; border-color: #222; font-size: 20px; color: #fff; cursor: pointer;} .Login .But button:hover {background-color:#1c435e;} /*240410 추가*/ /*Main Box1_Item 별로 텍스트 및 추가 작업 필요해요 */ /*.item1 {background:url(/Content/Images/MBox1Back.png) no-repeat; display:block;width:100%; height:900px;}*/ /*0414 수정*/ .item1 {background:url(/Content/images/MBox1Back.png) no-repeat center; display:block;width:100%; height:900px;} .item1 p:first-child {font-size:60px; padding:300px 0 50px 0; font-weight:600; background: linear-gradient(to right, #8fff66, #02f6fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:-1px} .item1 p:nth-child(2) { font-size:40px; letter-spacing:-1px} .item1 p:nth-child(2) span { background-color:#00ad1b; color:#fff; padding:0 10px} .M1Scroll {position: absolute; display:block; left:50%; top:60%; transform:translate(-50%,-50%);background-color:#C60 z-index:10} .M1Scroll a {background:url(/Content/Images/M1Scroll.png) no-repeat !important; height:12px; width:30px; display:block; float:left; font-size:0px;} .M1Scroll a:hover, .M1Scroll a.On {background:url(/Content/Images/M1ScrollOn.png) no-repeat !important;} /*Main Box2 */ .MBox2 {background:url(/Content/Images/MBox2Back.png);margin: 0 auto; position:relative; display:block;width:100%; height:900px; text-align:center;} .MBox2 p:first-child {font-size:30px; padding-top:100px; font-weight:500; letter-spacing:-1px;} .MBox2 p:first-child .Tit {border-bottom:2px solid #00ad1b; padding-bottom:5px} .MBox2 p:first-child .Tit span { color:#00ad1b} .MBox2 p:nth-child(2) { margin:20px 0 50px 0; font-size:35px; color:#00570d; letter-spacing:-1px; font-weight:600} .MBox2 p:nth-child(3) { margin-bottom:100px; font-size:16px; color:#302c25; letter-spacing:-1px; font-weight:500} .MBox2 .ARS {margin:0 auto; display:block; position:relative; text-align:center; background-color:#F6F; width:1200px} .MBox2 .ARS ul { width:370px; height:330px; background-color:#23ac38; color:#fff; display:block; float:left; text-align:center; font-family:나눔고딕} .MBox2 .ARS ul:nth-child(1) {background:url(/Content/Images/MBox2Pic1.png) center 240px #23ac38 no-repeat !important; margin-right:45px} .MBox2 .ARS ul:nth-child(2) {background:url(/Content/Images/MBox2Pic2.png) center 240px #23ac38 no-repeat !important; margin-right:45px} .MBox2 .ARS ul:nth-child(3) {background:url(/Content/Images/MBox2Pic3.png) center 240px #23ac38 no-repeat !important;} .MBox2 .ARS ul li:nth-child(1) {margin-top:35px; font-size:20px; font-weight:600} .MBox2 .ARS ul li:nth-child(2) {font-size:25px; font-weight:600} .MBox2 .ARS ul li:nth-child(3) {font-size:70px; font-weight:600;} .MBox2 .ARS ul + .MBox2 .ARS ul {margin-left: 40px;} /*Main Box3 */ .MBox3 { position:relative; display:block;width:100%; height:900px; text-align:center; background:url(/Content/Images/MBox3Back.png) no-repeat; display:block;width:100%; height:770px; color:#fff} .MBox3 p {position: absolute; display:block; width: 50%; min-width:600px; height:770px; background:url(/Content/Images/MBox3Back.png) right bottom no-repeat !important; font-size:0px; float:left} .MBox3 div {position: absolute; top: 0; left: 50%; width: 50%; min-width:600px; height: 100%; background-color: #00a0e9; text-align:left} .MBox3 div ul { width:600px;display:block; padding:150px 0 0 50px} .MBox3 div ul li:nth-child(1) { font-size:30px; margin-bottom:30px } .MBox3 div ul li:nth-child(1) span {border-bottom:2px solid #fff; padding-bottom:5px;} .MBox3 div ul li:nth-child(2) { font-size:20px; margin-bottom:50px; letter-spacing:-1px } .MBox3 .MB3txt { background:url(/Content/Images/MBox3Dot1.png) no-repeat left center; line-height:35px; padding-left:10px} .MBox3 button { background:url(/Content/Images/MBtn2.png) no-repeat 100px center; width:120px; height:30px; border:1px #fff solid; padding:0 30px 0 5px; color:#fff; margin-bottom:50px} .MBox3 button:hover { background:url(/Content/Images/MBtn2On.png) no-repeat 100px center; border:1px #82ffff solid; color:#82ffff} /*Main Box4 */ .MBox4 {position:relative; display:block;width:100%; height:550px; text-align:center;} .MBox4 p:first-child {font-size:30px; padding-top:100px; font-weight:500; letter-spacing:-1px; color:#484848} .MBox4 p:first-child span {border-bottom:2px solid #484848; padding-bottom:5px} .MBox4 p:nth-child(2) { font-size:35px; color:#2d3a3f; margin:20px 0 50px 0; letter-spacing:-1px; font-weight:600;} .MBox4 ul { width:1200px; height:55px; margin:0 auto !important; display:block; position:relative; margin-bottom:30px !important} .MBox4 ul:last-child {margin-bottom:0px !important;} .MBox4 ul li {width:258px; border:1px solid #d2d2d2; height:53px; float:left; margin-right:50px;} .MBox4 ul li:hover {width:258px; border:1px solid #82ffff; height:53px; float:left; margin-right:50px;} .MBox4 .partner1 {background:url(/Content/Images/MPartner1.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner2 {background:url(/Content/Images/MPartner2.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner3 {background:url(/Content/Images/MPartner3.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner4 {background:url(/Content/Images/MPartner4.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner5 {background:url(/Content/Images/MPartner5.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner6 {background:url(/Content/Images/MPartner6.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner7 {background:url(/Content/Images/MPartner7.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner8 {background:url(/Content/Images/MPartner8.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 ul li:last-child {margin-right:0px !important} /*Main Box5 */ /*.MBox5 { position:relative; display:block;width:100%; height:900px; text-align:center; background:url(/Content/Images/MBox5Back.png) no-repeat; display:block;width:100%; height:520px; color:#fff}*/ /*0414 수정*/.MBox5 { position:relative; display:block;width:100%; height:900px; text-align:center; background:url(/Content/images/MBox5Back.png) no-repeat right center #070913; display:block;width:100%; height:520px; color:#fff} .MBox5 p.Left {position: absolute; display:block; width: 50%; min-width:600px; height:520px; background:url(/Content/Images/MBox5BackL.png); font-size:0px;float:left} .MBox5LBox {display:block; width:600px; position: absolute; right:50%; color:#fff; text-align:center} .MBox5RBox {display:block; width:600px; color:#fff; text-align:center;position: absolute; left:50%;} .MBox5LBox p:first-child, .MBox5RBox p:first-child {font-size:30px; padding-top:100px; font-weight:600; letter-spacing:-1px; text-align:center; display:block} .MBox5LBox p:first-child span, .MBox5RBox p:first-child span {border-bottom:2px solid #fff; padding-bottom:5px} .MBox5LBox p:nth-child(2) { margin:20px 0px 45px 0; font-size:15px; color:#fff; letter-spacing:-1px;} .MBox5LBox ul { height:200px; text-align:center;display: flex; justify-content: center;} .MBox5LBox ul li {float:left; text-align:center; margin:0px 10px !important;} .MBox5LBox ul li a p:first-child { width:100px; height:100px; display:block; font-size:0px !important; padding:0px !important} .MBox5LBox ul li a p.Pic1 {background:url(/Content/Images/MBox5Pic1.png) no-repeat center #0077c4;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic2 {background:url(/Content/Images/MBox5Pic2.png) no-repeat center #0077c4;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic3 {background:url(/Content/Images/MBox5Pic3.png) no-repeat center #0077c4;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic4 {background:url(/Content/Images/MBox5Pic4.png) no-repeat center #0077c4;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic1:hover {background:url(/Content/Images/MBox5Pic1.png) no-repeat center #00e4ff;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic2:hover {background:url(/Content/Images/MBox5Pic2.png) no-repeat center #00e4ff;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic3:hover {background:url(/Content/Images/MBox5Pic3.png) no-repeat center #00e4ff;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p.Pic4:hover {background:url(/Content/Images/MBox5Pic4.png) no-repeat center #00e4ff;border-radius:50%; font-size:0px !important} .MBox5LBox ul li a p:nth-child(2) { font-size:18px !important; margin:10px 0 0px 0 !important} .MBox5 p.Right {position: absolute; top: 0; left: 50%; width: 50%; min-width:600px; height: 100%;text-align:left} .MBox5RBox p:nth-child(2) { margin:20px 0px 25px 0; font-size:15px; color:#fff; letter-spacing:-1px;} .MBox5RBox .NEWS {text-align:left; width:530px; margin-left:70px} .MBox5RBox .NEWS ul { line-height:40px; border-bottom:1px solid #fff; display:block; width:530px; height:40px} .MBox5RBox .NEWS ul a { color:#fff} .MBox5RBox .NEWS ul a:hover { color:#00e4ff} .MBox5RBox .NEWS ul li:first-child {background:url(/Content/Images/MBox3Dot1.png) no-repeat 5px center; line-height:40px; padding-left:20px !important; float:left; width:410px} .MBox5RBox .NEWS ul li:nth-child(2) { text-align:right; height:40px; padding-right:10px} .MBox5RBox .NEWS ul:after, .MBox5RBox .NEWS:after {display:block;clear:both;content:''} .MBox5RBox .NEWS p {display: flex; justify-content: center; margin-top:30px} .MBox5RBox .NEWS button { background:url(/Content/Images/MBtn2.png) no-repeat 100px center; width:120px; height:30px; border:1px #fff solid; padding:0 30px 0 5px; color:#fff;} .MBox5RBox .NEWS button:hover { background:url(/Content/Images/MBtn2On.png) no-repeat 100px center; border:1px #82ffff solid; color:#82ffff} .MBox5RBox .MAP p.pic { background:url(/Content/Images/MBox5Map.png) no-repeat center; width:600px; height:100px; display: flex; justify-content: center; margin-top:30px; font-size:0px; padding:0px !important} .MBox5RBox .MAP p.pic:hover { background:url(/Content/Images/MBox5MapOn.png) no-repeat center; width:600px; height:100px; display: flex; justify-content: center; margin-top:30px; font-size:0px} .MBox5RBox .MAP p:nth-child(2) { margin:10px 0 0 0 !important} .MBox5RBox .MAP button { background-color:#fff; line-height:40px; font-size:18px; color:#000; font-weight:500; height:40px;text-align:center; padding:3px 50px 0 50px;} .MBox5RBox .MAP button:hover { background-color:#82ffff} /* 스그롤 영역*/ .RScroll {position: fixed; float: right; right:30px; top:400px; display:block; width:50px; z-index:100} .RScroll p {margin:5px 0} .RScroll p a {background:url(/Content/Images/MBtn1.png) no-repeat !important; height:22px; width:22px; display:block; font-size:0px; } .RScroll p a:hover, .RScroll p a.On {background:url(/Content/Images/MBtn1On.png) no-repeat !important;} /*0517 추가*/ .Cntr .LincenseBox1 {vertical-align:top; margin:0 auto !important; text-align:center; padding:50px 0 !important} .Cntr .LincenseBox1 p { margin:0 auto !important;} .Cntr .LincenseBox1 p.pic {background:url(/Content/images/DotBack1.png) repeat; padding:10px; margin-bottom:30px !important; width:290px; height:330px; vertical-align:bottom } .Cntr .LincenseBox1 p.pic img { background-color:#fff; width:290px; height:330px;} .Cntr .LincenseBox1 p button { background:url(/Content/images/icoDown.png) no-repeat 20px center #fff; width:198px; height:38px; border:1px #999 solid; padding-left:18px} .Cntr .LincenseBox1 p button:hover { background:url(/Content/images/icoDownOver.png) no-repeat 20px center #fff; color:#007fb9; border:1px #007fb9 solid;} .Cntr .LincenseBox2 {vertical-align:top; margin:0 auto !important; text-align:left ; padding:50px 0 !important} .Cntr .LincenseBox2 p.tit1 {font-size:24px; color:#007fb9; margin-bottom:15px; text-align:left; font-weight:600} .Cntr .LincenseBox2 p.tit2 {font-size:20px; color:#007fb9; margin-bottom:15px; text-align:left; font-weight:600} .Cntr .LincenseBox2 p.txt1 {font-size:20px; color:#222222; margin:0 20px 50px 0 ; text-align:left;} .Cntr .LincenseBox2 p.txt2 {font-size:20px; color:#222222; margin:0 20px 5px 0 ; text-align:left;} .Cntr .LincenseBox2 p.pic {margin:30px 20px 10px 0; display:block; height:70px} .Cntr .LincenseBox2 p.pic span { float:left} .Cntr .LincenseBox2 p.pic img { border:1px solid #d2d2d2; width:70px; height:70px; margin-right:15px} .Cntr .LincenseBox1 p.pic span { background-color:#fff; text-align:center; width:290px; height:330px; display:block; font-size:0px} .Cntr .LincenseBox1 p.pic .pic1 {background:url(/Content/images/SpectroPic1.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic2 {background:url(/Content/images/SpectroPic2.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic3 {background:url(/Content/images/SpectroPic3.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic4 {background:url(/Content/images/HealthPic1.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic5 {background:url(/Content/images/HealthPic2.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic6 {background:url(/Content/images/HealthPic3.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic7 {background:url(/Content/images/PortablePic1.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic8 {background:url(/Content/images/PortablePic2.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic9 {background:url(/Content/images/PortablePic3.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic11 {background:url(/Content/images/PortablePic4.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic10 {background:url(/Content/images/WastePic1.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic12 {background:url(/Content/images/WastePic2.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic13 {background:url(/Content/images/WastePic3.png) no-repeat center #fff;} .Cntr .LincenseBox1 p.pic .pic14 {background:url(/Content/images/WastePic4.png) no-repeat center #fff;} /**************↑장비소개 추가시 대표이미지 추가 ************/ .Cntr .Partner .Pic9 { width:380px; height:125px; background:url(/Content/images/OverseasPic3.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic10 { width:380px; height:125px; background:url(/Content/images/OverseasPic4.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic11 { width:380px; height:125px; background:url(/Content/images/OverseasPic5.png) no-repeat center; display:block; font-size:0px} .Cntr .Partner .Pic12 { width:380px; height:125px; background:url(/Content/images/OverseasPic6.png) no-repeat center; display:block; font-size:0px} .MBox4 {position:relative; display:block;width:100%; height:670px; text-align:center;} /*찾아서 교체해주세요*/ .MBox4 .partner9 {background:url(/Content/images/MPartner9.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner10 {background:url(/Content/images/MPartner10.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner11 {background:url(/Content/images/MPartner11.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } .MBox4 .partner12 {background:url(/Content/images/MPartner12.png) no-repeat center;display:block; font-size:0px; width:258px; height:53px; } /* jQuery Validate */ input.error, textarea.error {background: #ffdddd;} .error { display:block; color: red; } /*Main Box1 */ .MBox1 { margin: 0 auto; position: relative; width: 100%; text-align: center; background-repeat: no-repeat; background-position: center 0; } /*0621 추가 시작*/ .item1_1 {background:url(/Content/images/MBox1Back1.png) 50% 0px / cover no-repeat; display:block; min-width: 100%;} /*.item1_1 {background-image:url(/Content/images/MBox1Back1.png); background-size: cover; min-width: 100%;position: relative;}*/ .item1_1 p:first-child {padding:300px 0 20px 0; } .item1_1 p:first-child span { background-color:#fff; display:inline-block; line-height:1.2 !important; padding:0 5px} .item1_1 p:first-child span span.font { font-weight:500; background: linear-gradient(to right, #009fad, #001978); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:-1px;font-size:40px; } .item1_1 p:nth-child(2) { font-size:40px; letter-spacing:-1px} .item1_1 p:nth-child(2) span { background-color:#009fad; color:#fff; padding:0 10px; height:48px; display:inline-block ; line-height:45px} .item1_2 {background:url(/Content/images/MBox1Back2.png) 50% 0px / cover no-repeat; display:block; min-width: 100%;} /*.item1_2 {background-image:url(/Content/images/MBox1Back2.png); background-size: cover; min-width: 100%;position: relative;}*/ .item1_2 p:first-child {padding:300px 0 20px 0; } .item1_2 p:first-child span { background-color:#005a5d; display:inline-block; line-height:1.2 !important; padding:0 5px} .item1_2 p:first-child span span.font { font-weight:500; background: linear-gradient(to right, #ff00f6, #00fffc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:-1px;font-size:40px; } .item1_2 p:nth-child(2) { font-size:40px; letter-spacing:-1px} .item1_2 p:nth-child(2) span { background-color:#005a5d; color:#fff; padding:0 10px; height:48px; display:inline-block ; line-height:45px} .item1_3 {background:url(/Content/images/MBox1Back3.png) 50% 0px / cover no-repeat; display:block; min-width: 100%;} /*.item1_3 {background-image:url(/Content/images/MBox1Back3.png); background-size: cover; min-width: 100%;position: relative;}*/ .item1_3 p:first-child {padding:300px 0 20px 0; } .item1_3 p:first-child span { background-color:#fff; display:inline-block; line-height:1.2 !important; padding:0 5px} .item1_3 p:first-child span span.font { background: linear-gradient(to right, #009fad, #001978); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:-1px;font-size:40px; font-weight:500 } .item1_3 p:nth-child(2) { font-size:40px; letter-spacing:-1px;} .item1_3 p:nth-child(2) span { background-color:#009fad; color:#fff; padding:0 10px; height:48px; display:inline-block ; line-height:45px} .item1_4 {background:url(/Content/images/MBox1Back4.png) 50% 0px / cover no-repeat; display:block; min-width: 100%;} /*.item1_4 {background-image:url(/Content/images/MBox1Back4.png); background-size: cover; min-width: 100%;position: relative;}*/ .item1_4 p:first-child {padding:300px 0 20px 0; } .item1_4 p:first-child span { background-color:#fff; display:inline-block; line-height:1.2 !important; padding:0 5px} .item1_4 p:first-child span span.font { font-weight:500; background: linear-gradient(to right, #00ce0f, #007810); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:-1px;font-size:40px; } .item1_4 p:nth-child(2) { font-size:40px; letter-spacing:-1px} .item1_4 p:nth-child(2) span { background-color:#00c70f; color:#fff; padding:0 10px; height:48px; display:inline-block ; line-height:45px} /*0621 추가 끝*/ .itemSlide { /*width: 100%;*/ height: 800px; overflow: hidden; display: flex; } .itemHide { visibility: hidden; }