@import url(notosanskr.css); @charset "euc-kr"; /* CSS Document */ /*header*/ #headerWrap{width:1100px;height:90px;margin:0 auto;} #headerWrap > h1{width:245px;height:45px;margin:24px 0 0 0;display:inline-block;float:left;} /* #headerWrap .menuWrap{width:630px;margin:37px 0 0 80px;float:left;} #headerWrap .menuWrap > ul > li{background:url(../image/menu_bar.png) no-repeat top right;float:left;} #headerWrap .menuWrap > ul > li:last-child{padding-right:0;background:none;} #headerWrap .menuWrap > ul > li > a{display:block;color:#404040;font-size:16px;} #headerWrap .menu_box{width:100%;height:255px;display:none;position:absolute;left:0;z-index:10; top:90px; background:url(../image/bg_box2.png) center;margin:0 auto;} #headerWrap .nav{position:relative;z-index:20} #headerWrap .nav ul.dropdownmenu{height:53px;} #headerWrap .nav ul.dropdownmenu li.menu{position:relative;float:left;} #headerWrap .nav ul.dropdownmenu li h3{position:relative;height:53px;overflow:hidden} #headerWrap .nav ul.dropdownmenu li ul{height:206px;position:absolute;top:35px;left:0;padding:25px 0;line-height:2em;display:none} #headerWrap .nav ul.dropdownmenu li a.depth1{position:absolute;text-indent:-999px;display:block;height:106px;min-width:121px;} #headerWrap .nav ul.dropdownmenu li.m1 a.depth1{background:url(../image/main_nav1.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m2 a.depth1{background:url(../image/main_nav2.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m3 a.depth1{background:url(../image/main_nav3.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m4 a.depth1{background:url(../image/main_nav4.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m5 a.depth1{background:url(../image/main_nav5.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li ul li{padding-top:10px;text-align:center;border-bottom:1px dashed #ACACAC;margin:0 10px;padding-bottom:3px;} #headerWrap .nav ul.dropdownmenu li ul li:last-child{border-bottom:0;} #headerWrap .nav ul.dropdownmenu li ul li a{font-weight:normal;color:#919191;font-size:15px;text-decoration:none;font-weight:400;} #headerWrap .nav ul.dropdownmenu li ul li a:hover{color:#505050;} */ #headerWrap .menuWrap{width:auto;margin:37px 0 0 58px;float:left;} #headerWrap .menuWrap > ul > li{background:url(/users/cnos/image/menu_bar.png) no-repeat top right;float:left;} #headerWrap .menuWrap > ul > li:last-child{padding-right:0;background:none;} #headerWrap .menuWrap > ul > li > a{display:block;color:#404040;font-size:16px;} #headerWrap .menu_box{width:100%;height:255px;display:none;position:absolute;left:0;z-index:10; top:90px; background:url(/users/cnos/image/bg_box2.png) center;margin:0 auto;} #headerWrap .nav{position:relative;z-index:20} #headerWrap .nav ul.dropdownmenu{height:53px;} #headerWrap .nav ul.dropdownmenu li.menu{position:relative;float:left;} #headerWrap .nav ul.dropdownmenu li h3{position:relative;height:53px;overflow:hidden} #headerWrap .nav ul.dropdownmenu li ul{height:206px;position:absolute;top:35px;left:0;padding:25px 0;line-height:2em;display:none} #headerWrap .nav ul.dropdownmenu li a.depth1{position:absolute;text-indent:-999px;display:block;height:106px;min-width:110px;} #headerWrap .nav ul.dropdownmenu li.m1 a.depth1{background:url(/users/cnos/image/main_nav1.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m2 a.depth1{background:url(/users/cnos/image/main_nav2.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m3 a.depth1{background:url(/users/cnos/image/main_nav3.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m4 a.depth1{background:url(/users/cnos/image/main_nav4.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m5 a.depth1{background:url(/users/cnos/image/main_nav5.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li.m6 a.depth1{background:url(/users/cnos/image/main_nav6.png) 0 0 no-repeat;} #headerWrap .nav ul.dropdownmenu li ul li{padding-top:10px;text-align:center;border-bottom:1px dashed #ACACAC;margin:0 10px;padding-bottom:3px;} #headerWrap .nav ul.dropdownmenu li ul li:last-child{border-bottom:0;} #headerWrap .nav ul.dropdownmenu li ul li a{font-weight:normal;color:#919191;font-size:15px;text-decoration:none;font-weight:400;} #headerWrap .nav ul.dropdownmenu li ul li a:hover{color:#505050;} /*home, contact us*/ #headerWrap .gnbWrap{width:75px;margin-top:23px;float:right;overflow:hidden;} #headerWrap .gnbWrap > a{width:75px;height:20px;line-height:20px;display:inline-block;background:url(../image/gnbbg.png) no-repeat center top;color:#545454;font-size:9px;float:left;margin:0 0 5px 0;text-align:center;font-family:"Verdana"!important;} #headerWrap .gnbWrap > a:hover{background:url(../image/gnbon.png) no-repeat;color:white;} /*visual*/ .visual{width:100%;overflow:hidden;min-width:1100px;margin:0 auto;position:relative} .visual .visual_img{width:2000px;height:515px;} .visual .visual_img > div {position:absolute; top:0;text-align:center;margin-left:-1000px;left:50%;} .visual .visual_img > div.displayno {display:none;} .visual .visual_img ul.tab {position:absolute; top:165px;left:50%;margin-left:-365px;z-index:9999;} .visual .visual_img ul.tab > li {width:11px; height:11px; margin:0 7px 0 0; float:left;background:url(/users/hychem2/image/visualDot_off.png) no-repeat; cursor:pointer;} .visual .visual_img ul.tab > li.on {width:35px;height:11px;background:url(/users/hychem2/image/visualDot_on.png) no-repeat;} /*contentsWrap*/ #contents1Wrap{width:1100px;height:310px;margin:30px auto;overflow:hidden;} #contents1Wrap h2{font-family:'NanumSquare', sans-serif!important;text-align:center;color:#474747;font-size:18px;font-weight:700;line-height:130%;} #contents1Wrap h2 > span{color:inherit;font-size:13px;font-weight:400;font-family:"Noto Sans KR", sans-serif;} #contents1Wrap div > a{display:block;width:68px;height:12px;background:url(../image/more.png) no-repeat center;text-indent:-999999999999px;margin:7px auto 25px auto;overflow:hidden;} #contents1Wrap div > a:hover{background:url(../image/moreon.png) no-repeat;} /*about*/ #contents1Wrap .about{width:230px;height:220px;padding:40px;background:url(../image/aboutbg.png) no-repeat;float:left;} #contents1Wrap .about > p{font-size:14px;color:#555454;line-height:160%;} #contents1Wrap .about > p > span{font-weight:bold;} /*notice*/ #contents1Wrap .notice{width:338px;height:218px;padding:39px;border:1px solid #e6e6e6;float:left;margin:0 30px;} .m_gallery table tr td{float:left;margin-right:7px;} /*논문, 특허*/ /*#contents1Wrap .dlWrap{width:310px;height:300px;float:left;overflow:hidden;} #contents1Wrap .dlWrap > dl > dt{font-size:20px;color:#0a64b2;font-family:'NanumSquare', sans-serif!important;padding:40px 0 0 0;text-align:center;font-weight:700;} #contents1Wrap .dlWrap > dl > dt > span{font-size:14px;color:#548bc6;font-weight:600;font-family:"Verdana";} #contents1Wrap .dlWrap > dl > dd > a{display:inline-block;width:75px;height:47px;text-indent:-99999999999999px;background:url(../image/more2.png) no-repeat;margin:25px 0 0 175px;} #contents1Wrap .dlWrap > dl > dd > a:hover{background:url(../image/more2on.png) no-repeat;} #contents1Wrap .dlWrap > dl.paper{width:310px;height:150px;background:url(../image/paperbg.png) no-repeat;float:left;} #contents1Wrap .dlWrap > dl.patent{width:310px;height:150px;background:url(../image/patentbg.png) no-repeat;float:left;}*/ #contents1Wrap .dlWrap{width:230px;height:220px;padding:40px;float:left;background:url(../image/dlwrapbg.png) no-repeat;} #contents1Wrap .dlWrap h2{font-family:'NanumSquare', sans-serif!important;text-align:center;color:#0d63b4;font-size:18px;font-weight:700;line-height:130%;} #contents1Wrap .dlWrap > a{display:block;width:68px;height:12px;background:url(../image/more.png) no-repeat center;text-indent:-999999999999px;margin:7px auto 25px auto;} #contents1Wrap .dlWrap > a:hover{background:url(../image/moreon.png) no-repeat;} /*contentsWrap2*/ #contents2Wrap{width:100%;min-width:1100px;height:170px;background:url(../image/contents2bg.png) no-repeat center;} #contents2Wrap .contents2{width:1100px;height:170px;margin:0 auto;} #contents2Wrap .contents2 > ul.quickmenu{width:550px;height:170px;float:left;overflow:hidden;} #contents2Wrap .contents2 > ul.quickmenu > h2{color:#474747;font-size:20px;font-weight:800;font-family:"Noto Sans KR", sans-serif!important;display:inline-block;line-height:170px;float:left;margin:0 35px 0 0;} #contents2Wrap .contents2 > ul.quickmenu > li{float:left;} #contents2Wrap .contents2 > ul.quickmenu > li > a{width:96px;display:inline-block;margin:25px 0 0 0;padding:105px 0 0 0;text-align:center;font-size:16px;color:#787878;font-family:"Noto Sans KR", sans-serif!important;font-weight:500;} #contents2Wrap .contents2 > ul.quickmenu > li > a:hover{color:#474747;} #contents2Wrap .contents2 > ul.quickmenu > li.quick1 > a{background:url(../image/quick1.png) no-repeat;} #contents2Wrap .contents2 > ul.quickmenu > li.quick2 > a{background:url(../image/quick2.png) no-repeat;margin:25px 25px 0 25px;} #contents2Wrap .contents2 > ul.quickmenu > li.quick3 > a{background:url(../image/quick3.png) no-repeat;} #contents2Wrap .contents2 > ul.quickmenu > li.quick1 > a:hover{background:url(../image/quick1on.png) no-repeat;} #contents2Wrap .contents2 > ul.quickmenu > li.quick2 > a:hover{background:url(../image/quick2on.png) no-repeat;} #contents2Wrap .contents2 > ul.quickmenu > li.quick3 > a:hover{background:url(../image/quick3on.png) no-repeat;} /*갤러리*/ #contents2Wrap .contents2 .gallery{width:550px;height:116px;padding:27px 0;overflow:hidden;} #contents2Wrap .contents2 .gallery .gallery_title{height:100%;overflow:hidden;float:left;} #contents2Wrap .contents2 .gallery .gallery_title > h2{display:inline-block;font-size:20px;font-weight:700;color:#474747;margin:40px 0 0 40px;} #contents2Wrap .contents2 .gallery .gallery_title > a{display:block;width:68px;height:12px;background:url(../image/more.png) no-repeat center;text-indent:-999999999999px;margin:0 0 0 40px;overflow:hidden;} #contents2Wrap .contents2 .gallery .gallery_title > a:hover{background:url(../image/moreon.png) no-repeat;} /*footer*/ .footer{width:1100px;margin:0 auto;overflow:hidden;padding:50px 0;} .footer > img{display:inline-block;float:left;margin:0 30px 0 200px;vertical-align:middle;} .footer > p{float:left;font-size:13px;color:#8a8a8a;line-height:160%;font-weight:300;} /*서브페이지 공통*/ #subContentsWrap{width:100%;min-width:1100px;min-height:500px;padding-bottom:30px;background:#f5f5f5 url(../image/subvisual.png) no-repeat center top;border-bottom:1px solid #e7e7e7;overflow:hidden;} #subContentsWrap .submenu1{width:1100px;height:60px;background:url(../image/submenu1.png) no-repeat;margin:0 auto;position:relative;top:205px;} #subContentsWrap .submenu1 > li{float:left;} #subContentsWrap .submenu1 > li > a{width:275px;line-height:60px;text-align:center;display:inline-block;font-size:17px;color:#7c7c7c;} #subContentsWrap .submenu1 > li > a:hover{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu1 > li > a.current{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu4{width:1100px;height:60px;background:url(../image/submenu4.png) no-repeat;margin:0 auto;position:relative;top:205px;} #subContentsWrap .submenu4 > li{float:left;} #subContentsWrap .submenu4 > li > a{width:366px;line-height:60px;text-align:center;display:inline-block;font-size:17px;color:#7c7c7c;} #subContentsWrap .submenu4 > li > a:hover{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu4 > li > a.current{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu4_new{width:1100px;height:60px;background:url(../image/submenu4_new.png) no-repeat;margin:0 auto;position:relative;top:205px;} #subContentsWrap .submenu4_new > li{float:left;} #subContentsWrap .submenu4_new > li > a{width:550px;line-height:60px;text-align:center;display:inline-block;font-size:17px;color:#7c7c7c;} #subContentsWrap .submenu4_new > li > a:hover{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu4_new > li > a.current{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu5{width:1100px;height:60px;background:url(../image/submenu5.png) no-repeat;margin:0 auto;position:relative;top:205px;} #subContentsWrap .submenu5 > li{float:left;} #subContentsWrap .submenu5 > li > a{width:220px;line-height:60px;text-align:center;display:inline-block;font-size:17px;color:#7c7c7c;} #subContentsWrap .submenu5 > li > a:hover{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu5 > li > a.current{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu_new{width:1100px;height:60px;background:url(../image/submenu_new.png) no-repeat;margin:0 auto;position:relative;top:205px;} #subContentsWrap .submenu_new > li{float:left;} #subContentsWrap .submenu_new > li > a{width:1100px;line-height:60px;text-align:center;display:inline-block;font-size:17px;color:#7c7c7c;} #subContentsWrap .submenu_new > li > a:hover{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap .submenu_new > li > a.current{color:#0a64b2;border-top:3px solid #0a64b2;height:60px;line-height:53px;} #subContentsWrap > h2{font-size:30px;color:#474747;margin:245px 0 50px 0;text-align:center;font-weight:600;} #subContentsWrap .subContents{width:1018px;min-height:250px;padding:0 40px 80px 40px;;border:1px solid #e7e7e7;margin:0 auto;background:white;overflow:hidden;} #subContentsWrap .subContents .sublocation{height:49px;line-height:50px;text-align:center;border-bottom:1px solid #e7e7e7;font-size:15px;color:#8f8e8e;margin-bottom:50px;} #subContentsWrap .subContents .sublocation > img{margin:0 10px;} /*sub01_1*/ #subContentsWrap .subContents .sub01_1div{width:100%;height:350px;background:url(../image/sub01_1img1.png) no-repeat right;margin:40px 0 0 0;} #subContentsWrap .subContents .sub01_1div > p{margin-right:510px;line-height:170%;} #subContentsWrap .subContents .sub01_1div > h3{color:#0a64b2;font-size:16px;margin:0 0 15px 0;} #subContentsWrap .subContents p{line-height:170%;} #subContentsWrap .subContents p.subp{margin:0 0 30px 0;} #subContentsWrap .subContents h3{color:#0a64b2;font-size:16px;margin:0 0 15px 0;} /*sub01_3*/ #subContentsWrap .subContents h2.sub01_3h2{font-size:25px;text-align:center;color:#176db6;font-weight:300;margin:0 0 50px 0;} #subContentsWrap .subContents h2.sub01_3h2 > span{color:#2d2d2d;} #subContentsWrap .subContents h2.sub01_3h2_2{font-size:25px;text-align:center;color:#28ab8e;font-weight:300;margin:30px 0 50px 0;} #subContentsWrap .subContents h2.sub01_3h2_2 > span{color:#2d2d2d;} #subContentsWrap .subContents h2.sub01_3h2_3{font-size:25px;text-align:center;color:#f55f89;font-weight:300;margin:30px 0 50px 0;} #subContentsWrap .subContents h2.sub01_3h2_3 > span{color:#2d2d2d;} #subContentsWrap .subContents dl.prof{width:490px;margin:0 38px 50px 0;overflow:hidden;float:left;} #subContentsWrap .subContents dl.mrrn{margin-right:0;} #subContentsWrap .subContents dl.prof > dt{float:left;} #subContentsWrap .subContents dl.prof > dd{width:315px;float:left;margin-left:25px;} #subContentsWrap .subContents dl.prof > dd.name{font-size:20px;color:#3e3e3e;font-weight:500;} #subContentsWrap .subContents dl.prof > dd.name > span{font-size:15px;color:inherit;font-weight:300;} #subContentsWrap .subContents dl.prof > dd.name > img{float:right;margin:6px 20px 0 0;} #subContentsWrap .subContents dl.prof > dd > ul{margin:15px 0 0 0;} #subContentsWrap .subContents dl.prof > dd > ul > li{font-size:15px;margin:0 0 10px 0;color:#8a8a8a;} #subContentsWrap .subContents dl.prof > dd > ul > li > span{display:inline-block;width:100px;color:#575757;background:url(/users/cnos/image/dot.png) no-repeat left;padding-left:15px;} #subContentsWrap .subContents dl.prof > dd > ul > li a{color:inherit;} #subContentsWrap .subContents dl.prof > dd > ul > li a:hover{color:#575757;} .font1{color:#606060;font-size:20px;text-align:center;line-height:160%;font-weight:400;letter-spacing:0.3px;} .sub02h3{font-size:20px!important;text-align:center;font-weight:500;color:#515151!important;} /************ 솔루션 일반게시판 스타일변경 2017.01.05 ***************/ .tabletexthead {width:100%; padding:12px 0px; display:block; color:#333; font-weight:400; background:#f7f7f7;} .tabletextlist > b, .tabletextlist2 > b {padding:12px 0px; display:inline-block; font-weight:400; color:#333;} .text {padding:12px 0px; display:inline-block;} .textplain center{float:left;} .selectbox {width:140px; height:30px; padding:3px; border:1px solid #ccc;} .textbox {width:230px; border:1px solid #ccc; padding:3px; margin-right:3px;} .board_table_basic {border-collapse:collapse; border-top:2px solid #999;} .board_table_basic td {border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede;} .board_table_subject {padding:0 12px;} .board_readTitle_th {background:#f7f7f7;} .board_readTitle_td {width:35%; text-align:left; padding-left:12px;} .board_file_basic {padding:12px;} .board_dotLine {display:none;} .board_list_btn {padding-bottom:20px;} #DivContents {padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:10px;} #DivContents img{width:auto!important;max-width:1018px;height:auto!important;} /************ 솔루션 논문게시판 스타일변경 2017.01.05 ***************/ .wht {border-top:2px solid #999; border-collapse:collapse;} .wht td {border-right:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede;} .wh {padding:12px 0px; color:#333; font-weight:400; background:#f7f7f7;} .treat0, .treat1, .treat2, .treat3, .treat4 {padding:12px 10px;} .treat2 > img{width:80px!important;float:left!important;margin-right:15px!important;} .treat2 > p > img{width:80px!important;float:left!important;margin-right:15px!important;} .treat1 {word-break:keep-all;} .writer_link > a {text-decoration:none; cursor:text;} /************ 솔루션 갤러리 스타일변경 2017.01.05 ***************/ .table_sub05_4 table {border:1px solid #d3d3d3; border-collapse:collapse; margin-bottom:15px;} /*.table_com02 갤러리 고유넘버로 바꿔줌*/ .table_sub05_4 table td {border:1px solid #fff; padding:0 10px;} .table_sub05_4 table td table td {border:0;} .table_sub05_4 .input_type {width:100%; height:100%;} .table_sub05_4 table .input_type a img {width:210px; height:145px; margin-top:10px;} /*이미지 사이즈 적당히 수정*/ .list_date {margin-bottom:20px; display:inline-block; font-size:13px; color:#777;} /*mtop*/ #mTop {width:50px; height:50px; /*z-index:99999;*/ bottom:250px; left:50%; margin-left:570px; position:fixed; display:none;}