@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap'); html, body { margin:0px;padding:0px; font-family:'Noto Sans KR',"맑은고딕", "Malgun Gothic" ,"Nanum Square", sans-serif; font-size:15px;color:#666666;box-sizing:border-box;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;box-sizing:border-box; } li{list-style:none;} button{border:none; background:none; cursor:pointer;} img { border:0px;vertical-align:top; } .img_middle { border:0px;vertical-align:middle; } .hidden{display:none;} /* 일반 링크 스타일 ******************************/ a:link { color: #222222; text-decoration: none; } a:visited {color: #222222; text-decoration: none;} a:hover { color: #4f4f4f; text-decoration: none;} .alignCenter {text-align:center;} .alignRight {text-align:right;} .alignLeft {text-align:left;} /* Form 태그 설정 ******************************/ .txtbox {height:22px;line-height:22px;border:1px solid #828282;} select.txtbox, input[type="file"] { height:26px; line-height: 30px; background-color:white; } #popupWrap {position:relative;width:100%; *zoom:1; background-color:#FFF; box-sizing:border-box;} #popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:1px; box-sizing:border-box; margin-bottom:20px;} #popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;} #popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;} #popupWrap img {vertical-align:middle;} .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; } .ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; } .ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);} .iconNotice{ padding: 5px 7px 5px 7px; border-style: solid; border-width: 1px; border-radius: 4px; background: #ff7436; font-size: 13px; margin: 2px 0px; cursor:pointer; border-color: #ff7436; color: #fff; display:inline-block; } .mhidden {display:none;} .vw_content img {width:99%;max-width: 100%;height:auto;} .mWid05 { width: 5%;} .mWid10 { width: 10%;} .mWid15 { width: 10%;} .mWid20 { width: 20%;} .mWid25 { width: 20%;} .mWid30 { width: 30%;} .mWid35 { width: 35%;} .mWid40 { width: 40%;} .mWid50 { width: 50%;} .mWid60 { width: 60%;} .mWid65 { width: 65%;} .mWid70 { width: 70%;} .mWid80 { width: 80%;} .mWid90 { width: 90%;} .mWid98 { width: 98%;} /*자료실 제품검색*/ .subTopSearch{background:#fafafa; padding:20px; box-sizing:border-box; margin-bottom:30px; border-radius:10px;} .subTopSearch .SearchBox{ margin:0 auto; overflow:hidden;} .subTopSearch .SearchBox p{float:left;} .subTopSearch .SearchBox .searchBar{ background:none; border:none; border-bottom:2px solid #222; height:45px; position:relative; margin-top:10px;} .subTopSearch .searchBar input{ background:none; border:none; padding:10px; box-sizing:border-box; height:43px; font-size:14px;} .subTopSearch .SearchBox p.tableSearchBtn {float:left; background-color:#333; color:#fff; line-height:60px; width:28%; letter-spacing:-1px; text-align:center; font-size:15px; cursor:pointer; border-radius:0 8px 0 8px; margin-left:2%;} .subTopSearch .SearchBox .searchIcon{position:absolute; right:0px;} .subTopSearch .SearchBox p.tableSearchBtn:hover{background:#f38f00; transition:all 0.5s ease;} .tableSearch {text-align:left; margin-bottom:10px; width:100%;} .tableSearch:after {content:""; display:block; clear:both;} .tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;} .tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;} .tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;} .tableSearch .alignRight {float:right;} table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:15px; width:100%; color:#444; } table.tableList th {background-color:#f3f3f6; line-height:19px; padding:10px 5px 10px 5px; font-weight:700; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;} table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:21px; padding:10px 5px 10px 5px; font-size:14px; letter-spacing:-1px;} table.tableList .tableRight {border-right:solid 1px #d2d2d6;} table.tableList .tableLeft {border-left:solid 1px #d2d2d6;} table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;} #sub {width:100%; *zoom:1; overflow:hidden;} #subTop {width:100%;height:130px;} #subTop .subTopNavi {width:100%; margin:0 auto; box-sizing:border-box; padding:0 15px;} #subTop .subTopNavi h2 { font-family: nanumgothic, sans-serif; color:#fff; font-weight:600; letter-spacing:-1px; font-size:24px; padding-top:30px; text-align:left; line-height:28px;} #subTop .subTopNavi span { color:#fff; font-weight:300; letter-spacing:-1px; font-size:16px; text-align:left; line-height:20px;} #subTop .subTopNavi p { color:#fff; font-weight:500; letter-spacing:-1px; font-size:13px; text-align:right; line-height:30px; padding-top:15px;} .top01{background:url(/images/bg/bg_sub01.jpg) top center no-repeat; width:100%;} .top02{background:url(/images/bg/bg_sub02.jpg) top center no-repeat;width:100%;} .top03{background:url(/images/bg/bg_sub03.jpg) top center no-repeat;width:100%;} .top04{background:url(/images/bg/bg_sub04.jpg) top center no-repeat;width:100%;} .subCate { padding:0 10px; overflow:hidden; } .subCateNavi{overflow:hidden; margin:0 auto; } #subTab { width:100%; margin:0 auto; border-top:1px solid #d8d9d7; border-right:1px solid #d8d9d7; overflow:hidden; margin-top:30px;} #subTab li {float:left; border-left:1px solid #d8d9d7; border-bottom:1px solid #d8d9d7; width:33.33333333333333%; letter-spacing:-1.5px; text-align:center; line-height:40px; background:#fbfbfb; } #subTab li a{font-size:15px; color:#222; display:block;} #subTab li.selected{ background:#fff;} #subTab li.selected a{ font-weight:700; color:#f38f00; display:block;} #subTab_en { width:100%; margin:0 auto; border-top:1px solid #d8d9d7; border-right:1px solid #d8d9d7; overflow:hidden; margin-top:30px;} #subTab_en li {float:left; border-left:1px solid #d8d9d7; border-bottom:1px solid #d8d9d7; width:100%; letter-spacing:-1.5px; text-align:center; line-height:40px; background:#fbfbfb; } #subTab_en li a{font-size:15px; color:#222; display:block;} #subTab_en li.selected{ background:#fff;} #subTab_en li.selected a{ font-weight:700; color:#f38f00; display:block;} #subContentsWide {float:left; width:100%; margin:0 auto; position:relative; background:#e8e6e6; } #subContents {width:100%; margin:0 auto; box-sizing:border-box;} #subContents h3 {font-size:26px; color:#333; text-align:center; margin:50px 0 15px 0 ; position:relative; letter-spacing:-1.4px;} #subContents h3.enTit {font-size:26px; height:60px; color:#333; text-align:center; margin:30px 0 25px 0 ; position:relative; letter-spacing:-1.4px;} #subContents h3.enTit::after{background:none;} #sub .subMenuTab{width:100%; text-align:center; margin-bottom:20px; margin-top:30px;} #sub .subMenuTab span{display:inline-block; border-bottom:1px solid #c0c0c0; height:45px; line-height:45px; text-align:center; font-size:16px; letter-spacing:-1px; width:150px; margin-right:10px; cursor:pointer;} #sub .subMenuTab a{color:#888; font-weight:500; display:block;} #sub .subMenuTab .selected { border-bottom:1px solid #222;} #sub .subMenuTab .selected a{color:#222;} .notice{padding:0 10px;} /** 사업분야 **/ #subContents {width:100%; margin:0 auto; } #service {width:100%; text-align:left;} #service .Field01, #service .Field02, #service .Field03, #service .Field04 {width:96%;margin:0px 2% 10px 2%; margin:0 auto; } #service .Field01 .FieldTxt {float:left; width:100%; display:inline-block; padding:30px 0; background:url('/images/img/img_Field01.png') no-repeat 100% 15%; background-size:28% auto;} #service .Field02 .FieldTxt {float:left; width:100%; display:inline-block; padding:30px 0; background:url('/images/img/img_Field02.png') no-repeat 100% 15%; background-size:28% auto;} #service .Field03 .FieldTxt {float:left; width:100%; display:inline-block; padding:30px 0; background:url('/images/img/img_Field03.png') no-repeat 100% 15%; background-size:28% auto;} #service .Field04 .FieldTxt {float:left; width:100%; display:inline-block; padding:30px 0; background:url('/images/img/img_Field04.png') no-repeat 100% 15%; background-size:28% auto;} #service .FieldTxt h4 {font-size:22px; line-height:28px; letter-spacing:-2px; color:#111; font-weight:500; background:url('/images/bg/bg_txtPoint.png') no-repeat 0 0; background-size:18px auto; margin:0 auto; margin-bottom:15px; padding-top:15px;} #service p.serviceTop {width:100%; font-size:12px; line-height:20px; font-weight:400; letter-spacing:-1px; word-break:keep-all; } #service .FieldImg { display:none;} #service .serviceBg {width:100%;padding:80px 2% 0px 2%; float:left; box-sizing:border-box; margin:0 auto; background-color:#edf2f5; color:#111; } #service .serviceBg .serviceBgTil {width:100%; margin:0 auto;text-align:center; font-size:22px; line-height:28px; font-weight:400; padding-bottom:30px; letter-spacing:-3px;} #service .serviceBg .serviceBgTil p.bgTxt {font-size:50px; font-weight:900; color:#e2eaec;font-family:Roboto, "Nanum Square", sans-serif; line-height:0px;} #service .serviceBg .serviceBgTil b {font-weight:600;} #service .serviceBg ul {width:100%; margin:0 auto;} #service .serviceBg ul:after {content:""; display:block; clear:both;} #service .serviceBg ul li {float:left; width:100%; text-align:center; padding:25px 0 30px 0; border-bottom:1px dotted #aaa;} #service .serviceBg ul li:nth-of-type(2) {margin-right:0; border:none;} #service .serviceBg ul li div {padding-bottom:20px; text-align:center;} #service .serviceBg ul li div b {font-size:50px; letter-spacing:-3px; font-family:Roboto, "Nanum Square", sans-serif; font-style: italic; text-align:left; width:15%; display:inline-block;} #service .serviceBg ul li div p {font-size:16px; line-height:24px; letter-spacing:-1.5px; text-align:center; width:70%; display:inline-block;} #service .serviceBg ul li img {width:95%; border-radius:10px;} #service .serviceBt {width:96%;margin:0px 2% 10px 2%; padding-top:60px; padding-bottom:60px; } #service .serviceBtTxt {float:left; width:100%; display:inline-block; box-sizing:border-box;} #service .serviceBtTxt h4 {font-size:30px; line-height:28px; letter-spacing:-2px; color:#111; font-weight:700; background:url('/images/bg/bg_txtPoint.png') no-repeat 0 0; background-size:18px auto; margin:0 auto; margin-bottom:15px; padding-top:15px;} #service .serviceBtTxt .serviceTop {width:100%; font-size:14px; line-height:22px; font-weight:400; letter-spacing:-1px; word-break:keep-all;} #service .serviceBtTxt .serviceTop p {width:100%; text-align:center; padding-top:20px;} #service .serviceBtTxt .serviceTop p img {max-width:90%; text-align:center;} #service .serviceBtTxt .btn {width:100%; text-align:center; display:block; margin-top:10px; padding-bottom:30px;} #service .serviceBtTxt .btn span {border:1px solid #1d67cd; color:#1d67cd; font-size:18px; line-height:28px; padding:10px 35px; border-radius:30px;} #service .serviceBtTxt .btn a:hover span {background:#1d67cd; color:#fff; } #service .serviceBtImg {float:left; width:100%; display:inline-block; text-align:center; padding-top:40px; padding-bottom:20px;} #service .serviceBtImg img {max-width:60%; } /** 제품소개 **/ .introTopBox{width:100%; margin-top:15px; margin-bottom:10px;} #introTop{width:100%; margin:0 auto; position:relative; overflow:hidden; background:#fafafa; padding-top:10px;} #introTop .introTit {font-size:30px; color:#111; letter-spacing:-1.5px; font-weight:700; font-family:'Montserrat', Roboto, 'Noto Sans KR', "맑은고딕", "Malgun Gothic", sans-serif;} #introTop .introTit span{ padding-left:10px; line-height:30px;} #introTop .introTit ul {width:100%; float:left; padding:10px 0; } #introTop .introTit ul li {width:33%; float:left; text-align:center;} #introTop .introTit ul li img {width:100%;} #goods{width:98%; margin:0 1%; position:relative; } #agree_txt {width:96%;margin:0px 2% 10px 2%; font-family:'Nanum Gothic', sans-serif;font-size:100%;color:#000;text-align:left;padding:10px; line-height:25px; box-sizing:border-box; margin-top:10px; border:1px solid #bebebe;}