@charset "utf-8"; /* ======================================== Layout ======================================== */ #skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999} #skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px} #skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0} body{font-family:'NanumSquare','Nanum Gothic';font-size:17px;color:#333;letter-spacing:-0.2px;} #wrap{min-width:1320px;position:relative;} .inner{width:1320px;} #header{height:125px;border-bottom:1px solid #e0e0e0;} #header > .inner{height:125px;} #header h1{position:absolute;top:30px;} #header .topLink{display:block;position:absolute;top:15px;right:396px;line-height:38px;overflow:hidden;} #header .topLink li{display:block;position:relative;float:left;padding:0 20px;} #header .topLink li:before{display:block;content:'';position:absolute;left:-1px;top:50%;margin-top:-5px;width:1px;height:10px;background:#a8a8a8;} #header .topLink li a{display:block;font-family:'Nanum Gothic';font-size:15px;} #header .topLink li a:hover{text-decoration:underline;} #header .topLink li.past_home a{margin-top:4px;width:110px;height:28px;line-height:28px;font-size:14px;text-align:center;color:#555;background:#f5f5f5;border:1px solid #ccc;border-radius:50px;box-sizing:border-box;} #header .topLink li.past_home a:hover{text-decoration:none;} /* #header .topLink li.joinInfo{display:none;} */ #header .topSearch{display:block;position:absolute;top:15px;right:162px;padding:4px 50px 4px 10px;height:38px;width:230px;background:#e7e7e7;border-radius:20px;box-sizing:border-box;} #header .topSearch input[type='text']{display:inline-block;width:100%;height:30px;font-family:'Nanum Gothic';font-size:14px;background:#e7e7e7;border:0px none;} #header .topSearch input[type='submit']{display:block;position:absolute;top:4px;right:10px;width:40px;height:30px;text-indent:-9999em;background:url(../images/common/icon_topSearch.png) no-repeat center center;border:0px none;} #header .snsBox{display:block;position:absolute;top:17px;right:0;} #header .snsBox li{float:left;margin-right:6px;} #header .snsBox li:last-child{margin-right:0px;} #gnb{position:absolute;right:0;top:55px;z-index:3;} #gnb ul, #gnb ul li, #gnb ul li a{display:block;letter-spacing:-.5px;} #gnb > ul{padding-right:50px;} #gnb > ul:after{display:block;content:'';clear:both;} #gnb > ul > li{position:relative;float:left;} #gnb > ul > li > a{padding:0 30px;font-size:19px;color:#000;text-align:center;line-height:70px;} #gnb > ul > li > a:hover{color:#dc5733;text-decoration:underline;} #gnb > ul > li > ul{display:none;} #gnb > ul > li.active > a{color:#dc5733;} #gnb > ul > li.item1.active > a{color:#48bdc2;} #gnb > ul > li.item2.active > a{color:#76d049;} #gnb > ul > li.item3.active > a{color:#4aa6dc;} #gnb > ul > li.item4.active > a{color:#f9b734;} #gnb > ul > li.item5.active > a{color:#8c8ede;} #gnb > ul > li.active > ul{display:block;position:absolute;left:50%;margin-left:-93px;padding:0 15px 10px 15px;width:186px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:#e5714d;box-sizing:border-box;} #gnb > ul > li.item1.active > ul{background:#48bdc2;} #gnb > ul > li.item2.active > ul{background:#76d049;} #gnb > ul > li.item3.active > ul{background:#4aa6dc;} #gnb > ul > li.item4.active > ul{background:#f9b734;} #gnb > ul > li.item5.active > ul{background:#8c8ede;} #gnb > ul > li.active > ul:before{display:block;content:"";position:absolute;left:50%;top:-10px;margin-left:-8px;width:16px;height:10px;background:url(../images/common/subMenu_bg.png) 0 0 no-repeat;} #gnb > ul > li > ul > li > a{display:block;position:relative;padding:15px 0;font-family:'Nanum Gothic';font-size:16px;color:#fff;text-align:center;border-top:1px solid #ea8d71;} #gnb > ul > li > ul > li:first-child > a{border-top:0px none !important;} #gnb > ul > li.item1 > ul > li > a{border-top:1px solid #87d3d6;} #gnb > ul > li.item2 > ul > li > a{border-top:1px solid #b4de9f;} #gnb > ul > li.item3 > ul > li > a{border-top:1px solid #84bbdc;} #gnb > ul > li.item4 > ul > li > a{border-top:1px solid #f1d399;} #gnb > ul > li.item5 > ul > li > a{border-top:1px solid #b4a9e3;} #gnb > ul > li > ul > li.hasSub > a:after{display:block;content:"";position:absolute;right:-30px;top:0;width:20px;height:20px;background:url(../images/common/depth2_bg.png) 0 0 no-repeat;} #gnb > ul > li > ul > li.active > a{color:#56991c;text-decoration:underline;} #gnb > ul > li > ul > li.active > a:after{background:url(../images/common/depth2_bg_on.png) 0 0 no-repeat;} #gnb > ul > li > ul > li.active > ul{display:block;} #gnb > ul > li > ul > li > ul{display:none;margin-bottom:15px;} #gnb > ul > li > ul > li > ul > li{margin-top:5px;} #gnb > ul > li > ul > li > ul > li > a{position:relative;padding-left:10px;font-family:'Nanum Gothic';font-size:15px;line-height:18px;} #gnb > ul > li > ul > li > ul > li > a:before{display:block;content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#242931;} #gnb .btn_allNavOpen{display:block;position:absolute;top:0;right:0;width:40px;height:70px;text-indent:-9999em;background:url(../images/common/icon_allNav.png) no-repeat center center;} #allNav{display:none;position:absolute;top:65px;left:0;right:0;z-index:10;} #allNav.active{display:block;} #allNav ul, #allNav ul li, #allNav ul li a{display:block;letter-spacing:-.5px;} #allNav .inner{background:#fff;border-top:2px solid #374578;} #allNav .inner:before{display:block;content:'';position:absolute;top:54px;left:0;right:0;border-top:1px solid #ddd;z-index:0;} #allNav .inner > b{display:none;} #allNav .inner > ul{position:relative;z-index:1;border-left:1px solid #ddd;} #allNav .inner > ul:after{display:block;content:'';clear:both;} #allNav .inner > ul > li{float:left;width:20%;height:1100px;border-right:1px solid #ddd;box-sizing:border-box;} #allNav .inner > ul > li > a{;font-size:19px;font-weight:bold;text-align:center;line-height:54px;color:#333;} #allNav .inner > ul > li > ul{padding:20px 30px;} #allNav .inner > ul > li > ul > li > a{margin-bottom:15px;font-family:'Nanum Gothic';font-size:16px;} #allNav .inner > ul > li > ul > li > a:hover{color:#dc5733;} #allNav .inner > ul > li > ul > li > ul{margin-bottom:20px;padding:10px 10px 10px 20px;background:#f7f7f7;} #allNav .inner > ul > li > ul > li > ul > li{margin:5px 0;} #allNav .inner > ul > li > ul > li > ul > li > a{position:relative;padding-left:10px;font-family:'Nanum Gothic';font-size:14px;line-height:18px;} #allNav .inner > ul > li > ul > li > ul > li > a:hover{text-decoration:underline;color:#dc5733;} #allNav .inner > ul > li > ul > li > ul > li > a:before{display:block;content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#242931;} #allNav .btn_allNavClose{display:block;position:absolute;top:-2px;right:-54px;width:54px;height:56px;text-indent:-9999em;background:#374578 url(../images/common/icon_allNavClose.png) no-repeat center center;z-index:2;} #footer{border-top:1px solid #dbdbdb;background:#fff;} #footer .footerSite{height:44px;border-bottom:1px solid #dbdbdb;} #footer .footerSite .siteWrap{float:left;position:relative;width:25%;} #footer .footerSite .siteWrap .btn_siteOpen{display:block;padding-left:20px;font-family:'Nanum Gothic';font-size:15px;line-height:44px;background:url(../images/common/bg_siteOpen.png) right 40px center no-repeat;} #footer .footerSite .siteWrap .siteList{display:none;position:absolute;bottom:44px;padding:20px;width:100%;max-height:150px;background:#fff;border:1px solid #ddd;overflow-y:auto;box-sizing:border-box;} #footer .footerSite .siteWrap .siteList ul li a{display:block;padding:3px 0;font-family:'Nanum Gothic';font-size:14px;} #footer .footerSite .siteWrap.active .siteList{display:block;} #footer > .inner{padding:40px 0 40px 460px;} #footer > .inner a{font-family:'Nanum Gothic';font-size:15px;color:#555;} #footer > .inner .footerLogo{position:absolute;left:0;top:40px;} #footer > .inner ul{overflow:hidden;} #footer > .inner ul:after{display:block;content:'';clear:both;} #footer > .inner ul li{float:left;position:relative;margin-right:15px;padding-right:15px;} #footer > .inner ul li:after{display:block;content:'';position:absolute;top:50%;left:-15px;margin-top:-6px;height:12px;border-left:1px solid #bbbbbb;} #footer > .inner ul li a b{color:#333;} #footer > .inner p{margin-top:15px;font-family:'Nanum Gothic';font-size:14px;line-height:150%;} #footer > .inner p span{margin:0 15px;} #container{position:relative;min-height:800px;padding-bottom:100px;} #container #containerTop{margin-bottom:10px;padding:30px 0;height:160px;text-align:center;text-indent:270px;background:url(../images/sub/bg_containerTop.png) no-repeat left top;box-sizing:border-box;} #container #containerTop.type1{background:url(../images/sub/bg_containerTop_type1.jpg) no-repeat center top;} #container #containerTop.type2{background:url(../images/sub/bg_containerTop_type2.jpg) no-repeat center top;} #container #containerTop.type3{background:url(../images/sub/bg_containerTop_type3.jpg) no-repeat center top;} #container #containerTop.type4{background:url(../images/sub/bg_containerTop_type4.jpg) no-repeat center top;} #container #containerTop.type11{background:url(../images/sub/bg_containerTop_type5.jpg) no-repeat center top;} #container #containerTop.type7{background:url(../images/sub/bg_containerTop_type7.jpg) no-repeat center top;} #container #containerTop.type8{background:url(../images/sub/bg_containerTop_type8.jpg) no-repeat center top;} #container #containerTop.type99, #container #containerTop.type100{background:url(../images/sub/bg_containerTop_type6.jpg) no-repeat center top;} #container #containerTop h2{position:relative;display:block;margin-bottom:5px;line-height:130%;font-size:28px;color:#000;font-family:"NanumSquare";font-weight:bold;} #container #containerTop.type1 h2{color:#077f84;} #container #containerTop.type2 h2{color:#256207;} #container #containerTop.type3 h2{color:#007aab;} #container #containerTop.type4 h2{color:#cb7700;} #container #containerTop.type8 h2{color:#6b6ca9;} #container #containerTop.type11 h2{color:#5d1ac1;} #container #containerTop.type99 h2, #container #containerTop.type100 h2{color:#c93275;} #container #containerTop span{display:block;font-family:"NanumSquare";line-height:180%;font-size:17px;color:#000;} #container > .inner{position:relative;width:1320px;} #containerNav{position:absolute;top:23px;left:50%;margin-left:-660px;width:240px;z-index:9;} #containerNav .title{position:relative;margin-bottom:7px;padding-top:120px;width:100%;height:180px;box-sizing:border-box;} #containerNav.type1 .title{background:url(../images/sub/bg_containerNav1.png) no-repeat;} #containerNav.type2 .title{background:url(../images/sub/bg_containerNav2.png) no-repeat;} #containerNav.type3 .title{background:url(../images/sub/bg_containerNav3.png) no-repeat;} #containerNav.type4 .title{background:url(../images/sub/bg_containerNav4.png) no-repeat;} #containerNav.type11 .title{background:url(../images/sub/bg_containerNav5.png) no-repeat;} #containerNav.type7 .title{background:url(../images/sub/bg_containerNav7.png) no-repeat;} #containerNav.type8 .title{background:url(../images/sub/bg_containerNav8.png) no-repeat;} #containerNav.type99 .title, #containerNav.type100 .title{background:url(../images/sub/bg_containerNav6.png) no-repeat;} #containerNav .title:after{display:block;content:'';position:absolute;bottom:-16px;left:30px;width:180px;height:33px;background:url(../images/sub/icon_containerNav_bottom.png) no-repeat;} #containerNav .title span{display:block;font-size:25px;font-weight:bold;color:#fff;text-align:center;} #containerNav > ul{padding:10px 20px;border:1px solid #ccc;border-radius:10px;} #containerNav > ul > li{border-bottom:1px dotted #ccc;} #containerNav > ul > li:last-child{border-bottom:0px none;} #containerNav > ul > li > a{display:block;padding:10px 36px 10px 0;font-size:17px;color:#333;line-height:140%;} #containerNav > ul > li.over > a{font-weight:bold;} #containerNav > ul > li.hasNav > a{background:url(../images/sub/icon_containerNav_ar.gif) no-repeat right 11px;} #containerNav.type1 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on1.gif) no-repeat right 11px;} #containerNav.type2 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on2.gif) no-repeat right 11px;} #containerNav.type3 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on3.gif) no-repeat right 11px;} #containerNav.type4 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on4.gif) no-repeat right 11px;} #containerNav.type11 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on11.gif) no-repeat right 11px;} #containerNav.type99 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on99.gif) no-repeat right 11px;} #containerNav.type7 > ul > li.hasNav.over > a{background:url(../images/sub/icon_containerNav_ar_on7.gif) no-repeat right 11px;} #containerNav > ul > li > ul{display:none;margin-bottom:20px;padding:10px 18px;background:#f2f2f2;border-radius:8px;border:1px dashed #ccc;} #containerNav > ul > li.over > ul{display:block;} #containerNav > ul > li > ul > li > a{display:block;padding:5px 0 5px 8px;background:url(../images/sub/icon_containerNav_ar2.png) no-repeat left 11px;font-size:15px;color:#555;font-family:'Nanum Gothic';letter-spacing:-.5px;} #containerNav > ul > li > ul > li.over > a{font-weight:bold;text-decoration:underline;} #containerNav.type1 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on1.png) no-repeat left 11px;} #containerNav.type2 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on2.png) no-repeat left 11px;} #containerNav.type3 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on3.png) no-repeat left 11px;} #containerNav.type4 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on4.png) no-repeat left 11px;} #containerNav.type11 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on5.png) no-repeat left 11px;} #containerNav.type99 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on6.png) no-repeat left 11px;} #containerNav.type7 > ul > li > ul > li.over > a{background:url(../images/sub/icon_containerNav_ar2_on7.png) no-repeat left 11px;} #subContents{margin-left:270px;padding-bottom:30px;} #subContents .contentTop{position:relative;margin-bottom:25px;text-align:right;} #subContents .contentTop:after{display:block;content:"";clear:both;} #subContents .contentTop h3{line-height:130px;font-size:27px;color:#000;text-align:center;} #subContents .contentTop .location{color:#444;} #subContents .contentTop .location img{vertical-align:top;} #subContents .contentTop .location span{position:relative;padding:0 13px;font-family:'Nanum Gothic';font-size:15px;line-height:19px;} #subContents .contentTop .location span:after{position:absolute;display:block;content:"";top:7px;right:-5px;width:5px;height:9px;background:url(../images/common/icon_locationArrow.png) no-repeat left top;} #subContents .contentTop .location span:last-child:after{display:none;} #subContents h4{position:relative;margin-bottom:15px;line-height:140%;font-size:20px;color:#333;font-weight:bold;padding-left:30px;background:url(../images/sub/icon_h4Title.jpg) left center no-repeat;background-size:auto 22px;} #subContents h4.imgTitle{padding-left:0;background:none;} #subContents h5{position:relative;margin:20px 0 10px 0;padding-left:20px;line-height:140%;font-size:18px;font-weight:bold;} #subContents h5:after{display:block;content:'';position:absolute;left:0;top:5px;width:12px;height:12px;border:3px solid #000;box-sizing:border-box;border-radius:6px;} #subContents.cate1 h5:after{border:3px solid #48bdc2;} #subContents.cate2 h5:after{border:3px solid #76d049;} #subContents.cate3 h5:after{border:3px solid #4aa6dc;} #subContents.cate4 h5:after{border:3px solid #f9b734;} #subContents .h4Content{margin-bottom:40px;padding-left:30px;line-height:160%;} #subContents .h4Content.type2{padding-left:0;} #subContents .h5Content{margin-bottom:30px;padding-left:20px;line-height:160%;} #subContents .imgBox{margin-bottom:30px;text-align:center;} #subContents img{max-width:100%;} #quickMenu{position:fixed;top:170px;left:50%;margin-left:745px;width:85px;text-align:center;background:#fff;border:1px solid #ccc;border-radius:20px;} #quickMenu ul li a{display:block;padding:52px 10px 0;height:95px;font-family:'Nanum Gothic';font-size:14px;border-bottom:1px dashed #ccc;box-sizing:border-box;} #quickMenu ul li.item1 a{background:url(../images/common/icon_quick1.png) center top no-repeat;} #quickMenu ul li.item2 a{background:url(../images/common/icon_quick2.png) center top no-repeat;} #quickMenu ul li.item3 a{background:url(../images/common/icon_quick3.png) center top no-repeat;} #quickMenu ul li.item4 a{background:url(../images/common/icon_quick4.png) center top no-repeat;} #quickMenu ul li a:hover{text-decoration:underline;} #quickMenu #btnTop{display:block;margin:12px 0;} /* MAIN */ #container.mainContainer{padding-bottom:0;} #container.mainContainer > .inner{position:relative;margin-top:-100px;} #mainVisual{height:424px;background:#f8f5ed url(../images/main/bg_mainVisual.png) center no-repeat;} #mainVisual .inner{padding:60px 0 0 40px;} #mainQuick{margin-bottom:40px;overflow:hidden;} #mainQuick > ul{display:block;margin:0 -4px;} #mainQuick > ul:after{display:block;content:'';clear:both;} #mainQuick > ul > li{float:left;padding:0 4px;width:12.5%;box-sizing:border-box;} #mainQuick > ul > li > a{display:block;padding-top:136px;height:195px;;font-size:17px;color:#000;font-weight:bold;text-align:center;border-radius:20px;box-sizing:border-box;} #mainQuick > ul > li.item1 > a{background:#ffbcd7 url(../images/main/icon_mainQuick1.png) center 15px no-repeat;} #mainQuick > ul > li.item2 > a{background:#fe8d6f url(../images/main/icon_mainQuick2.png) center 15px no-repeat;} #mainQuick > ul > li.item3 > a{background:#fdc453 url(../images/main/icon_mainQuick3.png) center 15px no-repeat;} #mainQuick > ul > li.item4 > a{background:#e8e670 url(../images/main/icon_mainQuick4.png) center 15px no-repeat;} #mainQuick > ul > li.item5 > a{background:#92da6e url(../images/main/icon_mainQuick5.png) center 15px no-repeat;} #mainQuick > ul > li.item6 > a{background:#a0dde0 url(../images/main/icon_mainQuick6.png) center 15px no-repeat;} #mainQuick > ul > li.item7 > a{background:#a0c1e0 url(../images/main/icon_mainQuick7.png) center 15px no-repeat;} #mainQuick > ul > li.item8 > a{background:#b4a9e3 url(../images/main/icon_mainQuick8.png) center 15px no-repeat;} #mainQuick > ul > li.item9 > a{background:#e8e670 url(../images/main/icon_mainQuick9.png) center 15px no-repeat;} #mainQuick > ul > li > a:hover{text-decoration:underline;} #mainContent{margin-bottom:25px;} #mainContent:after{display:block;content:'';clear:both;} #mainContent > div{float:left;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;} #mainBoard{margin-right:15px;padding:20px;width:420px;height:560px;} #mainBoard .tabContent{position:relative;} #mainBoard .tabBar{border-bottom:1px solid #ddd;} #mainBoard .tabBar:after{display:block;content:'';clear:both;} #mainBoard .tabBar li{float:left;padding:0 10px;} #mainBoard .tabBar li a{display:block;line-height:40px;;font-size:19px;color:#aeaeae;letter-spacing:-0.5px;font-weight:bold;} #mainBoard .tabBar li.active a{color:#000;border-bottom:4px solid #60bbc6;} #mainBoard .tabBar li a:hover{color:#000;} #mainBoard .tabPage ul li{height:40px;} #mainBoard .tabPage ul li a{display:block;position:relative;padding:0 20px;line-height:40px;font-family:'Nanum Gothic';font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #mainBoard .tabPage ul li a:before{display:block;content:'';position:absolute;left:8px;top:50%;margin-top:-2px;width:4px;height:4px;background:#aeaeae;} #mainBoard .tabPage ul li.first{margin-bottom:10px;height:150px;border-bottom:1px solid #ddd;} #mainBoard .tabPage ul li.first a{padding:30px 20px 30px 130px;line-height:160%;background:url(../images/main/icon_mainNotice_first.png) 20px 25px no-repeat;white-space:normal;text-overflow:inherit;overflow:auto;} #mainBoard .tabPage ul li.first a:before{display:none;} #mainBoard .tabPage ul li.first a b{display:-webkit-box;margin-bottom:10px;height: 52px;line-height: 26px;;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-family:'NanumSquare';font-size:20px;color:#333;} #mainBoard .tabPage ul li.first a span{font-family:'Nanum Gothic';font-size:15px;} #mainBoard .tabPage ul li a:hover{text-decoration:underline;} #mainBoard .tabPage ul li.first a:hover{text-decoration:none;} #mainBoard .tabPage ul li.first a:hover b{color:#dc5733;text-decoration:underline;} #mainBoard .btnMore{display:inline-block;position:absolute;top:-5px;right:0;width:40px;height:45px;text-indent:-9999px;background:url(../images/main/icon_mainNoticeMore.png) center no-repeat;} .mainEvent2{position:relative;margin-right:15px;padding:20px;width:440px;height:560px;box-sizing:border-box;} #mainEvent h3{display:block;padding-left:15px;line-height:40px;;font-size:19px;color:#000;letter-spacing:-0.5px;font-weight:bold;} #mainEvent .mainCalendarTop{position:absolute;right:30px;top:20px;} #mainEvent .mainCalendarTop b{display:inline-block;line-height:40px;;font-size:19px;color:#374578;letter-spacing:-.5px;vertical-align:top;} #mainEvent .mainCalendarTop a{display:inline-block;width:40px;height:40px;text-indent:-9999px;vertical-align:top;} #mainEvent .mainCalendarTop .btn_monthPrev{background:url(../images/main/icon_btnMonthPrev.png) center no-repeat;} #mainEvent .mainCalendarTop .btn_monthNext{background:url(../images/main/icon_btnMonthNext.png) center no-repeat;} #mainEvent .mainCalendar{padding:2px 0 8px;} #mainEvent .mainCalendar table{width:100%;} #mainEvent .mainCalendar table th, #mainEvent .mainCalendar table td{font-family:'Nanum Gothic';font-size:15px;color:#505050;text-align:center;} #mainEvent .mainCalendar table th{padding:5px 0 15px;} #mainEvent .mainCalendar table td{position:relative;padding:2px 0 18px;} #mainEvent .mainCalendar table td a{display:block;} #mainEvent .mainCalendar table td b{display:block;position:relative;color:#505050;text-align:center;} #mainEvent .mainCalendar table td .today b{color:#fff;} #mainEvent .mainCalendar table td .today b:after{display:inline-block;content:'';position:absolute;left:50%;top:50%;margin-left:-13px;margin-top:-13px;width:26px;height:26px;background:#f7ae1e;border-radius:50%;z-index:-1;} #mainEvent .mainCalendar table td .markArea{position:absolute;bottom:0;left:0;right:0;text-align:center;} #mainEvent .mainCalendar table td .markArea .mark{display:inline-block;margin:0 1px;width:5px;height:5px;} #mainEvent .mainCalendar table td .markArea .mark.type1{background:#e7561e;} #mainEvent .mainCalendar table td .markArea .mark.type2{background:#3ccc4a;} #mainEvent .mainCalendar table td .markArea .mark.type3{background:#00adb4;} #mainEvent .mainCalendar table td .markArea .mark.type4{background:#3c5ecc;} #mainEvent .mainCalendar table .sun, #mainEvent .mainCalendar table .sun b{color:#f52c38;} #mainEvent .mainCalendar table .sat, #mainEvent .mainCalendar table .sat b{color:#2c92c6;} #mainEvent .mainCalendar table td:hover .eventBox {display:block;} #mainEvent .mainCalendar table td span.arrow {position:absolute;display:block;width:7px;height:4px;top:-3px;left:22px;background:url(/images/main/eventBox_arrow.png) no-repeat left top;z-index:10;} #mainEvent .mainCalendar table td .eventBox {position:absolute;display:none;top:30px;left:0;max-width:300px;text-align:left;z-index:9;display:none;} #mainEvent .mainCalendar table td .eventBox > ul {padding:10px 10px 10px 5px;border:1px solid #727272;background-color:#fff;} #mainEvent .mainCalendar table td .eventBox > ul:after {display:block;content:"";clear:both;} #mainEvent .mainCalendar table td .eventBox > ul > li > a {display:block;width:100%;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #mainEvent .eduListWrap{padding:15px 5px;background:#f9f9f9;border-radius:10px;overflow:hidden;} #mainEvent .eduListWrap .explain{margin-bottom:20px;padding:0 15px;} #mainEvent .eduListWrap .explain .mark{display:inline-block;position:relative;margin-right:20px;padding-left:20px;font-family:'Nanum Gothic';font-size:14px;color:#6f6f6f;} #mainEvent .eduListWrap .explain .mark:before{display:inline-block;content:'';position:absolute;left:0;top:3px;width:10px;height:10px;background:;} #mainEvent .eduListWrap .explain .mark.type1:before{background:#e7561e;} #mainEvent .eduListWrap .explain .mark.type2:before{background:#3ccc4a;} #mainEvent .eduListWrap .explain .mark.type3:before{background:#8872e4;} #mainEvent .eduListWrap .explain .mark.type4:before{background:#3c5ecc;} #mainEvent .eduListWrap #eduList{padding:0 15px;height:140px;overflow-y:auto;} #mainEvent .eduListWrap #eduList li{position:relative;margin-bottom:10px;padding-left:30px;} #mainEvent .eduListWrap #eduList li .mark{display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;font-family:'Nanum Gothic';font-size:14px;color:#fff;text-align:center;} #mainEvent .eduListWrap #eduList li .mark.type1{background:#e7561e;} #mainEvent .eduListWrap #eduList li .mark.type2{background:#3ccc4a;} #mainEvent .eduListWrap #eduList li .mark.type3{background:#8872e4;} #mainEvent .eduListWrap #eduList li .mark.type4{background:#3c5ecc;} #mainEvent .eduListWrap #eduList li .subject{display:block;margin-bottom:5px;font-family:'Nanum Gothic';font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} #mainEvent .eduListWrap #eduList li span{display:block;position:relative;padding-left:10px;font-family:'Nanum Gothic';font-size:13px;color:#888;line-height:160%;letter-spacing:-0.5px;} #mainEvent .eduListWrap #eduList li span:before{display:block;content:'-';position:absolute;left:0;top:0;color:#888;} #mainEvent .eduListWrap #eduList li a:hover .subject{text-decoration:underline;} #mainPopup{padding:20px 15px;width:430px;height:560px;} #mainPopup ul li{height:520px;} #mainPopup ul li img{width:100%;height:100%;} #mainPopup .bx-controls{display:inline-block;position:absolute;bottom:20px;left:0;right:0;text-align:center;} #mainPopup .bx-pager, #mainPopup .bx-pager-item{display:inline-block;} #mainPopup .bx-pager-item a{display:inline-block;margin:0 4px;width:12px;height:12px;text-indent:-9999px;background:#fff;border:1px solid #5c5d5c;border-radius:50%;box-sizing:border-box;vertical-align:middle;} #mainPopup .bx-pager-item a.active{background:#0d69e5;border-color:#0d69e5;} #mainPopup .bx-controls-auto, #mainPopup .bx-controls-auto-item{display:inline-block;} #mainPopup .bx-controls-auto-item a{display:inline-block;margin:0 4px;width:12px;height:12px;text-indent:-9999px;vertical-align:middle;} #mainPopup .bx-controls-auto-item a.active{display:none;} #mainPopup .bx-controls-auto-item .bx-stop{background:url(../images/main/icon_mainPopup_stop.png) center no-repeat;} #mainPopup .bx-controls-auto-item .bx-start{background:url(../images/main/icon_mainPopup_start.png) center no-repeat;} #mainBanner{position:relative;margin-bottom:25px;padding-right:135px;} #mainBanner .bx-wrapper{position:static;} #mainBanner ul li{position:relative;text-align:center;} #mainBanner ul li img{height:54px;} #mainBanner ul li:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-18px;width:1px;height:36px;background:#e0e0e0;} #mainBanner .bx-controls{display:inline-block;position:absolute;right:45px;top:15px;} #mainBanner .bx-controls-direction{display:inline-block;} #mainBanner .bx-controls-direction a{display:inline-block;width:15px;height:15px;text-indent:-9999px;vertical-align:middle;} #mainBanner .bx-controls-direction .bx-prev{margin-right:36px;background:url(../images/main/icon_mainBanner_prev.png) center no-repeat;} #mainBanner .bx-controls-direction .bx-next{background:url(../images/main/icon_mainBanner_next.png) center no-repeat;} #mainBanner .bx-controls-auto{display:inline-block;position:absolute;right:20px;} #mainBanner .bx-controls-auto-item{display:inline-block;} #mainBanner .bx-controls-auto-item a{display:inline-block;margin:0 6px;width:15px;height:15px;text-indent:-9999px;vertical-align:middle;} #mainBanner .bx-controls-auto-item a.active{display:none;} #mainBanner .bx-controls-auto-item .bx-stop{background:url(../images/main/icon_mainBanner_stop.png) center no-repeat;} #mainBanner .bx-controls-auto-item .bx-start{background:url(../images/main/icon_mainBanner_start.png) center no-repeat;} /* 202301 */ .mobileOnly{display:none;} #header .btn_searchOpen, #header .btn_searchClose, #allNav .allNavTop, #allNav .inner > ul > li.mypage{display:none;}