@charset "utf-8";
@import url("default.css");
@import url("form.css");
@import url("common.css");
@import url("popup.css");
@import url("jquery_ui.css");

/*  */
#mainContainer {padding-bottom:100px;}

/* 비쥬얼 */
#mainVisual {height:610px; overflow:hidden; position:relative; background:#43474c;}
#mainVisual .visualArea li {min-width:1280px; height:610px;}
#mainVisual .btn {position:absolute; bottom:0; left:0; width:100%; height:154px;  box-sizing:border-box; border:1px solid #aaa; border-left:none; border-right:none;}
#mainVisual .btn li {float:left; width:20%; height:100%; box-sizing:border-box; border-right:1px solid #aaa;}
#mainVisual .btn li.last {border-right:none;}
#mainVisual .btn li a {display:block; height:100%; /* background:url(../images/main/bg_visual_btn.png) repeat 0 0; */background:#2e3238; background:rgba(46,50,56,0.8); transition:all 0.4s;}
#mainVisual .btn li a.active {background:#7ba3a3; background:rgba(123,163,163,0.9);}
#mainVisual .btn li span {display:block; text-align:center; color:#fff;}
#mainVisual .btn li span.img {padding-top:30px;}
#mainVisual .btn li span.tit {font-size:17px; font-weight:500; padding-top:22px;}
#mainVisual .btn li span.txt {padding-top:20px; font-weight:300; font-size:12px; display:table; width:100%; height:36px;}
#mainVisual .btn li span.txt span {display:table-cell; vertical-align:middle;}

/* 제노스 프로그램 */
#genosProgram {background:url(../images/main/bg_progam.png) no-repeat center 145px; height:472px; margin-bottom:70px;}
#genosProgram .inner {width:1200px; margin:0 auto; position:relative;}
#genosProgram h3 {height:145px; box-sizing:border-box; padding-top:80px; color:#323645; font-size:28px; font-weight:500;}
#genosProgram h4 {font-size:19px; font-weight:500; padding:24px 0px 22px 0;}
#genosProgram h4 span {color:#777; font-weight:300; font-size:13px; padding-left:8px;}
#genosProgramRolling {position:relative;}
#genosProgramRolling .inner {overflow:hidden;}
#genosProgramRolling ul {width:100%; overflow:hidden; width:5000px; position:relative;}
#genosProgramRolling ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#genosProgramRolling ul li {float:left; transition:all 0.2s; margin-right:12px;}
#genosProgramRolling ul li a {display:block; box-sizing:border-box; width:190px; height:210px; background:#fff; border:1px solid #000; border:1px solid #e0e0e0; overflow:hidden; position:relative;}
#genosProgramRolling .btnPn span {position:absolute; z-index:100; width:43px; height:210px; display:inline-block; border:none; top:0; text-indent:-9999px; cursor:pointer; outline:0; box-sizing:border-box;}
#genosProgramRolling .btnPrev {background:url(../images/main/btn_pro_prev.png) center center no-repeat; left:-57px;}
#genosProgramRolling .btnPrev:hover {background:url(../images/main/btn_pro_prev_on.png) center center no-repeat;}
#genosProgramRolling .btnNext {background:url(../images/main/btn_pro_next.png) center center no-repeat; right:-57px;}
#genosProgramRolling .btnNext:hover {background:url(../images/main/btn_pro_next_on.png) center center no-repeat;}
#genosProgramRolling.small .btnPn span {width:40px; border:1px solid #ddd; background-color:#fff !important; background-size:24px !important;}
#genosProgramRolling.small .btnPrev {left:-39px;}
#genosProgramRolling.small .btnNext {right:-39px;}
#genosProgramRolling .rollingPaging {display:none;}
#genosProgramRolling .rollingPaging .active {background:red;}
#genosProgramRolling li a {}
#genosProgramRolling li .info {display:block; height:100%; cursor:pointer; box-sizing:border-box; transition:all 0.4s;}
#genosProgramRolling li .info .tit {height:80px; display:table; width:100%; position:relative; font-weight:500; padding:0 40px; box-sizing:border-box; color:#323645;}
#genosProgramRolling li .info .tit .in {display:table-cell; vertical-align:middle; text-align:center;}
#genosProgramRolling li .info .tit:after {content:""; position:absolute; top:50%; margin-top:-1px; left:19px; height:1px; width:22px; background:#323645;}
#genosProgramRolling li .info .tit:before {content:""; position:absolute; top:50%; margin-top:-1px; right:19px; height:1px; width:22px; background:#323645;}
#genosProgramRolling li .info .txt {display:block; font-size:12px; color:#7b7b7b; text-align:center; padding:0 10px; line-height:1.7;}
#genosProgramRolling li .info strong {position:absolute; bottom:26px; left:0; width:100%; text-align:center; color:#323645; font-size:15px;}

