@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; } ::selection {*background: #f89c2b; /* Firefox */ background: #f89c2b; /* Safari */ color: #fff;} ::-moz-selection {*background: #f89c2b; /* Firefox */ background: #f89c2b; /* Firefox */ color: #fff;} .vw_content {max-width: 1300px; height:auto; } .vw_content img {max-width: 1300px; height:auto;} .Wid05 { width: 5%;} .Wid10 { width: 10%;} .Wid15 { width: 10%;} .Wid20 { width: 20%;} .Wid25 { width: 20%;} .Wid30 { width: 30%;} .Wid35 { width: 35%;} .Wid40 { width: 40%;} .Wid50 { width: 50%;} .Wid60 { width: 60%;} .Wid65 { width: 65%;} .Wid70 { width: 70%;} .Wid80 { width: 80%;} .Wid90 { width: 90%;} .Wid98 { width: 98%;} /*자료실 제품검색*/ .subTopSearch{background:#fafafa; padding:20px; box-sizing:border-box; margin-bottom:30px; border-radius:10px;} .subTopSearch .SearchBox{ margin:0 auto; width:720px; 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:16px;} .subTopSearch .SearchBox p.tableSearchBtn {float:left; background-color:#333; color:#fff; line-height:60px; width:200px; letter-spacing:-1px; text-align:center; font-size:18px; cursor:pointer; border-radius:0 8px 0 8px; margin-left:15px; font-weight:700;} .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:16px; width:100%;color:#444; } table.tableList th {background-color:#f3f3f6; line-height:19px; padding:20px 10px; font-weight:600; font-size:16px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;} table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:20px 10px; 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; min-width:1300px;} #sub:after {content:""; display:block; clear:both;} .subPage{margin:50px 0;} #subTop {width:100%; height:30px; min-width:1300px;} #subTop p{width:1300px; margin:0 auto; margin-top:40px;} #subTop .subTopNavi {width:1300px; margin:0 auto; overflow:hidden; padding-top:140px;} #subTop .subTopNavi h2 { color:#fff; font-weight:600; letter-spacing:-1px; font-size:46px; text-align:left; line-height:60px;} #subTop .subTopNavi span { color:#fff; font-weight:300; letter-spacing:-1px; font-size:26px; text-align:left; line-height:30px;} #subTop .subTopNavi p { color:#fff; font-weight:500; letter-spacing:-1px; font-size:15px; text-align:right; line-height:30px; padding-top:30px;} .subCate { height:65px; line-height:65px; background:#fbfbfb; border-bottom:1px solid #d8d9d7; overflow:hidden; } .subCateNavi{overflow:hidden; width:1300px; margin:0 auto; } #subTab { width:1300px; margin:0 auto; border-left:1px solid #d8d9d7; overflow:hidden;} #subTab li {float:left;border-right:1px solid #d8d9d7; width:16.66666666666667%; letter-spacing:-1.5px; text-align:center; } #subTab li.subTabW2 {float:left;border-right:1px solid #d8d9d7; width:50%; letter-spacing:-1.5px; text-align:center;} #subTab li.subTabW3 {float:left;border-right:1px solid #d8d9d7; width:33.33333333333333%; letter-spacing:-1.5px; text-align:center;} #subTab li.subTabW4 {float:left;border-right:1px solid #d8d9d7; width:25%; letter-spacing:-1.5px; text-align:center;} #subTab li.subTabW5 {float:left;border-right:1px solid #d8d9d7; width:20%; letter-spacing:-1.5px; text-align:center;} #subTab li.subTabW7 {float:left;border-right:1px solid #d8d9d7; width:14.28571428571429%; letter-spacing:-1.5px; text-align:center;} #subTab li.subTabW8 {float:left;border-right:1px solid #d8d9d7; width:12.5%; letter-spacing:-1.5px; text-align:center;} #subTab li a{font-size:17px; color:#222; display:block;} #subTab li.selected{border-top:3px solid #f38f00; background:#fff;} #subTab li.selected a{font-size:17px; font-weight:700; color:#f38f00; display:block;} #subTab_en { width:1300px; margin:0 auto; border-left:1px solid #d8d9d7; overflow:hidden;} #subTab_en li {float:left;border-right:1px solid #d8d9d7; width:16.66666666666667%; letter-spacing:-1.5px; text-align:center; } #subTab_en li.subTabW2 {float:left;border-right:1px solid #d8d9d7; width:50%; letter-spacing:-1.5px; text-align:center;} #subTab_en li.subTabW3 {float:left;border-right:1px solid #d8d9d7; width:33.33333333333333%; letter-spacing:-1.5px; text-align:center;} #subTab_en li.subTabW4 {float:left;border-right:1px solid #d8d9d7; width:25%; letter-spacing:-1.5px; text-align:center;} #subTab_en li.subTabW5 {float:left;border-right:1px solid #d8d9d7; width:20%; letter-spacing:-1.5px; text-align:center;} #subTab_en li.subTabW7 {float:left;border-right:1px solid #d8d9d7; width:14.28571428571429%; letter-spacing:-1.5px; text-align:center;} #subTab_en li.subTabW8 {float:left;border-right:1px solid #d8d9d7; width:12.5%; letter-spacing:-1.5px; text-align:center;} #subTab_en li a{font-size:17px; color:#222; display:block;} #subTab_en li.selected{border-top:3px solid #f38f00; background:#fff;} #subTab_en li.selected a{font-size:17px; font-weight:700; color:#f38f00; display:block;} .top01{border-top:1px solid #bbb;} .top02{border-top:1px solid #bbb;} .top03{border-top:1px solid #bbb;} .top04{border-top:1px solid #bbb;} #subContentsWide {float:left; width:100%; margin:0 auto; position:relative; background:#e8e6e6; } #subContents {width:100%; float:left; margin:0 auto;} #subContents h3 {font-size:36px; color:#333; text-align:center; margin:70px 0 30px 0; position:relative; letter-spacing:-1.4px;} #subContents h3::after{width:3px; height:35px; position:absolute; clear:both; content:''; display:block; bottom:0; left:50%; transform:translate(-50%); transform: rotate(90deg); bottom: 5px;} #subContents h3.enTit {font-size:40px; height:60px; color:#333; text-align:center; margin:85px 0 40px 0; position:relative; letter-spacing:-1.4px;} #subContents h3.enTit::after{background:none;} #sub .subMenuTab{width:100%; text-align:center; margin-bottom:85px;} #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;} #footer{min-width:1300px;} /** 사업분야 **/ #contents {width:1300px; margin:0 auto;} #service {width:100%; text-align:left;} #service .Field01, #service .Field02, #service .Field03, #service .Field04 {width:1300px; margin:0 auto; padding-top:60px; } #service .FieldTxt {float:left; width:60%; display:inline-block; padding-top:70px;} #service .FieldTxt h4 {font-size:48px; letter-spacing:-3px; color:#111; font-weight:700; line-height:58px; background:url('/images/bg/bg_txtPoint.png') no-repeat 0 0; margin:0 auto; margin-bottom:30px; padding-top:35px;} #service .FieldTxt p.serviceTop {width:80%; font-size:19px; line-height:28px; font-weight:400; letter-spacing:-1px; word-break:keep-all;} #service .FieldImg {float:right; width:40%; display:inline-block; padding-bottom:100px;} #service .FieldImg img {max-width:100%; } #service .serviceBg {width:100%; float:left; background-color:#edf2f5; padding:120px 0; color:#111; } #service .serviceBg .serviceBgTil {width:1300px; margin:0 auto; text-align:center; font-size:45px; font-weight:400; padding-bottom:90px; letter-spacing:-3px;} #service .serviceBg .serviceBgTil p.bgTxt {font-size:100px; font-weight:900; color:#e2eaec;font-family:Roboto, "Nanum Square", sans-serif; line-height:0px;} #service .serviceBg .serviceBgTil span {display:block;} #service .serviceBg .serviceBgTil b {font-weight:600;} #service .serviceBg ul {width:1300px; margin:0 auto;} #service .serviceBg ul:after {content:""; display:block; clear:both;} #service .serviceBg ul li {float:left; width:45%; margin-right:10%; text-align:left;} #service .serviceBg ul li:nth-of-type(2) {margin-right:0; } #service .serviceBg ul li div {padding-bottom:20px; text-align:center;} #service .serviceBg ul li div b {font-size:90px; 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:22px; letter-spacing:-1.5px;text-align:center; width:75%; display:inline-block;} #service .serviceBg ul li img {width:100%; border-radius:5px;} #service .serviceBt {width:1300px; margin:0 auto; padding-top:60px; } #service .serviceBtTxt {float:right; width:60%; display:inline-block; padding-top:110px; padding-left:5%; box-sizing:border-box;} #service .serviceBtTxt h4 {font-size:36px; letter-spacing:-3px; color:#111; font-weight:700; line-height:58px; background:url('/images/bg/bg_txtPoint.png') no-repeat 0 0; margin:0 auto; margin-bottom:30px; padding-top:35px;} #service .serviceBtTxt .serviceTop {width:80%; font-size:19px; line-height:28px; font-weight:400; letter-spacing:-1px; word-break:keep-all;} #service .serviceBtTxt .serviceTop p {width:100%; text-align:center; padding-top:20px;} #service .serviceBtTxt .btn {width:100%; text-align:center; display:block; margin-top:20px;} #service .serviceBtTxt .btn span {border:1px solid #1d67cd; color:#1d67cd; padding:10px 55px; border-radius:30px;} #service .serviceBtTxt .btn a:hover span {background:#1d67cd; color:#fff; } #service .serviceBtImg {float:left; width:40%; display:inline-block; padding-top:90px; padding-bottom:100px;} #service .serviceBtImg img {max-width:90%; } /** 제품소개 **/ .introTopBox{width:100%; margin-top:35px; margin-bottom:10px;} #introTop{width:1300px; margin:0 auto; position:relative; overflow:hidden; background:#fafafa; padding-top:30px;} #introTop .introTit {font-size:50px; 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:30px; line-height:70px; } #introTop .introTit ul {width:100%; float:left; padding:20px 0; } #introTop .introTit ul li {width:16.6%; float:left; text-align:center;} #introTop .introTit ul li img {} #goods {width:1300px; margin:0 auto; position:relative; } #agree_txt {width:1300px; margin:0 auto; 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; margin-bottom:80px;}