@charset "utf-8";
/* CSS Document */
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
.mt20 {margin-top:20px}
.mr24 {margin-right:24px;}
.mt6 {margin-top:6px;}
.pt15 {padding-top:15px;}
.pt12 {padding-top:12px;}
.pt16 {padding-top:16px;}
.pL3 {padding-left:3px;}
.PL5 {padding-left:5px}
.PL10 {padding-left:10px}
.PL15 {padding-left:15px}
.PL20 {padding-left:20px}
.PL25 {padding-left:25px}
.PL35 {padding-left:35px}
.PL40 {padding-left:40px}
.PL50 {padding-left:50px}
.PL59 {padding-left:59px}
.PL60 {padding-left:60px}
.PL70 {padding-left:70px;}
.PL72 {padding-left:72px}

.PR5 {padding-right:5px}
.PR10 {padding-right:10px}
.PT12 {padding-top:12px;}
.PT15 {padding-top:15px}
.PT17 {padding-top:17px;}
.PB12 {padding-bottom:12px;}

.mr10 {margin-right:10px}

.mbt40 {margin-bottom:40px;}
.pos {position:absolute;}
.ft600 {font-weight:600}

#wrap {width:100%; min-width:1146px; /*padding-top:142px;*/ transition:padding 0.5s;}

#header {position:relative; top:0; left:0; width:100%; background:#fff; height:140px; min-width:1146px; z-index:300; transition:height 0.5s; }

#headerIn {position:relative; width:100%; max-width:1920px; height:140px; margin:0 auto; background:#fff}





/*로고*/
.logo { width: 349px; position: relative; top:40px; margin:0 auto; z-index:900;}
/*.logo img { width:349px; height:66px;}*/
.logo a {display:block; width:349px; height:66px; text-indent:-99999px; background:url(../img/logo.png) no-repeat;}



/*학원생혜택 플래시*/
#flash {
	animation-name: flash;
	animation-duration:5s;
	animation-iteration-count:infinite;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}


/*stretch*/
.stretch
{
    -webkit-animation: stretch 1s;
            animation: stretch 1s;
}
@keyframes stretch
{
    0%, 100%
    {
        transform: scale3d(1, 1, 1);
    }
    30%
    {
        transform: scale3d(1.3, .7, 1);
    }
    40%
    {
        transform: scale3d(.7, 1.3, 1);
    }
    60%
    {
        transform: scale3d(1.2, .8, 1);
    }
    75%
    {
        transform: scale3d(.8, 1.2, 1);
    }
    90%
    {
        transform: scale3d(1.05, .95, 1);
    }
}
@-webkit-keyframes stretch
{
    0%, 100%
    {
        -webkit-transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.3, .7, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.7, 1.3, 1);
    }
    60%
    {
        -webkit-transform: scale3d(1.2, .8, 1);
    }
    75%
    {
        -webkit-transform: scale3d(.8, 1.2, 1);
    }
    90%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
    }
}



/*new 상단 탑*/

.headerN {
	display: flex;
	flex-direction: column;
	position:relative;
	width: 100%;
	border-bottom:1px solid #cacaca;
	
	}


ul{
  /*display: flex;*/
  list-style-type: none;
  align-items: center;
  margin: 0;}