#genosProgramRolling li a .mask {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:rgba(126,195,190,0.5); opacity:0; transition:all 0.2s; }
#genosProgramRolling li a .mask:after {content:""; position:absolute; top:50%; left:50%; width:3px; height:60px; margin:-30px 0 0 -2px; background:#fff;}
#genosProgramRolling li a .mask:before {content:""; position:absolute; top:50%; left:50%; width:60px; height:3px; margin:-2px 0 0 -30px; background:#fff;}
#genosProgramRolling li a:hover {border:1px solid #4bb4ac;}

#genosProgramRolling li a:hover .mask {display:block;  opacity:1;}



/* #genosProgramRolling li .list {position:absolute; top:0px; width:100%; height:100%; box-sizing:border-box; border:1px solid #4bb4ac;  background:#7ec3be; background:rgba(126,195,190,0.7); transition:all 0.4s ease; transform:rotate(-180deg); transform-origin:50% 0%;}
.lowMise8 #genosProgramRolling li .list {display:none;}
.lowMise8 #genosProgramRolling li:hover .list {display:block;}
#genosProgramRolling li:hover .list {top:0; transform:rotate(0deg); left:0;}
#genosProgramRolling li:hover .info {transform:perspective(1) scaleZ(1) rotateY(0deg); transition:transform 0.4s ease;transform:perspective(400px) rotateY(25deg); transform-origin:0% 50%;}
#genosProgramRolling li .list .outer {display:table; width:100%; height:100%;}
#genosProgramRolling li .list .in {display:table-cell; vertical-align:middle;}
#genosProgramRolling li .list .in span {display:block; padding:0 10px 0 18px; font-size:13px; line-height:1.7; position:relative; color:#323645;}
#genosProgramRolling li .list .in span:after {content:""; position:absolute; top:9px; left:10px; background:#323645; width:2px; height:2px;} */




/* 입시 상단 */
#genosEntranceExam .btnTab ul {width:1200px; margin:0 auto;height:79px;}
#genosEntranceExam .btnTab ul  li {float:left; width:50%;}
#genosEntranceExam .btnTab ul li  {display:block; height:79px; line-height:145px;  /* padding-left:40px; */ font-size:28px; font-weight:500; color:#323645;}
#genosEntranceExam .btnTab ul li span {font-size:15px; padding-left:10px;}
#genosEntranceExam .btnTab ul li .last {border-right:none; background-position:right 33px; padding-left:40px;}

