#mainVisual {height: 471px;margin-top: 121px; position: relative;z-index:0;} #mainVisual .visualList > li {height: 471px; background-repeat: no-repeat;background-position: 50% 0;} #mainVisual .visualList > li.visual01 {background: url("../images/main/visual01.jpg") 50% 0;} #mainVisual .visualList > li.visual02 {background: url("../images/main/visual02.jpg") 50% 0;} #mainVisual .visualList > li.visual03 {background: url("../images/main/visual03.jpg") 50% 0;} #mainVisual .visualList > li.visual06 {background: url("../images/main/visual06.jpg") 50% 0;} #mainVisual .visualList > li.visual09 {background: url("../images/main/visual09.jpg") 50% 0;} #mainVisual .visualList > li.visual10 {background: url("../images/main/visual10.jpg") 50% 0;} #mainVisual .visualList > li.visual11 {background: url("../images/main/visual11.jpg") 50% 0;} #mainVisual .visualList > li.visual12 {background: url("../images/main/visual12.jpg") 50% 0;} #mainVisual .visualList li a {display:block;width:100%;height:100%;} #mainVisual .noRolling {height: 471px; background-repeat: no-repeat;background-position: 50% 0;background: url("../images/main/visual09.jpg") 50% 0;} #mainVisual .noRolling > li.visual07 {background: url("../images/main/visual09.jpg") 50% 0;} #mainVisual .application {width: 300px;height: 400px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow: hidden; position: absolute; left:50%; margin-left: 250px; top:50%;margin-top: -200px; background: #fff;} #mainVisual .application .conBox {height: 170px; background: #1bbc9b; padding:30px 20px ;} #mainVisual .application .conBox h3 {font-size:20px ;text-align: center; color:#fff; padding-top: 12px;} #mainVisual .application .conBox h3 .periodTxtWrap {/* border-bottom: 1px */ dashed #ccc; padding-bottom:15px; margin-bottom: 15px;} #mainVisual .application .conBox h3 span.periodTxt {font-s ize:20px; color:#fff; padding-top:10px;} #mainVisual .application .conBox h3 strong {display: block;font-size: 23px;line-height:1.3;margin:5px 0 10px;} #mainVisual .application .conBox h3 strong .color{color: #e0ffbc;} #mainVisual .application .conBox .period {font-size: 30px; font-family: "nanumEB"; color:#fdf035; text-align: center;letter-spacing: -1px; margin-bottom:15px;} #mainVisual .application .conBox span.periodTxt02 .period {font-size: 36px; font-family: "nanumEB"; color:#fdf035; text-align: center;letter-spacing: -1px; margin-top: 8px; line-height: 1.3;} #mainVisual .application .conBox span.period0 {font-size: 16px; text-align: center;letter-spacing: -1px; margin-bottom: 5px;} #mainVisual .application .conBox ul {background: #138a72; padding: 10px;} #mainVisual .application .conBox ul li {float: left;width: 47%; font-size: 12px; color:#fff;padding-left: 3%;position: relative; line-height: 1.6;} #mainVisual .application .conBox ul li:after {content: "";display: block;width: 3px;height: 3px; background: #fff; position: absolute; left:0; top:50%; margin-top: -2px;} #mainVisual .application .btnApplication {display: block;height:50px ;line-height: 50px; background: #173583 url("../images/main/bgApplication.png") no-repeat 75% 50%; color:#fff;text-align: center;font-size: 20px; font-family: "nanumB"; text-indent: -40px;} #mainVisual .application .applicationList {padding: 30px 0;} #mainVisual .application .applicationList li {width: 33.33%; text-align: center; float: left; position: relative;} #mainVisual .application .applicationList li:after {content: "";display: block;width: 1px; height:50px ; background: #d1d1d1; position: absolute; top:8px;left:0;} #mainVisual .application .applicationList li:first-child:after {display: none;} #mainVisual .application .applicationList li span {display: block;font-size: 13px; position: absolute; top:55px; width: 100%;} /* mainContents */ #mainContents .keyword {height: 70px;background: #ff8e38;} #mainContents .keyword h3 {float: left;position: relative;top:-7px;} #mainContents .keyword .mask {float: left;width: 698px;position: relative;} #mainContents .keyword .mask ul {} #mainContents .keyword .mask ul > li {padding:15px 12px;} #mainContents .keyword .mask ul > li > ol {background: #fff;height: 40px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 635px;} #mainContents .keyword .mask ul > li > ol li {width:33.33% ;line-height: 40px; float: left;font-size:15px ;padding: 0 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;} #mainContents .keyword .mask ul > li > ol li:after {content: "";display: block;width: 1px;height:18px ; background: #dadada; position: absolute; left:0; top:12px;} #mainContents .keyword .mask ul > li > ol li:first-child:after {display: none;} #mainContents .keyword .mask ul > li > ol li .num {display: inline-block;width:24px ;height: 24px; background: #58975d; text-align: center;line-height: 24px; color:#fff; margin-right: 10px;} #mainContents .keyword .mask ul > li > ol li .fa {font-size: 12px;} #mainContents .keyword .mask ul > li > ol li .fa-arrow-down {color:#384aff;} #mainContents .keyword .mask ul > li > ol li .fa-arrow-up {color:#ff4b38;} #mainContents .keyword .mask .btnUp {position: absolute; right:0; top:0; border-left: 1px solid #ffcca5; border-right: 1px solid #ffcca5;} #mainContents .keyword .mask .btnDown {position: absolute; right:0; bottom:0;border-left: 1px solid #ffcca5; border-right: 1px solid #ffcca5; border-top: 1px solid #ffcca5;} #mainContents .keyword .tel {float: left;background: url("../images/main/bgTel.png") no-repeat;width: 235px;height: 70px;} #mainContents .keyword .tel dl {margin-left: 65px;line-height: 1.2;padding: 10px 0;} #mainContents .keyword .tel dl dt {color:#fff;font-size: 14px; font-family: "nanumB";} #mainContents .keyword .tel dl dd {color:#fffc91;font-size: 30px; font-family: "nanumEB";} /* #mainContents .special {height: 303px;background: url("../images/main/bgSpecial.gif") 50% 0;padding: 65px 0;} #mainContents .special li {float: left; position: relative;margin-left: 17px;text-align:center;} #mainContents .special li:first-child {margin-left: 0;} #mainContents .special li a {float: left;display: block;width: 260px;height: 308px; border: 1px solid #d9d9d9;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff; overflow: hidden;} #mainContents .special li a div {padding: 32px 20px 20px;} #mainContents .special li a img {border: 1px solid #d9d9d9;} #mainContents .special li a dt {font-size: 21.5px; font-family: "nanumB";margin: 10px 0; color:#454545;letter-spacing:-1px;} #mainContents .special li a dt strong {color:#ff5500;} #mainContents .special li a dd {font-size: 14px; color:#666;} #mainContents .special li a dd em {background: #fffc91;} #mainContents .special li a .btn {display: block;height: 40px;line-height: 35px; background: #f3f3f3; text-align: center; font-size: 17px; color:#333;top:0; } #mainContents .special li .sticker {display: block;position: absolute;width: 160px;height: 50px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #0055cc; top:-30px;left:50%; margin-left: -80px;text-align: center;line-height: 50px; color:#fff;font-size:30px ; font-family: "nanumEB"; cursor:pointer;} #mainContents .special li .sticker:after {content: "";display: block;width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0055cc; position: absolute; left:50%; margin-left: -10px;margin-top: -8px; } #mainContents .special li.special01 .sticker {background:#ea5e4f;} #mainContents .special li.special01 .sticker:after {border-top: 15px solid #ea5e4f; position: absolute; left:50%; margin-left: -10px;margin-top: -8px; } #mainContents .special li.special01:hover a {border-color: #ea5e4f;} #mainContents .special li.special01:hover .btn {background: #ea5e4f; color:#fff;} #mainContents .special li.special02 .sticker {background:#2397f5;} #mainContents .special li.special02 .sticker:after {border-top: 15px solid #2397f5; position: absolute; left:50%; margin-left: -10px;margin-top: -8px; } #mainContents .special li.special02:hover a {border-color: #2397f5;} #mainContents .special li.special02:hover .btn {background: #2397f5; color:#fff;} #mainContents .special li.special03 .sticker {background:#1bbc9b;} #mainContents .special li.special03 .sticker:after {border-top: 15px solid #1bbc9b; position: absolute; left:50%; margin-left: -10px;margin-top: -8px; } #mainContents .special li.special03:hover a {border-color: #1bbc9b;} #mainContents .special li.special03:hover .btn {background: #1bbc9b; color:#fff;} #mainContents .special li.special04 .sticker {background:#f1c40f;} #mainContents .special li.special04 .sticker:after {border-top: 15px solid #f1c40f; position: absolute; left:50%; margin-left: -10px;margin-top: -8px; } #mainContents .special li.special04:hover a {border-color: #f1c40f;} #mainContents .special li.special04:hover .btn {background: #f1c40f; color:#fff;} #mainContents .special li:hover a {border-color: #0055cc;} #mainContents .special li:hover .btn {background: #0055cc; color:#fff;} */ /* news */ #mainContents .news {padding: 30px 0;position: relative;height: 350px; overflow: hidden;} #mainContents .news .mask {width: 1600px;position: absolute; left:50%; margin-left: -800px;} #mainContents .news h3 {text-transform: uppercase;font-size: 32px; font-family: "nanumB"; color:#1a1a1a; text-align: center;margin-bottom: 20px;} #mainContents .news li a {display: block;border: 1px solid #d9d9d9;width: 258px;height: 250px; position: relative;} #mainContents .news li a .sticker {position: absolute; left:0; top:0;} #mainContents .news li a dl {padding: 20px;letter-spacing:-0.5px;} #mainContents .news li a dl dt {font-size:18px ; color: #333; margin-bottom: 10px;font-family: "nanumB";} #mainContents .news li a dl dd {font-size:14px ; color: #666;} #mainContents .news .btnPrev {position: absolute; left:50px; top:50%; margin-top: -20px;} #mainContents .news .btnNext {position: absolute; right:50px; top:50%; margin-top: -20px;} #mainContents .news .btnMore {position: absolute; top:50px;left: 50%;margin-left: 480px;} /* specialEducation */ #mainContents .specialEducation {background: url("../images/main/bgSpecialEducation.png") 50% 0;} #mainContents .specialEducation a {float: left;} /* major */ #mainContents .major {padding: 30px;background: url("../images/main/bgMajor.jpg") 50% 0;height:624px; } #mainContents .major h3 {text-transform: uppercase;font-size: 32px; font-family: "nanumB"; color:#1a1a1a; text-align: center;margin-bottom: 20px;} #mainContents .major .majorList{border:1px solid #d9d9d9; margin-right:6px;} #mainContents .major .majorList > li {width: 546px;height:273px; float: left;} #mainContents .major .majorList > li a {display: block; position: relative;height: 273px;} #mainContents .major .majorList > li:hover a .cover {display: block !important;} #mainContents .major .majorList > li a .front {width: 213px;height: 193px;padding: 40px 30px; font-size:25px ;text-align: center; color:#262626;} #mainContents .major .majorList > li a .front strong {font-family: "nanumB";} /* 배경이미지 */ #mainContents .major .majorList > li.major01 a {background: url("../images/main/major01.jpg") no-repeat 100% 0;} #mainContents .major .majorList > li.major02 a {background: url("../images/main/major02.jpg") no-repeat 100% 0;} #mainContents .major .majorList > li.major03 a {background: url("../images/main/major03.jpg") no-repeat 0 0;} #mainContents .major .majorList > li.major04 a {background: url("../images/main/major04.jpg") no-repeat 0 0;} /* 링크 배경 컬러 */ #mainContents .major .majorList > li.major01 a .front {background: url("../images/main/iconMajor01.png") no-repeat 50% 60% #fef7f6; position: relative;} #mainContents .major .majorList > li.major02 a .front {background: url("../images/main/iconMajor02.png") no-repeat 50% 60% #f4fafe; position: relative;} #mainContents .major .majorList > li.major03 a .front {background: url("../images/main/iconMajor03.png") no-repeat 50% 60% #f3fcfa; position: relative; float: right;} #mainContents .major .majorList > li.major04 a .front {background: url("../images/main/iconMajor04.png") no-repeat 50% 60% #fefcf3; position: relative; float: right;} /* 화살표 */ #mainContents .major .majorList > li.major01 a .front:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fef7f6;position: absolute; right:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major02 a .front:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #f4fafe;position: absolute; right:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major03 a .front:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #f3fcfa;position: absolute; left:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major04 a .front:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fefcf3;position: absolute; left:-20px; top:50%; margin-top: -10px;} /* cover 공통 */ #mainContents .major .majorList > li a .cover dt {font-size:25px ; text-align: center;margin-bottom: 10px;padding-top:60px;} #mainContents .major .majorList > li a .cover dt strong {font-family: "nanumB";} #mainContents .major .majorList > li a .cover li {font-size: 18px;padding-left: 10px;position: relative;} #mainContents .major .majorList > li a .cover li .small {font-size: 12px;} #mainContents .major .majorList > li a .cover li:after {content: "";display: block;width: 3px;height: 3px; background: #fff; position: absolute; left:0; top:12px;} #mainContents .major .majorList > li a .cover .detail {display: block;width:148px ;height: 28px;border: 1px solid #fff;text-align: center;color:#fff; font-size: 14px;line-height: 28px;position: absolute; left:50%; margin-left: -75px;bottom:90px;} /* cover 개별 */ #mainContents .major .majorList > li.major01 a .cover {background-image:url("../images/main/major_01.png"); position: absolute; width: 213px;height: 193px; left:0; top:0;z-index:2; color:#fff;padding: 40px 30px; display: none;} #mainContents .major .majorList > li.major02 a .cover {background-image:url("../images/main/major_02.png"); position: absolute; width: 213px;height: 193px; left:0; top:0;z-index:2; color:#fff;padding: 40px 30px; display: none;} #mainContents .major .majorList > li.major03 a .cover {background-image:url("../images/main/major_03.png"); position: absolute; width: 213px;height: 193px; right:0; top:0;z-index:2; color:#fff;padding: 40px 30px; display: none;} #mainContents .major .majorList > li.major04 a .cover {background-image:url("../images/main/major_04.png"); position: absolute; width: 213px;height: 193px; right:0; top:0;z-index:2; color:#fff;padding: 40px 30px; display: none;} /* cover 화살표 */ #mainContents .major .majorList > li.major01 a .cover:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #ea5e4f;position: absolute; right:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major02 a .cover:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #2397f5;position: absolute; right:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major03 a .cover:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #1bbc9b;position: absolute; left:-20px; top:50%; margin-top: -10px;} #mainContents .major .majorList > li.major04 a .cover:after {content: "";display: block;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #f1c40f;position: absolute; left:-20px; top:50%; margin-top: -10px;} #mainContents .noticeWrap {padding:30px 0;} #mainContents .noticeWrap .noticeCon {float: left;width: 520px;} #mainContents .noticeWrap .noticeBox {position: relative;} #mainContents .noticeWrap .notice {margin-left: 0;} #mainContents .noticeWrap .noticeBox dt {font-size:22px ; font-family: "nanumB"; border-bottom: 1px solid #000; color:#1a1a1a;line-height: 1;padding-bottom: 15px;margin-bottom: 15px;} #mainContents .noticeWrap .noticeBox dd li {padding: 2px 0; overflow: hidden;} #mainContents .noticeWrap .noticeBox dd li a {display: inline-block;padding-left: 10px;position: relative; font-size: 15px; float: left;} #mainContents .noticeWrap .noticeBox dd li a:hover {text-decoration:underline;} #mainContents .noticeWrap .noticeBox dd li a:after {content: "";display: block;width: 3px;height: 3px; background: #000; position: absolute; left:0; top:10px;} #mainContents .noticeWrap .noticeBox dd li .date { float: right;font-size: 15px; color:#666;} #mainContents .noticeWrap .noticeBox .more {position: absolute; top:10px; right:0px;font-size:15px ; color:#666;} #mainContents .noticeWrap .press {margin-top: 30px;} #mainContents .noticeWrap .press a {display: block;overflow: hidden;} #mainContents .noticeWrap .press a img {float: left;} #mainContents .noticeWrap .press a .desc {float: right;width: 300px;} #mainContents .noticeWrap .press a .desc .title {font-size: 20px;color:#333;line-height: 1.2;} #mainContents .noticeWrap .press a .desc .sub {font-size: 14px; color:#666;margin: 10px 0;} #mainContents .snsBox {width: 540px; float: right;} #mainContents .snsBox .sns {float: left;} #mainContents .snsBox .sns .con {border: 3px solid #395191;} #mainContents .snsBox .blog {margin-left: 20px;} #mainContents .snsBox .blog .con {border: 3px solid #42a437;} #mainContents .partner {margin-bottom: 30px;} #mainContents .partner .auto {padding: 15px 30px;width: 1040px;position: relative;background: #f8f8f8;border: 1px solid #d9d9d9;} #mainContents .partner .mask {width: 960px; float: right;} #mainContents .partner li {} #mainContents .partner a {display: block;} #mainContents .partner a img {vertical-align: middle; } #mainContents .partner .mask a img {border: 1px solid #d9d9d9;} #mainContents .partner .controls {float: left;overflow: hidden;padding-left: 1px;padding: 8px 1px;} #mainContents .partner .controls a {display: block;height: 19px;border: 1px solid #d9d9d9; float: left;margin-left: -1px;} #mainContents .partner .controls a img {vertical-align: top;} .popup170128 {position:absolute;top:121px;le ft:45%;marg in-left:20px; borde r-right: 1px solid #fff;} .popup170128 div {text-align:right;background:#494949;padding:5px 10px;} .popup170128 div a {display:inline-block;color:#fff;font-size:15px;} .popup170128 div a img {padding-top:4px;width:13px;5px;} /* .popup170126 {position:absolute;top:121px;le ft:45%;margin-left:401px;} .popup170126 div {text-align:right;background:#494949;padding:5px 10px;} .popup170126 div a {display:inline-block;color:#fff;font-size:15px;} .popup170126 div a img {padding-top:4px;width:13px;5px;} */ .popup170213 {position:absolute;top:121px;le ft:45%;margin-left:400px;} .popup170213 div {text-align:right;background:#494949;padding:5px 10px;} .popup170213 div a {display:inline-block;color:#fff;font-size:15px;} .popup170213 div a img {padding-top:4px;width:13px;5px;} .popup170221 {position:absolute;top:371px;l eft:72%;margin-left:801px;} .popup170221 div {text-align:right;background:#494949;padding:5px 10px;} .popup170221 div a {display:inline-block;color:#fff;font-size:15px;} .popup170221 div a img {padding-top:4px;width:13px;5px;} .close {display:none;} .popup {display: none;} .popup div {text-align: left;padding: 0;height: 34px;padding: 0 10px;} .popup .btnOneDay {display: inline-block;margin-right: 10px;font-size: 12px; text-align: left;color: #fff;height: 34px;line-height: 34px;} .popup .btnOneDay input {vertical-align: middle;margin-right: 5px;} .popup .btnClose {font-size: 12px;position: absolute; height: 34px;line-height: 34px;right:10px;bottom: 0;} .popup .btnClose img {vertical-align: middle;padding-top: 0;width: 10px;} .mainlayer {display:none;position:absolute;left:0;top:0;} .mainlayer .filterClass { z-index:9997; margin:0 auto; position:fixed; left:0; top:0px; filter:alpha(opacity=77); opacity:0.8 } .mainlayer .layerContents { z-index:9998; position:fixed; top:200px; left:0%; margin-left:00px; font:0/0 Dotum; color:transparent; }