.catetop {
	width: 100%;
	min-width:1200px;
	background:#ebebeb;}


.catetop img {vertical-align:middle;}


.catetop ul {
	width: 1200px;
	padding:0.2rem 0;
	margin:0 auto;}


.catetop li:first-child{margin-right: auto;}
.catetop li a{
  font-size:0.8rem;
  text-decoration: none;}



/*구버전 상단유스터디*/
.top_menu { 
width: 1000px; 
margin: 0 auto; 
height: 50px; 
padding-top:5px;}

.top_btn, .admintop_btn {
	float:left;  
	text-align:right;
	position:absolute; top:80px;}

.top_btn a, .admintop_btn a {
	color:#000; 
	display:block;}
	
.top_btn a:hover, .admintop_btn a:hover {color:#e60f38;}
.top_btn ul li, .admintop_btn ul li {
	display:inline-block; 
	margin: 0 2px; 
	float:left;
	padding:6px 6px}
	
.top_btn img, .admintop_btn img {
	vertical-align:middle; 
	padding-right:5px}

.top_btn {border:1px solid #616161}
.admintop_btn {border:1px solid #f1f1f1}




/*로그인,회원가입,비번찾기*/
.logingWrap {position:absolute; right:36%; bottom:46px; transform:translateX(230px)}
.btnLogin {float:left; border-right:1px solid #cacaca; line-height:12px;}
.btnLogin a, .btnMember a{color:#cacaca; display:block; padding:0 8px;}
.btnMember {float:left;line-height:12px;}
.btnLogin a:hover, .btnMember a:hover, .btnFind a:hover {color:#fff}
.btnFind {float:left; border-left:1px solid #cacaca; line-height:12px; display:block;}
.btnFind a {color:#cacaca; padding-left:8px; display:block;}




/*new 카테고리 메뉴*/
.catego {
	width: 100%;
	background:#fff;}


.catego > ul{
	width: 1200px;
	margin:0 auto;
	padding-top: 4rem;}


.catego li:first-child{margin-right: auto;}
.catego li:not(:first-child) a:hover{/*border-bottom: 2px solid #e60f38;*/}


.catego > ul > li{
	letter-spacing:-0.5px;
	padding-left:3rem;
	font-size:1.4rem;
	font-weight:900;}


.catego > ul > li > a:hover {color: #e60f38; }


.sub01 {
	display: none;
	position:absolute;
	top:51px; background:#fff;
	opacity:0.9;
	width:150px;
	z-index: 999;
	padding:1.5rem 0.8rem 0.4rem 0.8rem;
	border-top:4px solid #d00e33;}


.sub01 > li > a {
	display: block;
	text-align:left;
	color: #000;
	font-size: 1rem;
	font-weight:500;
	height:30px; }


.sub01 > li > a:hover { color: #e60f38; }


.main01 {
	padding-left:0px;
	position: relative;
	padding:15px 0;}


.main01:hover .sub01 { display: block; }



#container {margin-top:42px}



/*new 메인슬라이더*/
.main_slide {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;}

.main_slide #banner-slide { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 420px; }
.main_slide #banner-slide ul li a img { display: block; width: 1920px; height: 420px; }



/*new 중간 sub 슬라이더*/
.middle_section {
	display:flex;
	flex-direction:row;
	position:relative;
	width:1200px;
	padding-top:3rem;
	height:270px;
	margin:0 auto;
	}

.middle_slide {
width:72.5%;
overflow: hidden;
margin-right:2.5rem;
position:relative;}

.middlePrev {position:absolute; top:-215px; left:0px}
.middleNext {position:absolute; top:-215px; right:0px}

.middle_bar{position:relative; float:right; width:290px;}

/*#dday{position:absolute; top:63px; left:45px; font-size:2rem; font-weight:bold; color:#ec0010 !important;}*/
/*#dday{position:absolute; top:55px; left:45px; font-size:2rem; font-weight:bold; color:#ec0010 !important;}*/
#dday{position:absolute; top:55px; left:45px; font-size:2rem; font-weight:bold; color:#ec0010 !important;}
#dday td{width:17px; padding-top:3px;}

.quick_bar{
	width: 1200px;
	padding-top:3rem;
	margin:0 auto;}












/*메인 인덱스 게시판영역*/

.boardWrapp{
	 display:flex;
	 flex-direction: row;
	 position:relative;
	 width: 1200px;
	 padding-top:3rem;
	 height:300px;
	 margin:0 auto; }


.left-notice{
	flex-basis: 50%;
	margin-right:2.5rem;
	position:relative;}

.boardTitt{
	font-size:1.5rem;
	font-weight:600;
	letter-spacing:-0.5px;}


.nTitt img, .sTitt img {margin-right:2px}



.nTitt {
	float:left;
	font-size:0.95rem;
	letter-spacing:-0.5px;
	font-weight:500}


.nTitt a {
	display:block;
	color:#e60f38;}


.sTitt { 
	float:left;
	font-size:0.95rem;
	letter-spacing:-0.5px;}


.sTitt a {
	display:block;
	color:#333;}


.nDatee {
	
	font-size:0.85rem;
	color:#6d6d6d;
	position:absolute;
	right:15px;
	line-height:10%;}


.noticeContt {
	padding:12px 20px;
	border-bottom:1px dotted #ccc;}




/*게시판너비수정*/
.boardLine {padding:3px 20px 10px 22px; border-bottom:1px solid #3d3d3d}
.boardTit {float:left; font-size:18px; font-weight:600; letter-spacing:-0.5px;}

.moreBtn {float:right; font-weight:600; color:#9e9e9e}
.moreBtn a {color:#9e9e9e; display:block;}
.moreBtn img {padding-left:4px}



/*교수진소개페이지 */

.samWrap {position:absolute; width:1050px; height:283px;}
.samWrapIn {width:1000px;  margin:0 auto; position:absolute;overflow:hidden;}
.samWrapIn li:nth-child(4) {padding-right:0}
.samWrapIn .bx-viewport {overflow:visible !important;}



.bigTit {color:#fff; letter-spacing:-1px; font-size:19px; font-weight:500}
.bigTit2 {color:#fff; letter-spacing:-1px; position:absolute; top:25px; right:-89px; font-size:19px; font-weight:500;}
.btnSam {background:#6d6d6d; padding:5px 12px; position:absolute; bottom:292px; right:-170px; border-radius:100px}
.btnSam a {color:#fff; display:block;}
.btnSam a:hover {color:#000; font-weight:500}

.samPrevv {position:absolute; top:130px; left:0px;}
.samNextt {position:absolute; top:130px; right:0px;}

#footer {
	border-top:1px solid #e1e1e1; 
	position:relative;
    left:0;
    bottom:0;
    width:100%;
	}
.familyMenu {position:relative; width:1000px; margin:0 auto; padding:20px 0;}
.familyMenu img {width:1000px; height:50px;}

.bottomBg {position:relative; height:140px; background:#ececec;}
.bottomBgIn {width:100%; margin:0 auto; text-align:center;}
.bottomBgIn img {width:1000px; height:123px;}

@media (max-width: 720px) {
    .main_slide {
        width:1920px;
        text-align:center;
    }
}

/*카테고리시작*/
.acad_gnb {box-sizing:border-box; width:100%; height:70px; border-top:1px solid #c7cbcd; border-bottom:1px solid #c7cbcd;}
.acad_gnb .inner {height:100%;}
.gnb_menu {overflow:hidden; width:100%; height:100%;}
.gnb_menu .gnb {box-sizing:border-box; float:left; height:100%; margin:0 10px;}
.gnb_prof, .gnb_lect, .gnb_commu {width:140px;}
.gnb_guide {width:180px;}
.gnb_reference {width:170px;}
.gnb_event {width:120px;}
.gnb_menu .gnb > a {box-sizing:border-box; display:block; height:100%; padding-top:25px; text-align:center; color:#171717; font-size:17px; font-weight:600; }
.gnb_menu li {font-size:14px; font-weight:500; color:#777; line-height:25px;}
.gnb_menu li a:hover {color:#fe1c1c;}
.gnb_menu li:hover .sub011 { display: block; }

/* Layout */
body {
    width:100%; 
    min-width:1010px; 
    background:#fff; 
    font-family:"NotoKR", "Noto Sans kr", "Nanum Gothic", sans-serif; 
    font-size:12px; 
    color:#171717; 
    letter-spacing:-0.3px; 
    word-break:break-all;
}
/*html, body {height:100%;}*/
#wrap {zoom:1; position:relative; -webkit-text-size-adjust:none;}
#header, #contents, #footer {clear:both; position:relative; width:100%; height:100%;} 
.section {width:100%; margin-bottom:40px;	min-width:1400px;}
.inner {position:relative; width:1010px; margin:0 auto;}

/* header */
.han_tit {width:100%; height:100px;}
.han_tit .inner {height:100%; overflow:hidden;}
.han_tit .inner::after {content:""; display:block; clear:both;}
.han_tit .header_bnr {float:left; width:250px; padding-top:24px; overflow:hidden; box-sizing:border-box; height:77px;}
.han_tit .header_logo {float:left; width:510px; text-align:center; padding-top:20px;}
.han_tit .header_user {float:right; width:250px; padding-top:38px;}   

.header_logo h1 {font-size:0;}
.header_logo span {display:inline-block; vertical-align:middle;}
.header_logo .logo_hansogong a {display:inline-block; width:260px; height:60px; background:url(/img/logo03.png) no-repeat center; text-indent:-9999em; vertical-align:middle;}


.gnb_user .user_nav, .gnb_user .user_nav_out {text-align:right; font-size:0;}
.gnb_user .user_nav::after, .gnb_user .user_nav_out::after {content:""; display:block; clear:both;}
.han_tit .gnb_user {overflow:hidden; box-sizing:border-box;}
.gnb_user li {box-sizing:border-box; display:inline-block; padding:10px; color:#6e6f71; font-size:12px; font-weight:bold; letter-spacing:0; background:url(/_static/img/ico/line_row_gray.gif) no-repeat right center;}
.gnb_user li:last-child {padding:0 0 0 9px; background:none;}
.gnb_user .hi_user span {color:#064287;}


/*기존거수정하기 sub01*/
.sub011 {
    display: none;
    position:absolute;
    top:57px; background:#fff;
    opacity:1;
    width:115px;
    z-index: 999;
    padding:20px 20px 10px 20px;
    border:2px solid #fe1c1c;}
/*기존거수정하기*/

.sub011:before {content:''; position:absolute; left:50%; top:-9px; margin-left:-7px; width:14px; height:14px; transform: rotate(45deg); background:#fe1c1c;}
.sub011:after {content:''; position:absolute; left:50%; top:-6px; margin-left:-7px; width:14px; height:14px; transform: rotate(45deg); background:#fff;}




/*크롬 사파리*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.gnb_menu .gnb > a {font-weight:500;}}
/*파이어폭스*/
@-moz-document url-prefix() {.gnb_menu .gnb > a {font-weight:500;}}


/* 메인배너 */
#containerMain{ background:none; 	min-width:1400px;}
#containerMain .wrapper{ width:1010px; margin:0 auto;position:relative;}
#containerMain .main_cont1{ background:url(/img/main/main_cont1_bg.gif) left top repeat-x #f3f3f3; padding:20px 0; margin-bottom:20px; /*margin-bottom:40px;*/}
.main_banner{ /*background:url(/img/main/main_baner_line.gif) right top no-repeat #fff; */position:relative; z-index:0; padding-right:202px;}
.main_banner .cont{border:1px solid #bbb; overflow:hidden; height:339px; position:relative; z-index:1; display:none; background:#fff; }
.main_banner h2{ position:absolute; right:0; top:0; height:84.75px;  line-height:84.75px; width:202px; font-size:13.5px; color:#fff; background:#515151; border:solid #fff; border-width:1px 0; font-weight:bold; cursor:pointer; z-index:2;}
.main_banner h2 > span{display:inline-block; padding-left:15px; height:85px; }
.main_banner .cont1 h2{ top:0px;}
.main_banner .cont2 h2{ top:84.75px;}
.main_banner .cont3 h2{ top:169.5px;}
.main_banner .cont4 h2{ top:254.25px;}
.main_banner .on h2{ background:#cb0000; width:202px; height:84.75px; color:#fff;}
/*.main_banner .on h2{ background:url(/img/main/main_banner_tit_on.png) left top no-repeat; width:222px; height:85px; color:#fff;}*/
/*.main_banner .on h2 > span{ padding-left:38px;}*/
.main_banner .on .cont{display:block;}

/* aside */
.aside {z-index:10; position:absolute; top:0; /* left:50%; margin-left:525px; */width:140px; font-size:13px; letter-spacing:-1px;}
.aside .nav_service {}
.aside .nav_service dt {background:#ffeaea; padding:11px 0 3px 0; border-bottom:1px solid #9598a5; text-align:center; color:#3f4148; font-weight:bold;}
.aside .nav_service dd {background:#fff6f6;}
.aside .nav_service dd a {display:block; margin:0 10px 0 10px; padding:13px 0px 4.5px 0px; border-bottom:1px solid #b8bfc8; color:#676970; background:url('/img/main/ico_go.png') no-repeat right center;}
.aside .nav_service dd:last-child a {border-bottom:none;}
.bnr_wing_right li {position:relative; padding-bottom:10px;}


/*이달의 강좌안내 띠배너*/
.section .article_tit {margin:20px 0 15px 0;  padding-bottom:5px; border-bottom:1px solid #000; color:#000; font-size:16px; font-weight:bold; letter-spacing:-0.5px;}
.bnr_mainM {width:100%;}
.bnr_mainM li {width:100%; margin-bottom:10px;}


/*메인 게시판 노출*/
.boardRoll {display:block; position:relative; float:left; width:443px; height:220px; padding:10px 30px; border:1px solid #dedede;}
.boardRoll img {position:absolute; right:30px;}
.boardRoll ul li::before {content:''; display:inline-block; vertical-align:middle; margin-right:8px; width:4px; height:4px; border-radius:50%; background:#fe1c1c;}
.boardRoll ul li {font-size:13px; font-weight:500; color:#585858; line-height:25px;} /*공지글은 빨강색으로 color:#fe1c1c*/
.boardRoll ul li span {position:absolute; right:0px; font-weight:300 !important; letter-spacing:0.2;}


#teacherSlider li {display:block; float:left; width:100%; border:1px solid #dedede; border-right:none; overflow:hidden;}



/*float*/
.float
{
    -webkit-animation: float 1.6s;
            animation: float 1.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes float
{
    0%, 100%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-30px);
    }
}
@-webkit-keyframes float
{
    0%, 100%
    {
        -webkit-transform: translateY(0);
    }
    50%
    {
        -webkit-transform: translateY(-30px);
    }
}