/* 입시일정 */
.entranceExamsTabArea {width:1200px; margin:0 auto; padding:38px 0 0 0; position:relative;}
.entranceExamsTabArea .box {width:285px; box-sizing:border-box; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; height:180px; float:left;}
.entranceExamsTabArea .box.long {height:380px;}
.entranceExamsTabArea .box.last {margin-right:0;}
.entranceExamsTabArea .list {position:relative; transition:all 0.2s;}
.entranceExamsTabArea .list a {display:block; height:100%; padding:0 25px; color:#333;}
.entranceExamsTabArea .list:hover {transform:scale(1.05) /* rotate(5deg) */;box-shadow:4px 4px 0px rgba(0,0,0,0.2);}
.entranceExamsTabArea .list .div {position:absolute; top:20px; right:25px; min-width:50px; height:24px; line-height:24px; padding:0 10px; box-sizing:border-box; color:#333; border:1px solid #ccc; border-radius:99px; text-align:center;}
.entranceExamsTabArea .list .tit {display:block; padding:65px 0 25px 0; font-size:18px;}
.entranceExamsTabArea .list .day {display:block; font-size:15px; color:#777; position:absolute; bottom:20px; left:25px;}
.entranceExamsTabArea .list .day span {background:#4bb4ac; border-radius:99px; padding:2px 10px; color:#fff; font-size:13px; min-width:48px; position:relative; top:-2px; margin-left:5px;}
.entranceExamsTabArea .list .mask {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:rgba(126,195,190,0.5); display:none;}
.entranceExamsTabArea .list .mask:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:100px; margin:-50px 0 0 -1px; background:#fff;}
.entranceExamsTabArea .list .mask:before {content:""; position:absolute; top:50%; left:50%; width:100px; height:1px; margin:-1px 0 0 -50px; background:#fff;}
.entranceExamsTabArea .listSet h3 {text-align:center; padding:32px 0 0px 0; font-weight:400; box-sizing:border-box; position:relative; height:88px;  font-size:18px; color:#333; border-bottom:1px solid #ddd;}
.entranceExamsTabArea .listSet ul {height:290px; overflow:auto;}
.entranceExamsTabArea .listSet li a {display:block; padding:9px 25px 7px 25px; border-bottom:1px solid #ddd; transition:all 0.2s; position:relative; background:#fff;}
.entranceExamsTabArea .listSet li a:hover {background:#f2f9f8; color:#4bb4ac;}
.entranceExamsTabArea .listSet li a:hover span {color:#4bb4ac;}
.entranceExamsTabArea .listSet li a:after {content:""; position:absolute; top:50%; right:30px; margin-top:-6px; width:8px; height:12px; background:url(../images/common/btn_more_ani_em.png) no-repeat 0 0; opacity:0;
animation:fush 0.8s ease-in-out 0s infinite normal;}
.entranceExamsTabArea .listSet li a:hover:after { opacity:1;}
@keyframes fush {
	0% {right:23px;}
	50% {right:30px;}
	100% {right:23px;}
}
.entranceExamsTabArea .listSet li a .tit {display:block; font-size:14px; color:#555; padding-bottom:4px;}
.entranceExamsTabArea .listSet li a .div {padding-right:10px; margin-right:9px; color:#999; position:relative; font-size:13px;}
.entranceExamsTabArea .listSet li a .div:after {content:""; display:block; position:absolute; top:3px; right:0; width:1px; height:10px; background:#aaa;}
.entranceExamsTabArea .listSet li a .day {color:#999; font-size:13px;}
.entranceExamsTabArea .entranceExamsCalender {}
.entranceExamsCalender {padding:0 1px;}
.entranceExamsCalender .tit {text-align:center; padding:30px 0 10px 0; font-weight:700; box-sizing:border-box; position:relative; height:74px;}
.entranceExamsCalender .tit select {background:none; border:none; color:#333; padding:0; cursor:pointer; font-size:18px;}
.entranceExamsCalender .tit select:hover {color:#4bb4ac;}
.entranceExamsCalender .tit a {display:inline-block; padding:10px; vertical-align:top; position:relative; top:1px;}
.entranceExamsCalender th {font-weight:700; font-size:11px; text-align:center; color:#fff; height:42px; letter-spacing:1px; color:#2c3064;}
.entranceExamsCalender td {text-align:center; font-size:11px; font-weight:300; color:#333; padding:2px;}
.entranceExamsCalender td div {height:35px; line-height:35px; position:relative; cursor:default; border-radius:3px;}
.entranceExamsCalender td:hover div {background:#f2f9f8; color:#539c97;}
.entranceExamsCalender td.sun {color:#e14e4e;}
.entranceExamsCalender td.pass {color:#ccc;}
.entranceExamsCalender td.pass.sun {color:#e8b7b7;}
.entranceExamsCalender td a {position:absolute; top:0; right:0; bottom:0; left:0; transition:all 0.2s; border-radius:3px; background:#4bb4ac; opacity:0.6; color:#fff; font-weight:500;}
.entranceExamsCalender td a:hover {opacity:0.8;}
.entranceExamsCalender td div.active {background:#63728b; color:#fff; font-weight:700; box-shadow:inset 0px 0px 7px rgba(0,0,0,0.5);}
.entranceExamsCalender td div.active a {background:#63728b; color:#fff; opacity:1; box-shadow:inset 0px 0px 7px rgba(0,0,0,0.5);}
.entranceExamsTabArea .newList {position:relative; transition:all 0.2s;}
.entranceExamsTabArea .newList a {display:block; height:100%; padding:0 25px; color:#333; transition:all 0.3s;}
.entranceExamsTabArea .newList:hover {transform:scale(1.05) /* rotate(5deg) */;box-shadow:4px 4px 0px rgba(0,0,0,0.2);}
.entranceExamsTabArea .newList .tit {display:block; padding-top:22px; font-size:18px;}
.entranceExamsTabArea .newList .day {display:block; font-size:14px; color:#777; padding-top:5px;}
.entranceExamsTabArea .newList .txt {display:block; padding-top:15px; font-size:13px; line-height:1.7; font-weight:300;}
.entranceExamsTabArea .newList .mask {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:rgba(126,195,190,0.5); display:none;}
.entranceExamsTabArea .newList .mask:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:100px; margin:-50px 0 0 -1px; background:#fff;}
.entranceExamsTabArea .newList .mask:before {content:""; position:absolute; top:50%; left:50%; width:100px; height:1px; margin:-1px 0 0 -50px; background:#fff;}
.entranceExamsTabArea .btn {text-align:center; padding-top:30px;}
.entranceExamsTabArea .btn a {background:#7ec3be; height:40px; line-height:40px; color:#fff; width:135px; font-weight:500; display:inline-block; transition:all 0.2s;}
.entranceExamsTabArea .btn a:hover {background:#4bb4ac; text-shadow:0px 0px 3px rgba(0,0,0,0.7); box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.entranceExamsChedule {}

/* 230620 게시판 추가 */
#genosBoard {width:1200px; margin:85px auto 0 auto; display:flex; gap:18px}
#genosBoard h3 {font-size:25px; font-weight:600; color:#222;margin-bottom:15px;}
#genosBoard > div {flex:1; overflow:hidden;}
#genosBoard ul {border:1px solid #dedede; border-bottom:none; padding:0 13px; height:289px; overflow:auto;}
#genosBoard ul li a {display:block; height:57px; border-bottom:1px solid #ddd; display:flex; align-items: center; padding:0 10px; font-size:15px; white-space:nowrap;}
#genosBoard ul li a.strong {font-weight:600;}
#genosBoard ul li a .tit {overflow: hidden;  text-overflow:ellipsis; word-break:break-all; padding-right:20px;}
#genosBoard ul li a .day {margin-left:auto; color:#aaa;}
#genosBoard ul li a:hover .tit {color:#7ec3be;}
#genosBoard ul li a:hover .day {color:#7ec3be;}
#genosBoard ul li:nth-child(n + 5):last-child a {border-bottom:none;}

#genosBoard .btnMore a {display:block; border:1px solid #dedede; text-align:center; height:40px; line-height:40px; color:#4bb4ac;}
#genosBoard .btnMore a span {padding-left:24px; background:url(../images/main/btn_tit_notice_more.png) no-repeat 0 0;}
#genosBoard .btnMore a:hover {background:#eee;}


#genosBoard ul li a .day .dday {  background:#4bb4ac; border-radius:99px; padding:2px 10px; color:#fff; font-size:13px; min-width:48px; position:relative; top:-2px; margin-left:5px;}