#mainVisual {height:420px; width:100%; margin-top:122px;overflow:hidden; position:relative;*padding-top:122px; z-index:2;} #mainVisual .visualList {width:100%; height:525px; z-index:1; position:relative;} #mainVisual .visualList li {pos ition:absolute; left:100%;width:100%; height:100%; } #mainVisual .visualList li a {display:block;width:100%;height:100%;} #mainVisual .visualList li.visual01 {background:url("../images/main/visual01.jpg") 50% 0 repeat-x; left:0;} #mainVisual .visualList li.visual02 {background:url("../images/main/visual02.jpg") 50% 0 repeat-x; left:0;} /*#mainVisual .visualList li.visual03 {background:url("../images/main/visual01.jpg") 50% 0 repeat-x;} */ #mainVisual .visualBanner {width:1100px; position:relative; margin-top: -515px;} #mainVisual .visualBanner li.Banner01 {width:366px; height:515px; background:url("../images/main/visualBanner01.jpg") no-repeat; position:absolute; z-index:2;} #mainVisual .visualBanner li.Banner02 {width:366px; height:515px; background:url("../images/main/visualBanner02.jpg") no-repeat; position:absolute; z-index:2; left:367px;} #mainVisual .visualBanner li.Banner03 {width:366px; height:515px; background:url("../images/main/visualBanner03.jpg") no-repeat; position:absolute; z-index:2; left:734px;} #mainVisual .visualBanner li p.date {font-size:20px; font-family:"nanumB"; color:#595959; padding:217px 0 0 52px;} #mainVisual .visualBanner .txtWrap {margin:40px 0 0 40px; font-size:16px; color:#333; line-height:1.7;} #mainVisual .visualBanner .txtWrap p {margin-bottom:8px;} #mainVisual .visualBanner .tit {font-family:"nanumB";} #mainVisual .visualBanner .pro {margin-left:74px;} #mainVisual .visualBanner .visualbtnWrap {text-align:left; margin:35px 0 0 2px; text-align:center;} #mainVisual .visualBanner .visualbtnWrap a {width:158px; height:41px; line-height:40px; font-size:18px; font-family:"nanumB"; color:#fff; background:#f24c49; display:inline-block; border-radius:5px;} #mainVisual .visualBanner .visualbtnWrap a.btn01 {width:158px; height:41px; line-height:40px; font-size:18px; font-family:"nanumB"; color:#fff; background:#996600; display:inline-block; border-radius:5px; margin-right:6px;} #mainVisual .visualBanner .visualbtnWrap a.btn02 {width:158px; height:41px; line-height:40px; font-size:18px; font-family:"nanumB"; color:#fff; background:#441466; display:inline-block; border-radius:5px; margin-right:6px;} #mainVisual .visualBanner .visualbtnWrap a.btn03 {width:158px; height:41px; line-height:40px; font-size:18px; font-family:"nanumB"; color:#fff; background:#173f4d; display:inline-block; border-radius:5px; margin-right:6px;} #mainVisual .btnPrev { position:absolute; left:0; top:170px;} #mainVisual .btnNext { position:absolute; right:0; top:170px;} #mainVisual .btnWrap {position:absolute; bottom:20px; text-align:center; width:100%; z-index:3;} #mainVisual .btnWrap a {width:10px;height:10px; display:inline-block;overflow:hidden; text-indent:-9999px; background:url("../images/main/btnOff.png");} #mainVisual .btnWrap a.on,#mainVisual .btnWrap a:hover {background:url("../images/main/btnOn.png");} /* 네이트온 상담 */ #mainContents .nateonCounsel {width:160px; height:190px; position:absolute; left:50%; margin:166px 0 0 560px; overflow:hidden; background:url("../images/main/nateon_counsel.png") no-repeat;} #mainContents .nateonCounsel a {width:160px;height:190px; text-ind ent:-9999px; display:block; z-index:3;} /* mainQuick */ #mainContents .mainQuick {padding:10px 0; background:#3f4554; bor der-bottom:1px solid #22519c;} #mainContents .mainQuick li {float:left; margin-left:13px;} #mainContents .mainQuick .q01 {background:url("../images/main/bgQuick01.gif");} #mainContents .mainQuick .q02 {background:url("../images/main/bgQuick02.gif");} #mainContents .mainQuick .q03 {background:url("../images/main/bgQuick03.gif");} #mainContents .mainQuick .q04 {background:url("../images/main/bgQuick04.gif");} #mainContents .mainQuick .q01 .title {color:#22519c;} #mainContents .mainQuick .q02 .title {color:#9c2222;} #mainContents .mainQuick .q03 .title {color:#22519c;} #mainContents .mainQuick .q04 .title {color:#9c2222;} #mainContents .mainQuick li:first-child {margin-left:0;} #mainContents .mainQuick li a {width:243px; height:92px;border:1px solid #ccc; position:relative;display:block;padding:20px 10px;} #mainContents .mainQuick li a dt {font-size:14px;color:#2a2829;} #mainContents .mainQuick li a .period {font-size:16px; color:#666; letter-spacing:-1px;} #mainContents .mainQuick li a .more {font-size:12px; color:#333; position:absolute; bottom:20px;} #mainContents .mainQuick li a .title {font-size:24px; font-family:"nanumB";padding:10px 0 5px;} #mainContents .conBox section h2 {font-size:17px; font-family:"nanumB";} #mainContents .noticeAndOnline {width:365px; float:left;} #mainContents .noticeAndOnline section {height:165px;width:325px;padding:20px; font-size:13px;line-height:2; position:relative; border-bottom:1px solid #ccc;} #mainContents .noticeAndOnline section li {overflow:hidden;} #mainContents .noticeAndOnline section li a {float:left;} #mainContents .noticeAndOnline section li .date {float:right;} #mainContents .noticeAndOnline .more {position:absolute; right:20px; top:20px;} #mainContents .noticeAndOnline .online {height:164px;} #mainContents .mainBanner {width:365px;height:410px;background:url("../images/main/mainBanner.jpg") no-repeat;float:left; border:1px solid #ccc; border-top:none;} #mainContents .telAndLocation {width:365px; float:left;} #mainContents .telAndLocation section {height:165px;width:325px;padding:20px; font-size:13px;line-height:1.5; position:relative; border-bottom:1px solid #ccc;} #mainContents .telAndLocation section h2 {font-size:17px; font-family:"nanumB"; } #mainContents .telAndLocation .tel {background:url("../images/main/bgCall.gif") no-repeat 260px 30px;} #mainContents .telAndLocation .tel .num {font-size:35px;color:#0066cb; font-family:"nanumB"; display:block;} #mainContents .telAndLocation .tel .btnWrap {text-align:left; margin-top:25px;} #mainContents .telAndLocation .tel .btnWrap a {width:105px; height:41px; line-height:41px; font-size:15px; font-family:"nanumB"; color:#fff; background:#82ca9c; display:inline-block; border-radius:5px;} #mainContents .telAndLocation .location {background:url("../images/main/bgLocation.gif") no-repeat 260px 30px; height:164px;} #mainContents .telAndLocation .location h2 {margin-bottom:10px;} #mainContents .telAndLocation .location a{display:block;margin-top:20px;width:320px; height:42px; line-height:41px;text-align:center; font-size:18px;font-family:"nanumB";color:#fff;background:#7bbbbf;border-radius:5px;} #mainContents .gallery {padding:35px 20px 20px 0 ; float:left;position:relative;} #mainContents .gallery h2 {margin-bottom:20px;} #mainContents .gallery li{float:left; margin-left:16px;} #mainContents .gallery li:first-child{margin-left:0;} #mainContents .gallery li span{display:block;text-align:center;} #mainContents .gallery li img{display:block;border:1px solid #ccc;} #mainContents .gallery li .title{font-family:"nanumB"; font-size:14px;margin:10px 0 5px;} #mainContents .gallery .more {position:absolute; top:40px; right:20px;} #mainContents .facility {width:328px; height:155px;background:url("../images/main/bgFacility.jpg") 0 0 no-repeat;padding:35px 20px; position:relative; float:right; line-height:1.5;} #mainContents .facility h2 {margin-bottom:15px;} #mainContents .facility .more {position:absolute; right:20px; top:35px;} #mainContents .sponsor {position:relative;border:1px solid #ccc; margin:15px auto 45px;} #mainContents .sponsor .mask{width:1020px; margin:auto; overflow:hidden; position:relative; } #mainContents .sponsor ul {width:10000px;} #mainContents .sponsor ul li {float:left;width:204px;} #mainContents .sponsor ul li a {display:block;text-align:center;;} #mainContents .sponsor .btnPrev {position:absolute; left:0; top:0;} #mainContents .sponsor .btnNext {position:absolute; right:0; top:0;} /* partner */ #mainContents .asideWrap .partner {margin-top:13px;} #mainContents .asideWrap .partner li {margin-top:-1px;border:1px solid #e0e0e0;} #mainContents .asideWrap .partner li:first-child {margin-top:0;} #mainContents .asideWrap .partner li a {display:block;padding:20px 15px;height:35px; position:relative;font-size:15px;font-family:"nanumB"; background-color:#fff;background-repeat:no-repeat;background-position:90% 50%;} #mainContents .asideWrap .partner li a .main {color:#333;display:block;margin-bottom:5px;} #mainContents .asideWrap .partner li a .desc {color:#0066cb;display:block;} #mainContents .asideWrap .partner li.partner01 a {background-image:url("../images/main/bgPartner01.gif");height:34px;} #mainContents .asideWrap .partner li.partner02 a {background-image:url("../images/main/bgPartner02.gif"); background-position:85% 50%;} #mainContents .asideWrap .partner li.partner03 a {background-image:url("../images/main/bgPartner03.gif"); background-position:85% 50%;}