@charset "utf-8"; #skipContent a{width:100%;height:1px;margin-top:-1px;display:block;font-size:14px;overflow:hidden;color:#fff;font-weight:bold;background:#22af77;text-align:center;line-height:1;} #skipContent a:hover,#skipContent a:focus,#skipContent a:active{display:block;height:auto;padding:10px 0; background:none repeat scroll 0 0 #22af77;} #wrap{/* min-width:1180px; */position:relative;min-width:1180px;min-height:100%;width:100%;z-index:1;margin-top:110px;} #header{width:100%;height:110px;position:fixed;z-index:2;border-bottom:1px solid #E4E4E4;background:#fff;} #header > .gnb_bg{/*background:url("../images/common/gnb_bg.png") no-repeat 50% 0;*/background:#004e82;position:absolute;top:0;left:0;height:35px;width: 100%;} #header .gmWrap{position: absolute;top:0;right: 0;height:35px;width:auto;} /* #header .gmWrap > .rightMn{position:absolute;right: 0;width: 280px;height:35px;background:#0077d9;overflow:hidden;} */ #header .gmWrap > .rightMn li{float:left;} #header .gmWrap > .rightMn a{color:#fff;padding:10px 0 0 15px;display:block;height:35px;} #header .gmWrap > .rightMn a:hover{font-style:normal;} #header .gnbWrap {position:relative;max-width:1180px;height:30px;margin:0 auto;padding-top:35px;} #header .gnbWrap > .gnbArea{position:relative;height:50px;top:25px;} #header .gnbArea > h1{position:absolute;left:0;top:0;margin-top:0;z-index:1001} #header .gnbArea > h1 > a{display:block;width:152px;height:27px;text-indent:-5000px;background:url("../images/common/logon_1.png") no-repeat;} /* #header > .gnbWrap > .gnbArea{position:absolute;right:0;bottom:10px;} */ /*#header > .gnbWrap > .gnbArea > nav{position:relative;}*/ #header > .gnbWrap > .gnbArea > nav{position:absolute;top:0;left:0;height:100px;width:100%;z-index:1000;} #header > .gnbWrap > .gnbArea > nav > .main-menu{position: absolute;right:0;} /* #header > .gnbWrap > .gnbArea > nav > .main-menu{overflow:hidden;width: 100%;} */ #header > .gnbWrap > .gnbArea > nav > .main-menu li{float:left;margin:0 0 0 120px;} #header > .gnbWrap > .gnbArea > nav > .main-menu li a {font-size:18px;font-weight:bold;display: block;} /* menu */ .gnb { width:100%; height:0; position:fixed;top:110px; background-color:rgba(255,255,255,0.7); z-index:100; overflow:hidden; } .gnb .menu_area { width: 1180px; min-height:350px;margin:0 auto; height:auto;overflow:hidden;} .gnb .tmenu {margin:0 0 0 310px;} .gnb .tmenu li { float:left; /*border-left:1px #f3f3f3 solid;*/font-size:12px;padding: 20px 0; } .gnb .tmenu li.one { width:120px;} .gnb .tmenu li.two { width:145px;margin-left:88px;} .gnb .tmenu li.three { width:140px;margin-left:60px;} .gnb .tmenu li.four { width:120px;margin-left:53px;} .gnb .tmenu li.five { width:70px;margin-left:74px;} .gnb .tmenu .twoDep { list-style:none; margin: 0 5px 0 5px; clear:both; } .gnb .tmenu .twoDep a { display:block;font-size:14px;height:26px;letter-spacing: -0.5px;color:#333; padding-left:12px;background:url("../images/common/bulicon-1.png") no-repeat left 5px; } .gnb .tmenu .twoDep a:hover,.gnbWrap .gnb .tmenu .twoDep a.active {color:#0077D9;/*#08449a*/ font-weight:bold; } .gnb .tmenu .one .twoDep a { width:85px; } .gnb .tmenu .two .twoDep a { width:155px; } .gnb .tmenu .three .twoDep a { width:172px;} .gnb .tmenu .four .twoDep a { width:98px; } .gnb .tmenu .five .twoDep a { width:80px; } /* subContent */ #content-s {max-width:1180px;width:100%;margin:0 auto;overflow:hidden;/*min-height:800px;background:url("../images/sub/sub-top-bg.gif") no-repeat top;*/} #content-s > .incont{margin-top:55px;overflow:hidden;} #content-s > .incont > #lnb{float:left;width:16%;text-indent:15px;border-top:5px solid #d6006f;padding-top:20px;} #content-s > .incont > #lnb > h2{color:#d6006f;font-size:20px;} #content-s > .incont > #lnb ul #twoDepth{margin-top:0;padding-left:15px;border-bottom:1px solid #ccc;} #content-s > .incont > #lnb ul #twoDepth li:first-child{border-top:0;} #content-s > .incont > #lnb ul #twoDepth li{line-height:33px;} #content-s > .incont > #lnb ul #twoDepth a{background:url("../images/common/line_bt.png") no-repeat left 18px;font-size:13px;border:0;color:#505050;} #content-s > .incont > #lnb ul #twoDepth li.on a{color:#0041D8;text-decoration:underline;} #content-s > .incont > #lnb ul{margin-top:30px;} #content-s > .incont > #lnb ul li {line-height:38px;} #content-s > .incont > #lnb ul li:first-child{border-top:1px solid #ccc;} #content-s > .incont > #lnb a{display:block;color:#000;font-size:13px;border-bottom:1px solid #ccc;} #content-s > .incont > #lnb a.on{color:#fff;font-weight:bold;background:#d6006f;/* url("../images/common/lnb_over.png") no-repeat 93% center */} #content-s > .incont > #incont-a{float:left;width:80%;min-height:550px;margin:0 auto 80px 47px;} #content-s > .incont > #incont-a > .hgroupW{border-bottom:1px solid #ccc;} #content-s > .incont > #incont-a > .hgroupW > h2 {color:#000;font-size:30px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo{position:relative;overflow:hidden;line-height:21px;height:30px;margin-top:15px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo > ul.location{position:absolute;right:0;top:5px;overflow:hidden;height:22px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo ul li{float:left;margin-right:8px;padding-left:12px;background:url("../images/common/bul_lineArrow.png") no-repeat left 50%;} #content-s > .incont > #incont-a > .hgroupW > .conInfo ul li a{font-size:11px;height:20px;display:block;} #content-s > .incont > #incont-a > .hgroupW > .conInfo ul li:first-child{background:none;} #content-s > .incont > #incont-a > .hgroupW > .conInfo ul li:first-child a{background:url("../images/common/icon_Home.png") no-repeat 50% 50%;width:14px;text-indent:-5000px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo > div{float:left;overflow:hidden;position:absolute;right:5px;top:3px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo > div > button{margin:4px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo > div > button.print{background:url("../images/common/icon_print.png") no-repeat left top;float:left;width:16px;height:16px;text-indent:-5000px;} .mhgroupW{display: none} .mGnb{display:none;} .mWrap{display: none} .mlocation{display:none;} /* 버전별 핵 ㅇㅖ시 ie7 #containerS .incont{display:block;padding:50px;} */ /* subContent textStyle */ #content-s .incont .inSection{overflow:hidden;position:relative;line-height:22px;margin:20px auto 0;} #content-s .incont .inSection > p{font-size:14px;padding-left:0px;margin:15px 0 20px 0;} #content-s .incont .inSection dl {overflow:hidden;} #content-s .incont .inSection dt{font-size:15px;margin:0 0 5px 0;color:#000;} #content-s .incont .inSection dd {font-size:14px;} /* 주요고객사 */ #content-s .incont .inSection .customer{overflow:hidden;margin-top:20px;} #content-s .incont .inSection .customer dl{padding-bottom:15px;} #content-s .incont .inSection .customer dt{font-weight:bold;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;padding-left:13px;margin-bottom:15px;} #content-s .incont .inSection .customer dd ul li{display:inline-block;margin:3px 0;vertical-align:middle;} #content-s .incont .inSection .customer dd ul li a{display:block;width:130px;height:130px;border:1px solid #ccc;text-align:center;padding-top:40px;} /* 롤링 구버전 #content-s .incont .inSection .customer ul.thumbs{overflow:hidden;clear:both;} #content-s .incont .inSection .customer ul.thumbs li{float:left;width:30%;margin:0 10px 10px 0;} #content-s .incont .inSection .customer ul.thumbs li.selected a.thumb {display:block;} #content-s .incont .inSection .customer ul.thumbs img{width:100%;height:40px;} #content-s .incont .inSection .customer .content{displa y:none;float:right;width:480px;background:#FCFDFF;} #content-s .incont .inSection .customer .content:after{content:'';display:block;clear:both;} #content-s .incont .inSection .customer div.navigation {width:480px;height:300px;float:left;} #content-s .incont .inSection .customer div.pagination {clear: both;} #content-s .incont .inSection .customer div.navigation div.top {display:none;} #content-s .incont .inSection .customer div.navigation div.bottom {margin-top: 12px;position:absolute;bottom:0;} #content-s .incont .inSection .customer div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;} #content-s .incont .inSection .customer div.pagination a:hover {background-color: #eee;text-decoration: none;} #content-s .incont .inSection .customer div.pagination span.current {font-weight: bold;background-color: #000;border-color: #000;color: #fff;} #content-s .incont .inSection .customer div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;} #content-s .incont .inSection .customer div.controls {display:none;} #content-s .incont .inSection .customer div.slideshow span.image-wrapper {display: block;position: absolute;top: 35px;left: 0;} #content-s .incont .inSection .customer div.slideshow a.advance-link {display: block;width: 480px;height: 150px; line-height: 150px; text-align: center;} */ /* 회사개요 */ #content-s .incont .inSection .boxing{overflow:hidden;width: 925px;margin: 20px auto 0;} #content-s .incont .inSection .boxing span{display: block;float: left;margin-right: 15px;} #content-s .incont .inSection .boxing .introduce{float: left;line-height: 20px;margin-left:40px;} #content-s .incont .inSection .boxing .introduce dt{box-sizing:border-box;font-weight:500;margin:10px 0;float:left;border-right: 2px solid #777;font-size:15px;width:110px;padding-right:15px;clear: both;} #content-s .incont .inSection .boxing .introduce dt > p{font-size:11px;color:#ADADAD;} #content-s .incont .inSection .boxing .introduce dd{margin:10px 0;float:left;padding-left:15px;font-size:14px;} #content-s .incont .inSection .boxing .introduce dt.first, #content-s .incont .inSection .boxing .introduce dd.first{margin:0 0 7px 0;} #content-s .incont .inSection > .ot-business{overflow:hidden;margin-top:20px;} #content-s .incont .inSection > .ot-business .boxWrap{overflow:hidden;margin-bottom:35px;} #content-s .incont .inSection > .ot-business .boxWrap dl{text-indent:-9999em;background:url("../images/sub/sub02/ot-business-01.png") no-repeat;height:480px;background-position:left 40px;} #content-s .incont .inSection > .ot-business .boxWrap + .boxWrap{height:auto;} #content-s .incont .inSection > .organ{margin:20px auto;width:95%;} /* 수상내역 */ #content-s .incont .inSection > .awardBox{overflow:hidden;padding:20px 0 15px;} #content-s .incont .inSection > .awardBox .award{position:relative;float:left;width:22%;padding:15px 0;margin:0 3% 15px 20px;text-align:center;box-shadow:5px 5px 5px #fff;border-left:2px solid #fff;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;} #content-s .incont .inSection > .awardBox .award.long{height:auto;} #content-s .incont .inSection > .awardBox .award:after{content:'';display:block;clear:both;width:59px;height:69px;background:url("../images/sub/sub02/badge.png")no-repeat;position:absolute;left:-15px;top:-20px;} #content-s .incont .inSection > .awardBox dl{float:left;width:65%;} #content-s .incont .inSection > .awardBox dt{font-size:15px;font-weight:bold;margin-bottom:20px;} #content-s .incont .inSection > .awardBox dd{line-height:20px;} .awardBox{overflow:hidden;padding:20px 0 15px;} .awardBox .award{position:relative;float:left;width:30%;padding:15px 0;margin:0 3% 15px 20px;text-align:center;} .awardBox > table{float:left;width:62%;} /****** 솔루션 ******/ #content-s .ot-LIS, #content-s .ot-Viewer{overflow:hidden;} #content-s .ot-business h3, #content-s .ot-LIS h3, #content-s .ot-Viewer h3, #content-s .ot-Ucms h3, #content-s .ot-Portal h3, #content-s .ot-App h3, #content-s .ot-collection h3{color:#017ac9;font-size:16px;font-weight:bold;margin:35px 0 20px 0;} #content-s .ot-Ucms .feature h3, #content-s .ot-Portal .feature h3, #content-s .ot-App .feature h3, #content-s .ot-collection .system h3{margin:13px 0 20px 0} /* 솔루션 > 통합자료관리시스템(OT-LIS) */ #content-s .ot-LIS .process, #content-s .ot-LIS .function{overflow:hidden;margin-top:50px;} #content-s .ot-LIS .feature{overflow:hidden;} #content-s .ot-LIS .feature .cmnBox{float:left;margin:0 40px 0 0;width:288px;height:370px;background:#EFF7FD;} #content-s .ot-LIS .feature .cmnBox:last-child{margin:0;} #content-s .ot-LIS .feature .cmnBox h4{background:#79a1be url(../images/sub/sub03/pattern.png);color:#fff;font-size:16px;height:110px;text-align:center;padding:45px 0;} #content-s .ot-LIS .feature .cmnBox dl{width:80%;margin:30px auto 0;} #content-s .ot-LIS .feature .cmnBox dt{font-weight:bold;} #content-s .ot-LIS .feature .cmnBox dd{background:url("../images/common/blit2-2.gif") no-repeat left 8px;padding-left:13px;} #content-s .ot-LIS .process .boxWrap01{width:940px;height:120px;background:url("../images/sub/sub03/ot-lis-ex-04.jpg") no-repeat;} #content-s .ot-LIS .process .boxWrap02{width:940px;height:86px;background:url("../images/sub/sub03/ot-lis-ex-05.jpg") no-repeat;} #content-s .ot-LIS .function dt{font-size:15px;font-weight:bold;margin:15px 0;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-LIS .function dt:first-child{margin-top:0} #content-s .ot-LIS .function dd{font-size:14px;line-height:23px;margin-left:15px;padding-left:15px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} /* 솔루션 > 웹 통합뷰어(OT-Viewer) */ #content-s .ot-Viewer .boxWrap01 .boxW01{overflow:hidden;} #content-s .ot-Viewer .boxWrap01 .boxW01 h4{background:#79a1be url(../images/sub/sub03/pattern.png);color:#fff;font-size:16px;float:left;text-align:center;margin:0 40px 0 0;width:288px;height:110px;padding:45px 0;} #content-s .ot-Viewer .boxWrap01 .boxW01 h4:last-child{margin:0;} #content-s .ot-Viewer .boxWrap01 .boxW02{margin:150px auto 100px;width:365px;height:365px;border:5px solid #2898a6;border-radius:50%;background:#2898a6;position:relative;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle h4{text-align:center;font-size:30px;color:#fff;position:absolute;top:43%;left:30%;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl{padding:10% 9%;text-align:center;border:10px solid #A8DCE2;width:200px;height:200px;border-radius:50%;background:#fff;position:absolute;left:10%;top:10%;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl:nth-child(2){left:22%;top:-85px;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl:nth-child(3){left:-18%;top:52%;padding-top:13%;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl:nth-child(4){left:60%;top:52%;padding-top:13%;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dt{font-weight:bold;color:#008899;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox{overflow:hidden;margin:0 0 20px 0;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dt{background-color:#79a3c9;font-weight:bold;color:#fff;width:100%;height:36px;padding:7px 0 0 20px;margin:10px 0 0 0;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dt.tit01{background-image:url("../images/sub/sub03/ot-viewer-ex-05.png");background-repeat:no-repeat;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dt.tit02{background-image:url("../images/sub/sub03/ot-viewer-ex-06.png");background-repeat:no-repeat;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dd{background:#EFFBFD url("../images/common/blit2-2.gif") no-repeat 20px 15px;padding:5px 15px 5px 35px;line-height:25px;} #content-s .ot-Viewer .boxWrap02{overflow:hidden;width:100%;} #content-s .ot-Viewer .boxWrap03{overflow:hidden;margin-bottom:20px;} #content-s .ot-Viewer .boxWrap03 div{height:173px;} #content-s .ot-Viewer .boxWrap03 ul li{float:left;margin-right:5%;} #content-s .ot-Viewer .boxWrap03 ul li:after{content:'';display:block;clear:both;} #content-s .ot-Viewer .boxWrap03 p{text-align:left;margin:10px 0;font-size:14px;padding-left:13px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} #content-s .ot-Viewer .function{overflow:hidden;margin-bottom:20px;} #content-s .ot-Viewer .function dt{font-size:15px;font-weight:bold;margin:15px 0;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-Viewer .function dt:first-child{margin-top:0} #content-s .ot-Viewer .function dd{font-size:14px;line-height:23px;margin-left:15px;padding-left:15px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} #content-s .ot-Viewer .function dd span{font-size:12px;color:#00f;display:block;} #content-s .ot-Viewer .boxWrap04{overflow:hidden;} #content-s .ot-Viewer .boxWrap04 ul li{float:left;padding:5px 10px 0 0;} /* 솔루션 > 종합목록시스템(OT-UCMS) */ #content-s .ot-Ucms .example, #content-s .ot-Ucms .function{overflow:hidden;margin-top:50px;} #content-s .ot-Ucms .feature{overflow:hidden;} #content-s .ot-Ucms .feature .cmnBox{float:left;margin:0 40px 0 0;width:288px;height:430px;background:#EFF7FD;} #content-s .ot-Ucms .feature .cmnBox:last-child{margin:0;} #content-s .ot-Ucms .feature .cmnBox h4{background:#79a1be url(../images/sub/sub03/pattern.png);color:#fff;font-size:16px;height:110px;text-align:center;padding:45px 0;} #content-s .ot-Ucms .feature .cmnBox dl{width:80%;margin:30px auto 0;} #content-s .ot-Ucms .feature .cmnBox dt{font-weight:bold;} #content-s .ot-Ucms .feature .cmnBox dd{background:url("../images/common/blit2-2.gif") no-repeat left 8px;padding-left:13px;} #content-s .ot-Ucms .example div{height:173px;} #content-s .ot-Ucms .example ul li{float:left;margin-right:5%;} #content-s .ot-Ucms .example ul li:after{content:'';display:block;clear:both;} #content-s .ot-Ucms .example p{text-align:left;font-size:13px;padding-left:13px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} #content-s .ot-Ucms .function {overflow:hidden;margin-top:50px;} #content-s .ot-Ucms .function dt{font-size:15px;font-weight:bold;margin:15px 0;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-Ucms .function dt:first-child{margin-top:0} #content-s .ot-Ucms .function dd{font-size:13px;line-height:23px;margin-left:15px;padding-left:15px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} /* 솔루션 > 포털시스템(OT-Portal) */ #content-s .ot-Portal .sample, #content-s .ot-Portal .function, #content-s .ot-Portal .example, #content-s .ot-Portal .summary{overflow:hidden;margin-top:50px;} #content-s .ot-Portal .feature{overflow:hidden;} #content-s .ot-Portal .feature .cmnBox{float:left;margin:0 40px 0 0;width:288px;height:430px;background:#EFF7FD;} #content-s .ot-Portal .feature .cmnBox:last-child{margin:0;} #content-s .ot-Portal .feature .cmnBox h4{background:#79a1be url(../images/sub/sub03/pattern.png);color:#fff;font-size:16px;height:110px;text-align:center;padding:45px 0;} #content-s .ot-Portal .feature .cmnBox dl{width:80%;margin:30px auto 0;} #content-s .ot-Portal .feature .cmnBox dt{font-weight:bold;} #content-s .ot-Portal .feature .cmnBox dd{background:url("../images/common/blit2-2.gif") no-repeat left 8px;padding-left:13px;} #content-s .ot-Portal .example .boxWrap{height:670px;background:url("../images/sub/sub03/ot-portal-ex-07.jpg") no-repeat top left;} #content-s .ot-Portal .example p{text-align:left;color:#255F6B;font-size:13px;line-height:20px;padding:5px 0;} #content-s .ot-Portal .sample{overflow:hidden;margin-bottom:50px;} #content-s .ot-Portal .sample div{height:155px;} #content-s .ot-Portal .sample ul li{float:left;margin-right:20px;border:1px solid #e1f0f6;padding:5px;width:205px;} #content-s .ot-Portal .sample ul li:after{content:'';display:block;clear:both;} #content-s .ot-Portal .sample p{text-align:left;font-size:14px;padding:3px 0 3px 15px;background-color:#E3E7F2;background-image:url("../images/common/blit3.gif");background-position:7px 13px;background-repeat:no-repeat;} #content-s .ot-Portal .function ul li{background:url("../images/sub/mini_blt.png");background-position:left center;background-repeat:no-repeat;line-height:25px;padding-left:15px;font-size:14px;} #content-s .ot-Portal .summary dt{font-size:15px;font-weight:bold;margin:15px 0;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-Portal .summary dt:first-child{margin-top:0} #content-s .ot-Portal .summary dd{font-size:13px;line-height:23px;margin-left:15px;padding-left:15px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} /* 솔루션 > 스마트모바일 앱 시스템(OT-Apps) */ #content-s .ot-App .feature{overflow:hidden;margin-bottom:50px;} #content-s .ot-App .feature .cmnBox{float:left;margin:0 40px 0 0;width:288px;height:240px;background:#EFF7FD;} #content-s .ot-App .feature .cmnBox:last-child{margin:0;} #content-s .ot-App .feature .cmnBox h4{background:#79a1be url(../images/sub/sub03/pattern.png);color:#fff;font-size:16px;height:110px;text-align:center;padding:45px 0;} #content-s .ot-App .feature .cmnBox dl{width:80%;margin:30px auto 0;} #content-s .ot-App .feature .cmnBox dt{font-weight:bold;} #content-s .ot-App .feature .cmnBox dd{background:url("../images/common/blit2-2.gif") no-repeat left 8px;padding-left:13px;} #content-s .ot-App .example, #content-s .ot-App .summary, #content-s .ot-App .function{overflow:hidden;margin-top:50px;} #content-s .ot-App .summary dl{margin-top:70px;} #content-s .ot-App .example .bgWrap{background:url("../images/sub/sub03/pattern.png") repeat;} #content-s .ot-App .example .bgWrap > div{height:610px;border:1px solid #BDC2CE;text-align:center;text-indent:-9999em;background:url("../images/sub/sub03/ot-app-ex-04.png") no-repeat center 15px;} #content-s .ot-App .example .bgWrap > div p{margin-top:585px;height:26px;color:#fff;background:#173792;} #content-s .ot-App .function dt{font-size:15px;font-weight:bold;margin:15px 0;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-App .function dt:first-child{margin-top:0} #content-s .ot-App .function dd{font-size:13px;line-height:23px;padding-left:15px;margin-left:15px;background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat;} #content-s .ot-App .summary dt{background-color:#79a3c9;font-weight:bold;color:#fff;width:100%;height:36px;padding:7px 0 0 20px;margin-top:10px;} #content-s .ot-App .summary dt:first-child{margin-top:0} #content-s .ot-App .summary dt.tit01{background-image:url("../images/sub/sub03/ot-viewer-ex-05.png");background-repeat:no-repeat;} #content-s .ot-App .summary dd{background:#EFFBFD url("../images/common/blit2-2.gif") no-repeat 20px 15px;padding:5px 15px 5px 35px;line-height:25px;} #content-s .ot-App .summary dd span{font-size:12px;color:#00f;display:block;line-height:20px;} /* 컬렉션 구축 */ #content-s .ot-collection{overflow:hidden;} #content-s .ot-collection .system{overflow:hidden;} #content-s .ot-collection .system h3{} #content-s .ot-collection .system .nb01{background:url("../images/sub/sub04/ot-website-ex-07.png") no-repeat;height:180px;width:45%;float:left;padding-left:240px;margin-right:5%;} #content-s .ot-collection .system .nb01 dt{font-size:15px;font-weight:bold;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-collection .system .nb01 dd{padding-left:15px;} #content-s .ot-collection .system .nb02{background:url("../images/sub/sub04/ot-website-ex-08.png") no-repeat;height:180px;width:45%;float:left;padding-left:240px;} #content-s .ot-collection .system .nb02 dt{font-size:15px;font-weight:bold;padding-left:15px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-collection .system .nb02 dd{padding-left:15px;} #content-s .ot-collection .collectDB{overflow:hidden;position:relative;} #content-s .ot-collection .collectDB h3{} #content-s .ot-collection .collectDB dl.collects{background:url("../images/sub/sub04/ot-website-ex-09.png") no-repeat;height:220px;padding-left:363px;} #content-s .ot-collection .collectDB dt{font-size:15px;font-weight:bold;padding-left:15px;margin-top:5px;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-collection .collectDB dt:first-child{margin-top:0;} #content-s .ot-collection .collectDB dd{padding-left:15px;} #content-s .ot-collection .collectDB .collect-ex{display:none;overflow:hidden;background:#FFC93A;position:absolute;left:0;top:0;width:210px;height:auto;padding:15px;} #content-s .ot-collection .collectDB .collect-ex dt{float:left;background:none;padding:0;} #content-s .ot-collection .collectDB .collect-ex dd{display:inline-block;} /* 사이트디자인 */ #content-s .ot-Website div{overflow:hidden;} #content-s .ot-Website .view{width:40%;float:left;margin:2% 2% 0 0;} #content-s .ot-Website .view img{border:1px solid #a7a7a7;} #content-s .ot-Website .view dl{float:left;margin-top:5px;} #content-s .ot-Website .view dt{float:left;font-size:11px;color:#367BFF;font-weight:bold;} #content-s .ot-Website .view dd{float:left;} #content-s .ot-Website .view dd:after{content:'';display:block;clear:both;} #content-s .ot-Website .view dd a{display:block;margin-left:5px;font-size:11px;color:#3879F5;} #content-s .ot-Website .text{width:55%;float:left;margin-top:2%;} #content-s .ot-Website .text:after{content:'';display:block;clear:both;} #content-s .ot-Website .text h3{font-size:17px;font-weight:bold;margin:5px 0 30px 0;} #content-s .ot-Website .text dt,#content-s .ot-Website .text dd{padding-left:13px;} #content-s .ot-Website .text dt{font-size:15px;font-weight:bold;color:#555;background-image:url("../images/common/blit1.gif");background-position:left 7px;background-repeat:no-repeat;} #content-s .ot-Website .text dd{font-size:13px;line-height:20px;margin-bottom:10px;} #content-s .ot-Website .text dd ul li{background-image:url("../images/common/blit3.gif");background-position:left 8px;background-repeat:no-repeat; padding-left:13px;} h4.lineText{padding:30px 25px !important;} /* 탭 - 박스형 */ .tabmn{width:100%;border-width:1px 0 0 0;overflow:hidden;position:relative;display:inline-block;*display:inline;*zoom:1;margin:20px 0;} .tabmn li{position:relative;width:25%;float:left;margin-left:0;z-index:2;/*display:block;margin-top:0px;float:left;border:1px solid #cdcdcd;border-left:none;font-size:1.12em;font-weight:bold;text-align:center;line-height:35px;*/} .tabmn li:first-child{border-left:0;} .tabmn li a{overflow:hidden;text-decoration:none;/*width:240px;*/font-size:14px;padding:0 20px;height:35px;line-height:35px;display:block;background:#fcfcfc;border:1px solid #c5c5c5;color:#666;} .tabmn li.active a{color:#fff;background:#0061b7;position:relative;display:block;padding:0 20px;font-weight:normal;letter-spacing:-1px;} .tabmn.line{width:100%;border-bottom:1px solid #ccc;} .tabmn.line li a{height:34px;} .tabmn li:nth-of-type(1) a, .tabmn li:nth-of-type(2) a, .tabmn li:nth-of-type(3) a, .tabmn li:nth-of-type(4) a{border-bottom:0;} .tabmn li:nth-of-type(1) a, .tabmn li:nth-of-type(2) a, .tabmn li:nth-of-type(3) a, .tabmn li:nth-of-type(5) a, .tabmn li:nth-of-type(6) a, .tabmn li:nth-of-type(7) a{border-right:0;} /****** button collection ******/ /* button ver 1 */ .btnList{text-align:right;overflow:hidden;margin:15px 0;} .btnM{display:inline-block;*display:inline;*zoom:1;text-align:center;min-width:65px;height:30px;line-height:30px;border:1px solid #A0A0A0;background:#A0A0A0;color:#fff;/*padding:10px 15px;*/} .btnM:hover{background:#47BD8E;border:1px solid #47BD8E;font-weight:bold;color:#fff;} .btn-a{display:inline-block;*display:inline;*zoom:1;text-align:center;min-width:40px;height:21px;line-height:20px;border:1px solid #ccc;color:#666;} .btn-b{display:inline-block;*display:inline;*zoom:1;text-align:center;min-width:55px;height:21px;line-height:20px;border:1px solid #ccc;color:#666;} .btn-aa{display:inline-block;*display:inline;*zoom:1;text-align:center;min-width:40px;height:30px;line-height:30px;border:1px solid #ccc;color:#666;} @-moz-document url-prefix() { .btn-a{line-height:18px; } } @-moz-document url-prefix() { .btn-b{line-height:17px; } } @-moz-document url-prefix() { label{vertical-align:top;} } /* button ver 2 이전,다음 */ .paginate{width:100%;height:30px;margin-top:30px;text-align:center;} .paginate a{margin-right:18px;font-size:14px;color:#909090;} .paginate a.on{color:#A0A0A0;font-weight:bold;} .paginate .left-arrow, .paginate .right-arrow{display:inline-block;margin-bottom:-10px;width:22px;height:22px;border:2px solid #ccc;background:#fff url("../images/common/collection-a.png") no-repeat;} .paginate .left-arrow:hover, .paginate .right-arrow:hover{border:2px solid #666;background:#666 url("../images/common/collection-a.png") no-repeat;} .paginate .left-arrow{background-position:6px 59%;} .paginate .left-arrow:hover{background-position:6px 50%;} .paginate .right-arrow{background-position:6px 40%;} .paginate .right-arrow:hover{background-position:6px 31%;} /* Button 1 */ .btn-1 {border: 2px solid #A0A0A0;color: #A0A0A0;} /* Button 1a */ .btn-1a:hover, .btn-1a:active {color:#fff;background: #A0A0A0;} .btn-list-a{text-align:center;margin-top:20px;} /* owl-theme */ .owl-theme .owl-controls{ margin-top: -20px; text-align: right; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* add style */ .container_center{padding-left:20px;padding-right:20px;} @media only screen and (min-width: 1181px){ /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 1180px){ #wrap{min-width: 100%;} #header{min-width: 100%;} #header .gnbWrap{min-width: 100%;} #header .gmWrap > .rightMn a{padding:10px 9px;color:#fff;background:#0c3f6c;} #header > .gnbWrap > .gnbArea{width:95%;margin:0 auto;} #header > .gnbWrap > .gnbArea > nav > .main-menu{width: 73%;} #header > .gnbWrap > .gnbArea > nav > .main-menu li{margin:1% 0 0 0;width: 20%;} #header > .gnbWrap > .gnbArea > nav > .main-menu li a{font-size:1.4em;margin:0 5%;text-align:right;} .gnb{width: 100%;} .gnb .menu_area{width: 100%;} .gnb .tmenu {margin: 0 0 0 33%;overflow: hidden;} .gnb .tmenu li{padding:2% 0;} .gnb .tmenu li.one { width: 18%;} .gnb .tmenu li.two { width: 20%;margin-left:3%;} .gnb .tmenu li.three { width: 20%; margin-left:3%;} .gnb .tmenu li.four { width: 20%; margin-left:0;} .gnb .tmenu li.five { width: 13%; margin-left:3%;} footer{min-width: 100%;} .fgroup{max-width:90%;} .fgroup:first-child{padding:0;} #content-s > .incont > #incont-a{margin-left:3%;} /*#content-s .incont .inSection{ width:100%; padding:0 20px;}*/ #content-s .incont .inSection .boxing{width: 100%;} #content-s .incont .inSection .boxing .company_img{width:17%;margin-right:1%;} #content-s .incont .inSection .boxing .introduce{width:68%;} #content-s .incont .inSection > .ot-business{margin-top:0px;} #content-s .incont .inSection > .ot-business .boxWrap dl{background-size:100%;margin-top:3%;background-position:left;} #content-s .ot-LIS .process .boxWrap01, #content-s .ot-LIS .process .boxWrap02{background-size:100%;width:100%;height:100px;} #content-s .ot-Portal .example .boxWrap{width:100%;background-size:contain;} #content-s .ot-App .example .boxWrap{width:100%;background-size:contain;background-position:center;} /* 주요고객사 */ #content-s .incont .inSection .customer div.navigation, #content-s .incont .inSection .customer .content{width:50%;} #content-s .incont .inSection .customer div.slideshow span.image-wrapper{left:50%;margin-left:-102px;} #content-s .incont .inSection .customer div.slideshow a.advance-link{width:100%;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 1180px) and (min-width:768px){ #content-s .ot-Viewer .boxWrap01 .boxW01 h4, #content-s .ot-LIS .feature .cmnBox, #content-s .ot-Ucms .feature .cmnBox, #content-s .ot-Portal .feature .cmnBox, #content-s .ot-App .feature .cmnBox{margin:0 4% 0 0;} #content-s .ot-LIS .feature .cmnBox:last-child, #content-s .ot-Viewer .boxWrap01 .boxW01 h4:last-child, #content-s .ot-Ucms .feature .cmnBox:last-child, #content-s .ot-Portal .feature .cmnBox:last-child, #content-s .ot-App .feature .cmnBox:last-child{margin:4% 0 0 0;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 767px) and (min-width:641px){ .awardBox .award{width:100%;padding:14px;margin:0 auto;text-align:center;float:none;} .awardBox table{width:95%;margin-left:5%;} #header{position:fixed;top:0;} #main-slider{margin-top:90px;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 1024px){ #content-s > .incont > #lnb{display: none;} #content-s > .incont > #incont-a{width: 100%;margin-left:0;} .tabmn li a, .tabmn li.active a{padding:0 0 0 5%;} /* #content-s .ot-Viewer .boxWrap03:after{content:'';display:block;clear:both;} #content-s .ot-Viewer .boxWrap03 .simpleWrap{width:47%;margin:0 35px 20px 0;} */ #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox{overflow:hidden;width:100%;} #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dt{width:100%;} #content-s .ot-LIS .feature .cmnBox, #content-s .ot-Viewer .boxWrap01 .boxW01 h4, #content-s .ot-Ucms .feature .cmnBox, #content-s .ot-Portal .feature .cmnBox, #content-s .ot-App .feature .cmnBox{width:46%;} .features{width:90%;margin:0 auto;} .features > div{float:left;width:16.6%;} .blue_line{vertical-align:middle;width:100% !important;height:100% !important;font-weight:normal !important;font-size:16px !important;text-align:center !important;} .feature-wrap{width:100% !important;height:auto !important} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 900px){ #header > .gnbWrap > .gnbArea > nav > .main-menu li a{font-size:1.25em;} .gnb .tmenu{margin:0 0 0 27%;} #content-s .incont .inSection .boxing .introduce dt, #content-s .incont .inSection .boxing .introduce dd{font-size:1.1em;} .gnb .tmenu {margin: 0 0 0 32%;overflow: hidden;} .gnb .tmenu li{padding:2% 0;} .gnb .tmenu li.one { width: 18%;} .gnb .tmenu li.two { width: 20%;margin-left:3%;} .gnb .tmenu li.three { width: 19%; margin-left:3%;} .gnb .tmenu li.four { width: 20%; margin-left:0;} .gnb .tmenu li.five { width: 13%; margin-left:3%;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 991px){ .features{width:90%;margin:0 auto;} .features > div{float:left;/*width:16.6%;*/ width:32.6%;} .blue_line{vertical-align:middle;width:100% !important;height:100% !important;font-weight:normal !important;font-size:16px !important;text-align:center !important;} .feature-wrap{width:100% !important;height:auto !important} .feature-wrap h2, .feature-wrap h2 a{color:#4A5B9A;font-size:1.2em} .viewer-wrap h2, .viewer-wrap h2 a{font-size:1.5em} .feature-wrap.last{border:none;padding-bottom:10px;margin-bottom:0;} .feature-wrap i{margin-right:35px !important;} .viewer-wrap{border-bottom:1px solid #6FB5F3;padding:10px 0 10px 10px;margin-bottom:10px;background:#afeafb} .viewer-wrap.last{border:none;padding-bottom:10px;margin-bottom:0;} .feature-wrap.last{margin-bottom:0 !important;} .row { /* margin-right: -15px; margin-left: -15px */ margin:0 auto; width:94%; } /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 991px) and (min-width: 481px){ .left_box{width:60% !important;float:left;text-align:left !important;} .right_box{width:40%;float:left;display:block !important;} .right_box img{width:90%;height:90%;vertical-align:top;} .right_box2{width:40%;float:left;display:block !important;} .right_box2 img{width:90%;height:90%;vertical-align:top;} .feature-wrap h2{padding-top:0 !important} .viewer-wrap h2{padding-top:45px !important} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 1024px) and (min-width: 851px){ #content-s{width:830px;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 850px) and (min-width: 768px){ #content-s{width:730px;} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 767px){ .left_box{text-align:left !important;padding-left:20px;} .left_box img{width:55%;text-align:left;} #header > .gnbWrap > .gnbArea > nav{z-index:0;height:50px;} #header .gnbWrap{height:auto;padding-top:27px;} #header > .gnbWrap > .gnbArea > nav > .main-menu{display: none;} #header .gnbArea > h1{top:7px;left:50%;margin-left:-65px;z-index:1} #header .topGnb{overflow:hidden;height:38px;width:38px;background:#fff;border:1px solid #444;float:right;margin-top:2px;} #header .topGnb .mGnb{display: block;position:absolute;top:2px;right:0;font-size:12px;font-weight: bold;color:#4b4b4b;} #header .topGnb .mGnb .mMbtn{display:block;background:url(../images/common/menu_icon.png) no-repeat 10px -51px;width:37px;height:37px;color:#444;text-indent:26px;padding:13px 0 0 0;} .mWrap{position: fixed;top:0;right:-767px;height:100%;width:100%;z-index:106;transition:all .3s ease;} .mWrap.open{display:block;right:0;} .mGnbBg{position:absolute;top:0;background:#202020;opacity: 0.5;width:100%;height:100%;} .mGnbH{display:block;position:absolute;top:0;right:0;width:240px;height:51px;z-index:105;background:#202020;} .mGnbH .tit{position:absolute;top:15px;left:15px;width:60px;height:22px;} .mGnbH .close{display:block;position:absolute;right:15px;top:17px;width: 15px;height:15px;} #mobileGnb{display:block;z-index:90;position:absolute;height:100%;top:0;right:0;width:240px;padding:0;background:#222;transition:all .3s ease;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;} #mobileGnb li{float:left;line-height: 20px;width: 100%;text-align:left;margin:0;padding:0;} #mobileGnb > li:first-child{margin-top:51px;} #mobileGnb > li:first-child > a{border-top:1px solid #414140;} #mobileGnb li a{display:block;color:#fff;border-bottom:1px solid #444;padding:10px 0 10px 15px;font-size:16px;font-weight:bold;position:relative;margin:0;} #mobileGnb > li > a:after{position:absolute;top:15px;right:15px;content:'';display: block;width: 16px;height: 16px;background:url(../images/common/menu_icon.png) no-repeat 0 0;background-size: 13px 35px;} #mobileGnb > li.on > a{background:#0077d9;color:#fff !important;} #mobileGnb > li.on > a:after{background-position:0 -13px;} #mobileGnb li ul.menuBox{display:none;padding-left:20px;min-height:0;background:#181818;border:0;width:93%;position:static;top:0;overflow: hidden;} #mobileGnb li.on ul.menuBox{display:block;} #mobileGnb li.on ul.menuBox li a:before{content: '';position:absolute;top:15px;left:0;display: block;width: 7px;height: 3px;background:url(../images/common/bulicon.png) no-repeat 1px 2px;background-size:12px 12px;} #mobileGnb li.on ul.menuBox li a{border-bottom:1px solid #444;display:block;padding:10px 0;font-size:13px;font-weight: normal;} #mobileGnb li.on ul.menuBox li a strong{font-size:13px;color:#fff;margin:0;width: 90%;display: block;font-weight: normal;padding-left:20px;} .mhgroupW {position:relative; display:block; z-index:6; margin-top:15px;} .mhgroupW h2 {font-size:17px; height:40px; line-height:40px; margin:0 15px; border-bottom:1px solid #c8c8c8; letter-spacing:-1px; background:url("../images/common/icon_arrowDown.png") no-repeat 99% 50%; background-size:12px 12px;} .mhgroupW h2 a{ display:block; height:40px; line-height:40px;} .mhgroupW > ul {margin-top:-1px; position:absolute; top:40px; width:100%; display:none} .mhgroupW > ul > li:first-child{border-top:1px solid #c8c8c8;} .mhgroupW > ul > li a {display:block; font-size:12px; height:40px; line-height:40px; padding:0 15px; border-bottom:1px solid #c8c8c8; background:#fff ;} .mhgroupW > ul > li > a.on, /* .mhgroupW > ul > li.on > a {color:#fff; background:#cc2633; border-bottom:1px solid #cc2633;} */ .mhgroupW > ul > li.active a {background:#0077D9;color:#fff;} /*.mhgroupW > ul > li.active a.active {background:#cc2633 url(../images/sub/icon_minus_ov.png) no-repeat 95% 50%; background-size:12px 12px; color:#fff; border-bottom:1px solid #cc2633;}*/ .mhgroupW > ul > li.active li a {padding:0 15px 0 23px; font-size:12px; background:#f0f0f0 url(../images/sub/bul_dash.png) no-repeat 15px 50%;} .mhgroupW > ul > li.active li.active > a {color:#000; font-weight:bold} .fgroup{height:auto;} .fbottom .flogo{float:none;} .fbottom .copy{float:none;margin:4% 0;} #content-s > .incont{margin-top:0} #content-s .incont .inSection{/* width:100%; */padding:0 20px;} #content-s .hgroupW{display:none;} /* 주요사업분야 */ #content-s .incont .inSection > .ot-business .boxWrap dl{background:none;text-indent:0;position:relative;left:0;display:block;width:100%;height:auto;line-height:20px;} #content-s .incont .inSection > .ot-business .boxWrap dt{color:#fff;line-height:15px;padding:15px 20px;font-size:16px;font-weight:bold;line-height:20px;} #content-s .incont .inSection > .ot-business .boxWrap dt:nth-child(1){background-color:#2a7a90;} #content-s .incont .inSection > .ot-business .boxWrap dt:nth-child(3){background-color:#6767c1;} #content-s .incont .inSection > .ot-business .boxWrap dt:nth-child(5){background-color:#22967f;} #content-s .incont .inSection > .ot-business .boxWrap dt:nth-child(7){background-color:#226496;} #content-s .incont .inSection > .ot-business .boxWrap dd{width:93%;background:#fff url(../images/common/blit3.gif) no-repeat left 10px;color:#000;padding-left:10px;margin:10px auto;} /* 수상내역 */ #content-s .incont .inSection > .awardBox .award{width:35%;} #content-s .incont .inSection > .awardBox dl{width:55%;} .awardBox .award{width:35%;} .awardBox dl{width:55%;} /* 솔루션 */ #content-s .ot-LIS .feature .cmnBox{background:none;margin:0;width:100%;height:auto;} #content-s .ot-LIS .feature .cmnBox dl{width:90%;margin:10px auto;} #content-s .ot-LIS .feature .cmnBox .blind{position:relative;left:0;display:block;width:100%;height:auto;padding:10px 20px;text-indent:0;font-size:15px;color:#fff;background-color:#4B70AF;line-height:20px;} #content-s .ot-LIS .process .cmnBox{background:none;width:100%;height:auto;} #content-s .ot-LIS .process .cmnBox .blind{position:relative;left:0;display:block;width:100%;height:auto;text-indent:0;line-height:20px;} #content-s .ot-LIS .process .cmnBox .blind p.note{font-size:11px;margin:10px 0;color:#2345CA;background:url("../images/common/blit3.gif")no-repeat left 8px;padding-left:15px;} #content-s .ot-LIS .process .cmnBox .blind p.tit{font-size:14px;font-weight:bold;background:url("../images/common/blit1.gif")no-repeat left 8px;color:#146AA2;padding-left:15px;margin-bottom:20px;} #content-s .ot-LIS .process .cmnBox ol{overflow:hidden;} #content-s .ot-LIS .process .cmnBox ol li{position:relative;min-height:55px;margin-bottom:20px;background-color:#EFEFEF;background-position:15px center;background-repeat:no-repeat;border:1px solid #1A5380;} #content-s .ot-LIS .process .cmnBox ol li:nth-child(1){background-image:url(../images/sub/sub03/ot-lis-process1-01.png);} #content-s .ot-LIS .process .cmnBox ol li:nth-child(2){background-image:url(../images/sub/sub03/ot-lis-process1-02.png);} #content-s .ot-LIS .process .cmnBox ol li:nth-child(3){background-image:url(../images/sub/sub03/ot-lis-process1-03.png);} #content-s .ot-LIS .process .cmnBox ol li:nth-child(4){background-image:url(../images/sub/sub03/ot-lis-process1-04.png);} #content-s .ot-LIS .process .cmnBox ol li:nth-child(5){background-image:url(../images/sub/sub03/ot-lis-process1-05.png);} #content-s .ot-LIS .process .cmnBox ol li:nth-child(6){background-image:url(../images/sub/sub03/ot-lis-process1-06.png);} #content-s .ot-LIS .process .cmnBox ol li:last-child{margin-bottom:0px;background-image:url(../images/sub/sub03/ot-lis-process1-07.png);background-position:13px center;background-color:#989898;border:1px solid #4782AF;} #content-s .ot-LIS .process .cmnBox ol li:last-child span{color:#fff;} #content-s .ot-LIS .process .cmnBox ol li span{display:block;text-indent:60px;padding:15px 15px 0;font-size:13px;font-weight:bold;color:#596872;} #content-s .ot-LIS .process .cmnBox ol li:after{content:'';position:absolute;left:0;bottom:-11px;display:block;width:100%;height:11px;background:url("../images/sub/sub03/bg_step.png")no-repeat 50% 100%;background-size:28px 11px;} #content-s .ot-LIS .process .cmnBox ol li:last-child:after{background:none;} #content-s .ot-LIS .process .cmnBox ol.other li:nth-child(1){background-image:url(../images/sub/sub03/ot-lis-process2-01.png);} #content-s .ot-LIS .process .cmnBox ol.other li:nth-child(2){background-image:url(../images/sub/sub03/ot-lis-process2-02.png);} #content-s .ot-LIS .process .cmnBox ol.other li:nth-child(3){background-image:url(../images/sub/sub03/ot-lis-process2-03.png);} #content-s .ot-LIS .process .cmnBox ol.other li:nth-child(4){background-image:url(../images/sub/sub03/ot-lis-process2-04.png);} #content-s .ot-LIS .process .cmnBox ol.other li:last-child{background-image:url(../images/sub/sub03/ot-lis-process2-05.png);} #content-s .ot-Viewer .boxWrap01 .boxW01 h4{background-color:#4B70AF;position:relative;left:0;display:block;text-align:left;width:100%;height:auto;padding:15px 0 15px 20px;text-indent:0;font-size:15px;color:#fff;line-height:20px;margin-bottom:10px;} #content-s .ot-Viewer .boxWrap01 .boxW02{background:none;width:100%;height:auto;margin:20px 0 0 0;border:0;border-radius:0;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle{position:relative;left:0;display:block;height:auto;text-indent:0;font-size:20px;line-height:20px;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle h4{display:none;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl{margin-bottom:20px;border:0;background:none;padding:0 !important;border-radius:0;text-align:left;position:static;width:100%;height:auto;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl dt{background-color:#6DA3D0;color:#fff;text-indent:0;font-weight:bold;padding:7px 0 0 20px;margin:0 0 5px 0;height:36px;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl dd{background:#EFFBFD url("../images/common/blit2-2.gif")no-repeat 20px 10px;padding:0 35px;line-height:25px;} #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl.mhide{display:none;} #content-s .ot-Viewer .boxWrap01 .cmnBox{margin:0 0 20px 0;} #content-s .ot-Viewer .boxWrap01 .cmnBox dl dt.tit01{background-image:none;background-color:#6DA3D0;color:#fff;text-indent:0;font-weight:bold;padding:7px 0 0 20px;} #content-s .ot-Viewer .boxWrap01 .feature{width:100%;} #content-s .ot-Ucms .feature .cmnBox, #content-s .ot-Portal .feature .cmnBox, #content-s .ot-App .feature .cmnBox{background:none;margin:0;width:100%;height:auto;} #content-s .ot-LIS .feature .cmnBox h4, #content-s .ot-Ucms .feature .cmnBox h4, #content-s .ot-Portal .feature .cmnBox h4, #content-s .ot-App .feature .cmnBox h4{height:auto;padding:15px 20px;text-align:left;font-size:16px;line-height:20px;} h4.lineText{padding:15px 20px !important;} #content-s .ot-Ucms .feature .cmnBox dl, #content-s .ot-Portal .feature .cmnBox dl, #content-s .ot-App .feature .cmnBox dl{width:90%;margin:10px auto;} #content-s .ot-Ucms .feature .cmnBox .blind, #content-s .ot-Portal .feature .cmnBox .blind, #content-s .ot-App .feature .cmnBox .blind{position:relative;left:0;display:block;width:100%;height:auto;padding:15px;text-indent:0;font-size:25px;color:#fff;background-color:#4B70AF;line-height:25px;} #content-s .ot-Portal .sample p,#content-s .ot-Ucms .example p{margin:10px 0;} #content-s .ot-App .example div{height:auto;background-size:contain;} #content-s .ot-App .example div p{margin-top:90%;} #content-s .ot-App .summary dl{width:100%;} /* 주요고객사 */ #content-s .incont .inSection .customer dd{margin-left:12px;} /* #content-s .incont .inSection .customer div.navigation, #content-s .incont .inSection .customer .content{width:100%;height:auto;float:none;} #content-s .incont .inSection .customer .content{margin-top:60px;} #content-s .incont .inSection .customer ul.thumbs li{width:auto;} #content-s .incont .inSection .customer ul.thumbs img{width:auto;} #content-s .incont .inSection .customer div.navigation div.bottom{position:static;} */ .tabmn li, .tabmn li.active{width:50%;} .tabmn li:nth-of-type(2) a, .tabmn li:nth-of-type(6) a{border-right:1px solid #c5c5c5;} .tabmn li:nth-of-type(7) a, .tabmn li:nth-of-type(8) a{border-top:0;} /* .tabmn li.active a:before{ content:''; display:block; position:absolute; left:0; top:0; height:35px; border-right:1px solid #c5c5c5; } */ /* 사이트디자인 */ /*.owl-theme .owl-controls{margin-top: 10px;text-align:center;}*/ .container{padding-left:0 !important;padding-right:0 !important;} #bottom{padding-left:15px; padding-right:15px;} .enigma_scrollup{bottom:20px !important;right:20px !important} /* sub03_01 table*/ .m_table{display:none;} } @media only screen and (max-width: 640px){ #header{border-bottom:1px solid #ccc;height:90px;} #header .gnbWrap{padding-top:16px;} #content-s{background:none;max-width:640px;} #content-s > .incont{margin-top:20px;} #content-s > .incont > #incont-a > .hgroupW > .conInfo{display:none;} #content-s .incont .inSection .boxing .company_img{width:100%;margin-right:0;text-align:center;} #content-s .incont .inSection .boxing .introduce{width: 100%;margin:5% 0;} #content-s .incont .inSection .boxing .introduce dt{border:1px solid #777;border-width:1px 2px 1px 1px;padding-right:0;text-align:center;} #content-s .incont .inSection > .awardBox .award{width:100%;padding:14px;margin:0 auto;text-align:center;float:none;} #content-s .incont .inSection > .awardBox dl{width:95%;margin-left:5%;} #content-s .ot-Ucms .example ul li{float:none;} #content-s .ot-Ucms .example div{height:auto;} #content-s .ot-Portal .example .boxWrap{height:500px;} #content-s .ot-App .example, #content-s .ot-App .summary{margin-top:5%;} .awardBox .award{width:100%;padding:14px;margin:0 auto;text-align:center;float:none;} .awardBox table{width:92%;margin:0 4%;} .container{padding-left:0 !important;padding-right:0 !important;} #bottom{padding-left:15px; padding-right:15px;} .feature-wrap h2, .feature-wrap h2 a{color:#4A5B9A;font-size:1em} .viewer-wrap h2, .viewer-wrap h2 a{font-size:1.2em !important} .viewer-wrap h2{margin-top:0 !important} .feature-wrap i, .viewer-wrap i{margin-right:10px !important;} #header{position:fixed;top:0;} #main-slider{margin-top:90px !important;} .enigma_scrollup {bottom: 50px !important;right:20px !important;border:1px solid #fff;} #feature{padding-bottom:0 !important;background:#F5FCFF} #wrap{margin-top:90px;} /* sub03_01 table*/ .m_table2{display:none;} .m_table{display:block;} } @media only screen and (max-width: 480px){ #header .gmWrap > .rightMn a{font-size:0.9em;} #content-s > .incont > #incont-a > .hgroupW > h2{font-size:22px;} #content-s .incont .inSection .boxing .introduce dt{width:20%;} .fgroup > ul{width:100%;} .fgroup > ul > li{width:33.3%;margin-right:0;height:auto;text-align:center;} .fgroup > ul > li a{font-size:0.9em;} /* #content-s .incont .inSection > .ot-business .boxWrap .blind dt, #content-s .ot-Viewer .boxWrap01 h4, #content-s .ot-LIS .feature .cmnBox .blind, #content-s .ot-Ucms .feature .cmnBox .blind, #content-s .ot-Portal .feature .cmnBox .blind, #content-s .ot-App .feature .cmnBox .blind{font-size:18px;line-height:20px;} */ #content-s .ot-Portal .example .boxWrap{height:255px;background-position:left;} #content-s .ot-Portal .example p{text-align:left;} #content-s .ot-Website .view, #content-s .ot-Website .text{width:100%;margin-right:0;} #content-s .incont .inSection > .ot-business .boxWrap dt, #content-s .ot-LIS .feature .cmnBox h4, #content-s .ot-Ucms .feature .cmnBox h4, #content-s .ot-Portal .feature .cmnBox h4, #content-s .ot-App .feature .cmnBox h4{font-size:15px;} #content-s .incont .inSection > .awardBox dt, #content-s .ot-LIS .feature .cmnBox dt, #content-s .ot-Ucms .feature .cmnBox dt, #content-s .ot-Portal .feature .cmnBox dt, #content-s .ot-App .feature .cmnBox dt, #content-s .ot-LIS .function dt, #content-s .ot-Viewer .function dt, #content-s .ot-Portal .summary dt, #content-s .ot-Ucms .function dt, #content-s .ot-Website .text dt, #content-s .ot-App .summary dt{font-size:14px;/*background-position:left 0px top 8px;background-position-x:0;background-position-y:12px;*/} #content-s .incont .inSection > .ot-business .boxWrap dd, #content-s .incont .inSection > .awardBox dd, #content-s .ot-Viewer .boxWrap01 .boxW02 .mstyle dl dd, #content-s .ot-Viewer .boxWrap01 .boxW03 .cmnBox dl dd, #content-s .ot-Viewer .boxWrap03 p, #content-s .ot-LIS .feature .cmnBox dd, #content-s .ot-Ucms .feature .cmnBox dd, #content-s .ot-Portal .feature .cmnBox dd, #content-s .ot-App .feature .cmnBox dd, #content-s .ot-LIS .function dd, #content-s .ot-Viewer .function dd, #content-s .ot-Ucms .example p, #content-s .ot-Ucms .function dd, #content-s .ot-Portal .sample p, #content-s .ot-Portal .summary dd, #content-s .ot-Website .text dd ul li{font-size:13px;/*background-position:left 0px top 8px;background-position-x:0;background-position-y:15px;*/} /* bxSlider controls */ .bx-wrapper .bx-controls-direction a{display:none;} .left_box{width:58% !important;float:left} .feature-wrap h2{padding-top:0 !important} .right_box{width:40%;float:left;padding:0 1% 0 !important;display:block !important;} .right_box img{width:95%;height:95%;vertical-align:middle;padding-top:2% !important;} .right_box2{width:40%;float:left;padding:0 1% 0 !important;display:block !important;} .right_box2 img{width:100%;height:100%;vertical-align:middle;padding-top:0 !important;} .right_box3{width:40%;float:left;padding:0 1% 0 !important;display:block !important;} .right_box3 img{width:100%;height:100%;vertical-align:middle;padding-top:8% !important;} /* Company, History display:block; */ span.dblock{display:block;} }