@import "/sites/style-guide/style/css/style.css"; @import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css"); /*.fng{font-family:'나눔펜', NanumPen, 'fontnp', 'Nanum Pen Script';} ._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;} /*#menu1512_obj175, #multipleContentsDiv_Type-03B_55 > div:nth-child(2) {position:absolute !important; top: 10px !important; left:0 !important; z-index: 99999 !important;} /* 비주얼텍스트 */ /*#visual_text h2 {color: #1d2322; font-family: 'Nanum Pen Script'; font-weight: bold; font-size: 5.00em; text-align: right; padding-right: 10px; line-height: 1.2;} #visual_text h2 em {display: block; font-size: 0.65em; font-family: 'Nanum Pen Script',nanumgothic,"돋움",dotum; font-weight: 800; line-height: 0.8;} #multipleDiv_junghyun_87{z-index:0;} #multipleDiv_Type-03B_59 {padding-top: 30px;} #multipleDiv_junghyun_162 {padding: 30px 0;} .quick-links {overflow: hidden; box-sizing: border-box; height: 100%;} .quick-links .m_title {color: #616161; font-size: 1.5em; margin-bottom: 15px; border-top: 2px solid #333; padding: 15px 0 0; display: inline-block;} .quick-links .m_title span {color: #2060aa;} .quick-links ul {overflow: hidden;} .quick-links ul li {width:33.3%; float:left; text-align:center; display: inline-table; vertical-align: top; position: relative; margin: 10px 0;} .quick-links ul li a {display:block; display: table-cell; vertical-align: middle; height: 90px; color: #000; font-size: 1.04em; font-weight: bold; padding: 0 5px;} .quick-links ul li a:hover {text-decoration:underline;} .quick-links ul li a:before {content:''; display:block; width:67px; height:67px; margin: 0 auto;} .quick-links ul li.item-01 a:before {background:url(./../../images/quick-bg01.png) center center no-repeat; } .quick-links ul li.item-02 a:before {background:url(./../../images/quick-bg02.png) center center no-repeat; } .quick-links ul li.item-03 a:before {background:url(./../../images/quick-bg03.png) center center no-repeat; } .quick-links ul li.item-04 a:before {background:url(./../../images/quick-bg04.png) center center no-repeat; } .quick-links ul li.item-05 a:before {background:url(./../../images/quick-bg05.png) center center no-repeat; } .quick-links ul li.item-06 a:before {background:url(./../../images/quick-bg06.png) center center no-repeat; } .quick-links ul li.item-04 {clear: both;} .wrap-right {} .visual-text-wrap {position:absolute !important; left:50px !important; top:50px !important;} /*메인텍스트*/ #menu20260_obj51 {z-index:1;} #menu20260_obj155 {position:absolute; left:80px; top:80px; z-index:2;} #visual_text h2 {color: #ffdcb9; font-size: 2.4em; font-weight: normal; padding-top: 15px; line-height: 1.4; text-shadow:#000 0px 0px 5px;} #visual_text h2 em {color: #fdeee1; font-size: 1.74em; font-weight: bold; display: block; text-shadow:#000 0px 0px 5px;} #visual_text p {color: #ffdcb9; font-size: 1.5em; margin-top: 10px; font-weight: bold; text-shadow:#000 0px 0px 5px;} .schedule-list {width:100%; box-sizing:border-box; height:315px; float:left; background-color:#0071b2; box-sizing:border-box; padding:20px; color:#fff; overflow:hidden;} .schedule-list .date-area {overflow:hidden; margin-bottom:60px;} .schedule-list .date {font-size:16px; line-height:1; text-align:center; float:left; width:50%; } .schedule-list .date strong {display:block; font-size:40px; font-weight:600;} .schedule-list .title {width:40%; float:right; font-size:16px; line-height:1.2; margin-top:10px;} .schedule-list .title span {display:block;} .schedule-list ul {clear:both; font-size:13px; position:relative; margin-top:30px;} .schedule-list ul:before {content:''; display:block; width:1px; height:350px; border-radius:4px; background-color:#fff; position:absolute; left:3px; top:10px; opacity:0.5;} .schedule-list ul li {position:relative; padding-left:25px; margin-bottom:15px; font-size:0.9em;} .schedule-list ul li:before {content:''; display:block; width:7px; height:7px; border-radius:4px; background-color:#fff; position:absolute; left:0; top:8px;} .schedule-list ul li span {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.1em;} .schedule-list .more {display:block; position:absolute; top:85px; width:60px; height:25px; left:50%; margin-left:-30px; text-indent:-9999px;background:url(/sites/matheng/images/schedule-more.png) center center no-repeat; } .schedule-list .more:before {content:''; display:block; width:300px; height:1px; border-radius:4px; background-color:#fff; position:absolute; left:-300px; top:11px; opacity:0.5;} .schedule-list .more:after {content:''; display:block; width:300px; height:1px; border-radius:4px; background-color:#fff; position:absolute; left:60px; top:11px; opacity:0.5;} .banner-list {width:100%; height:315px; float:right; background-color:#f3f3f3; padding-top:25px} .banner-list ul li {box-sizing:border-box; padding:0px 10px 0px 10px; width:100%; margin-top:0 !important; padding-left:0 !important;} .banner-list ul li.item-01 {background:url(/sites/matheng/images/link-bg01.png) 20px 13px no-repeat !important;} .banner-list ul li.item-02 {background:url(/sites/matheng/images/link-bg02.png) 20px 13px no-repeat !important;} .banner-list ul li.item-03 {background:url(/sites/matheng/images/link-bg03.png) 20px 13px no-repeat !important;} .banner-list ul li.item-04 {background:url(/sites/matheng/images/link-bg04.png) 20px 13px no-repeat !important;} .banner-list ul li a {border-bottom:1px solid #ddd; display:block; padding:5px 0 25px 65px; font-size:13px; font-weight:600; background:url(/sites/matheng/images/link-dot.png) 180px 8px no-repeat;} .banner-list ul li:last-child a {border-bottom:none;} .banner-list ul li {box-sizing:border-box; padding:10px; width:100%;} #multipleDiv_03B_55{z-index:0;} .quick-links {} .quick-links .link-title {font-size:26px; text-align:center;} .quick-links ul li {width:16.63%; float:left; text-align:center; padding-left:0 !important; background:url() no-repeat !important;} .quick-links ul li a {display:inline-block; padding:30px; font-size:15px;} .quick-links ul li a:hover {text-decoration:underline;} .quick-links ul li a:before {content:''; display:block; width:100px; height:100px; border-radius:50px; border:1px solid #cfcdcd; margin-bottom:10px;} .quick-links ul li.item-01 a:before {background:url(/sites/matheng/images/quick-bg01.png) center center #fff no-repeat; } .quick-links ul li.item-02 a:before {background:url(/sites/matheng/images/quick-bg02.png) center center #fff no-repeat; } .quick-links ul li.item-03 a:before {background:url(/sites/matheng/images/quick-bg03.png) center center #fff no-repeat; } .quick-links ul li.item-04 a:before {background:url(/sites/matheng/images/quick-bg04.png) center center #fff no-repeat; } .quick-links ul li.item-05 a:before {background:url(/sites/matheng/images/quick-bg05.png) center center #fff no-repeat; } .quick-links ul li.item-06 a:before {background:url(/sites/matheng/images/quick-bg06.png) center center #fff no-repeat; } .quick-links ul li a:hover:before {background-color:#f4f4f4;} #multipleDiv_matheng_160 {z-index:3;} /*지도맵*/ .map_info{ padding:30px 50px !important; margin:-10px 0 0 0 !important; color:#fff; background:#5380be; height:100px !important; } .map_info li {padding:5px 0 5px 35px !important; margin:5px 0 !important;} .map_info li.address{background:url("/sites/ncrc/images/icon1.gif") no-repeat left center !important;} .map_info li.phone{background:url("/sites/ncrc/images/icon2.gif") no-repeat left center !important; float:left !important;} .map_info li.fax{background:url("/sites/ncrc/images/icon3.gif") no-repeat left center !important; float:left !important; margin:5px 0 5px 30px !important; }