#wrap {background:url(../images/main/main_bg.gif) center repeat-y;} /******************************************* header *******************************************/ #headerWrap {position:relative; background: url(../images/main/header_bg.gif) 0 0 repeat-x; z-index:1010;} #header {position: relative; width: 980px; height: 104px; margin: 0 auto; *zoom:1;} #header:after {content:""; clear:both; display:block; height:0; visibility:none;} #header h1 {position: absolute; top: 18px; left: 0;} #topNavi {float: right; height: 32px; padding: 6px 4px 0 0;} #topNavi ul {float: left;} #topNavi ul li {float: left; font-size: 0; line-height: 0;} #mainMenu {clear: both;position: absolute; top: 40px; left: 347px; } #mainMenu ul li {float: left;} /******************************************* container *******************************************/ #container {clear: both;} #mainContent {position: relative; margin: 0 auto;} /* 비주얼 */ #visual {position:relative; z-index:900;} #visual .visual_wrap {position: relative;} #visual .visual_img>div {height:458px;} #visual .visual_img>div p {text-align:center;} #visual .visual_img>div:first-child {display: block;} #visual .visual_img .img01 {background:#f7f8f9 url(../images/main/visual_bgpattern.png) repeat left top;} #visual .visual_img .img02 {background:#e0eff1;} #visual .slick-dots {position: absolute; left: 50%; bottom: 20px; margin-left:-55px; z-index:1001; *zoom:1;} #visual .slick-dots:after {content:""; clear:both; display:block; height:0; visibility:none;} #visual .slick-dots li {float: left; margin-right: 10px;} #visual .slick-dots li button {border:0; width: 53px; height: 6px; display: block; background:url(../images/main/visual_blt.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0;} #visual .slick-dots li:hover button, #visual .slick-dots li.slick-active button {background: url(../images/main/visual_blt_a.png) 0 0 no-repeat;} /* 퀵메뉴 */ #quick {position:absolute; top:0; right:50%; z-index:1000;} #quick li {width:142px; height:165px;} #quick .quick01 {background:url(../images/main/quick_apply01.png) no-repeat left top; position:absolute; top:100px; right:50%; margin-right:-250px;} #quick .quick01 .tit {position:absolute; top:49px; left:8px;} #quick .quick01 .subTit01 {position:absolute; top:85px; left:50px;} #quick .quick01 .subTit02 {position:absolute; top:85px; left:95px;} #quick .quick02 {background:url(../images/main/quick_apply02.png) no-repeat left top; position:absolute; top:100px; right:50%; margin-right:-400px;} #quick .quick02 .tit {position:absolute; top:49px; left:8px;} #quick .quick02 .more {position:absolute; top:105px; left:89px;} #quick .quick03 {background:url(../images/main/quick_apply03.png) no-repeat left top; position:absolute; top:230px; right:50%; margin-right:-325px;} #quick .quick03 .tit {position:absolute; top:45px; left:30px;} #quick .quick03 .more {position:absolute; top:106px; left:76px;} #quick .quick04 {background:url(../images/main/quick_apply04.png) no-repeat left top; position:absolute; top:230px; right:50%; margin-right:-475px;} #quick .quick04 .tit {position:absolute; top:45px; left:30px;} #quick .quick04 .more {position:absolute; top:106px; left:77px;} /* 첫번째 줄 */ #firstLine { width: 980px; margin:0 auto; padding:35px 0 35px;} #firstLine {*zoom:1;} #firstLine:after {content:""; clear:both; display:block; height:0; visibility:none;} #firstLine .floatLeft {float:left; position:relative; width:300px; height:175px; background:url(../images/main/notice_bar.gif) no-repeat right top; padding-right:20px; padding-left:20px;} #firstLine .floatLeft h3 {text-align:left; position:relative; font-size:1.385em; margin-bottom:15px; padding-top:17px ; padding-left:10px;} #firstLine .floatLeft h3 span {color:#f47628; position:absolute; top:0; left:10px; font-size:0.7em;font-weight:500;} #firstLine .floatLeft .moreBtn {position:absolute; top:18px; right:30px;} #firstLine .floatLeft ul li {background:url(../images/main/notice_Blt.gif) no-repeat left 8px; padding-left:10px; margin:0 10px 0 10px; line-height:28px; height:28px;.height:22px; *zoom:1; position:relative; font-size:0.923em;} #firstLine .floatLeft ul li:after {content:""; clear:both; display:block; height:0; visibility:none;} #firstLine .floatLeft ul li .tit {float:left;display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; color:#6b6b6b; } #firstLine .floatLeft ul li .date {position:absolute; right:0; top:0; color:#b3b3b3;} #firstLine .noticeCt {padding-left:0;} #firstLine .newsletterCt .moreBtn {right:10px;} #firstLine .newsletterCt {padding-right:0;background:none;} /* #firstLine .noticeCt ul li .date {position: absolute; right: 15px; top: 0;} #firstLine .newsCt ul li .date {position: absolute; right: 0; top: 0; padding-right:10px;} #firstLine .newsletterCt {background:none;} #firstLine .newsletterCt ul li {margin-left:20px;} #firstLine .newsletterCt ul li .date {position: absolute; right: 0; top: 0;} */ /* 두번째 줄 */ #secondLine {width:100%; height:368px; border-top:1px solid #d1cfcf; border-bottom:1px solid #d1cfcf; background:url(../images/main/gallery_bgpattern.png) repeat left top;} #secondLine .gallBox {width:980px; margin:0 auto; position:relative;} #secondLine .gallBox h4 {font-size:1.538em; background:url(../images/main/photo_upBar.gif) no-repeat left top; width:165px;padding-top:15px;} #secondLine .gallBox h4 a {color:#616060;} /* #secondLine .gallBox h4:hover a, #secondLine .gallBox .on a {color:#f28f28;} #secondLine .gallBox h4:hover, #secondLine .gallBox .on {background:url(../images/main/photo_upBar_a.gif) no-repeat left top; width:165px;padding-top:15px; } */ #secondLine .gallBox h4.on a {color:#f28f28;} #secondLine .gallBox h4.on {background:url(../images/main/photo_upBar_a.gif) no-repeat left top; width:165px;padding-top:15px; } #secondLine .gallBox01 h4 {position:absolute; top:40px; left:0;} #secondLine .gallBox01 .moreBtn {position:absolute; top:55px; left:150px;} #secondLine .gallBox02 h4 {position:absolute; top:100px; left:0;} #secondLine .gallBox02 .moreBtn {position:absolute; top:115px; left:150px;} /* 바다톡톡 갤러리 추가 kjh 20230803 작업 */ #secondLine .gallBox03 h4 {position:absolute; top:160px; left:0;} #secondLine .gallBox03 .moreBtn {position:absolute; top:175px; left:150px;} #secondLine .gallBox .photoTb {position:absolute;top:40px; left:200px;} #secondLine .gallBox .photoTb ul {*zoom:1;} #secondLine .gallBox .photoTb ul:after {content:""; clear:both; display:block; height:0; visibility:none;} #secondLine .gallBox .photoTb ul li {float:left; text-align:right; width:198px; height:288px; background:#fff; margin-left:90px; position:relative; } #secondLine .gallBox .photoTb ul li:first-child {margin:0;} #secondLine .gallBox .photoTb ul li .photo {height:175px; text-align:center;background:#eee} #secondLine .gallBox .photoTb ul li .photo img {width:198px;border-bottom:1px solid #ccc;} #secondLine .gallBox .photoTb ul li .tit {margin-top:15px; margin-right:10px; font-size:14px;} #secondLine .gallBox .photoTb ul li .tit a { color:#2575ad; font-weight:600;} #secondLine .gallBox .photoTb ul li .txt {display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; margin: 5px 10px 5px 12px; } #secondLine .gallBox .photoTb ul li .date {position:absolute; bottom:20px; right:10px;} /* 세번째 줄 */ #thirdLine {width:980px; margin:0 auto; padding:40px 0; position:relative;} #thirdLine .sciContest {width:510px;height:210px; border:1px solid #ccc; position:relative;} #thirdLine .sciContest .contestTit {width:215px;height:210px;background:#bad151 url(../images/main/sciContest_img.gif) no-repeat 25px bottom; position:relative;} #thirdLine .sciContest .photoList {position:absolute; top:40px; left:230px;} #thirdLine .sciContest .photoList li {float:left; width:122px; padding-right:16px;} #thirdLine .sciContest ul li .photo {border:1px solid #ccc;width:122px ;height:115px;} #thirdLine .sciContest ul li .photo img {width:122px; height:115px;} #thirdLine .sciContest ul li .txt {display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;padding-top:10px; text-align:center;} #thirdLine .sciContest .goBtn {position:absolute; bottom:15px; right:20px;} #thirdLine .sciContest .tit {padding-top:15px; padding-left:10px;} #thirdLine .gscAward {width:215px; height:210px; background:#f28f28 url(../images/main/gscAward_img.gif) no-repeat 25px bottom; position:absolute; top:40px; left:532px;} #thirdLine .gscAward .tit {padding-top:15px; padding-left:35px;} #thirdLine .gscAward .goBtn {position:absolute; bottom:15px; right:20px;} #thirdLine .fridaySci {width:215px; height:210px; background:#6da4e1 url(../images/main/friday_img.gif) no-repeat 25px bottom; position:absolute; top:40px; left:765px;} #thirdLine .fridaySci .tit {padding-top:15px; padding-left:68px;} #thirdLine .fridaySci .goBtn {position:absolute; bottom:15px; right:20px;} /* 배너 */ #banner {background: url(../images/main/banner_bg.gif) repeat-x;} #banner div {position: relative; width: 980px; height: 28px; margin: 0 auto; padding: 11px 0; background: url(../images/main/banner_bar.jpg) no-repeat;} #banner h3 {float: left; padding: 6px 0 0 8px;} #banner p.bannerbtn {float: left; padding: 6px 10px 0 10px;} #banner p.bannerMore {float: left; padding: 6px 0 0 0;} #banner ul {width: 800px; height: 28px; overflow: hidden; line-height: 28px; margin: 0 0 0 165px;} #banner ul li {float: left; width: 184px; height: 28px; padding: 0 0 0 20px; font-size: 0; line-height: 0;} #banner ul li.bannerFirst {padding: 0 0 0 0;} /******************************************* footer *******************************************/ #footerWrap {background: #fff url(../images/main/bottom_bg.gif) 0 0 repeat-x;} #footerWrap.subFooter {padding: 1px 0 0 0; background: #fff url(../images/sub/sub_bottom_bg.gif) 0 0 repeat-x;} #footer {clear: both; position: relative; width: 980px; margin: 0 auto;} #footer ul {padding: 8px 0 7px 0; height: 17px; font-size: 0; line-height: 0;} #footer ul li {float: left;} #footer address {clear: both; padding: 16px 0 16px 8px; font-size: 0.95em; line-height: 14px; color: #9f9d9b;} /* 온라인강연 버튼 MJH 20200921 */ .onlinebtn {position:absolute; /*right:319px;*/ left:50%; margin-left:550px; top:10px; z-index:1000} .onlinebtn .onlinebtn01 {margin-bottom:7px}