@charset "utf-8";

.loginHeader{position:relative;z-index:100;}
.loginHeader .header .util{float:right;padding:12px 0 11px;}
.loginHeader .header .util>a+a{margin-left:12px;}
.loginHeader .header .btn_topMypage{position:relative;height:25px;padding:0 0 0 25px;background:url(/img/ico_mypage.png) no-repeat left 3px;color:#ffd931;line-height:25px;}
.loginHeader .header .btn_topMypage span{font-weight:400;}
.btn_topLogout{display:inline-block;margin-left:10px;padding:0 6px;border:1px solid #fff;border-radius:2px;height:24px;line-height:24px;font-size:12px;color:#fff;}
.btn_topLogout:after{content:'';display:inline-block;margin-left:5px;width:11px;height:100%;background:url(/img/util_logout.png) no-repeat center;vertical-align:top;}

.logoutArea{position:relative;overflow:hidden;width:100%;max-width:1125px;margin:0 auto 10px;box-sizing:border-box;padding:60px 80px 100px;background:#fff url(/img/bg_logoutBox.png) no-repeat 50% 0;background-size:cover;
}
.logoutArea::before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:100px;background:url(/img/bg_logoutArea.png) no-repeat 50% bottom;z-index:0;}
.logoutArea .bnr{float:left;width:38%;}
.logoutArea .logMenu{position:relative;float:right;width:58%;z-index:1;}
.logoutArea .logMenu.stu_logMenu{width:calc(50% - 15px);}
.logoutArea .logMenu ul{overflow:hidden;}
.logoutArea .logMenu li{display:table;float:left;width:calc(50% - 4px);margin:0 0 8px 0;background:#667883;}
.logoutArea .logMenu li:nth-child(2n){margin:0 0 8px 8px;}
.logoutArea .logMenu li > a{display:table-cell;height:45px;box-sizing:border-box;padding:0 30px 0 15px;background:url(/img/ico_arrR_white.png) no-repeat right 20px top 50%;color:#fff;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;vertical-align:middle;}
.logoutArea .logMenu li>a.new {background:url(/img/new_ico.png) no-repeat right 5px top 50%;}
.logoutArea .logMenu li > button{display:table-cell;height:45px;box-sizing:border-box;padding:0 30px 0 15px;background:url(/img/ico_arrR_white.png) no-repeat right 20px top 50%;color:#fff;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;vertical-align:middle;width: 100%;text-align: left;}
.logoutArea .logMenu li>button.new {background:url(/img/new_ico.png) no-repeat right 5px top 50%;}
.logoutArea .logMenu li:hover{background:#1b2d3a;}
.logoutArea .logMenu li.point{background:url(/img/bg_part_on.png) repeat;}
.logoutArea .logMenu li.point_grad{background:#ac854e;}
.logoutArea .logMenu li.point_old{background:#7D7017;}
.logoutArea .logMenu li.point_uold{background:#5f3642;}
.logoutArea .logMenu li.point2{background:url(/img/bg_part_blue_on.png) repeat;}
.logoutArea .logMenu li.point:hover{background:#6f0a27;}
.logoutArea .logMenu li.point2:hover{background:#1b2d3a;}
.logoutArea .logMenu li.point_grad:hover{background:#1b2d3a;}
.logoutArea .logMenu li.point_old:hover{background:#1b2d3a;}
.logoutArea .logMenu li.point_uold:hover{background:#1b2d3a;}
.logoutArea .logMenu .tel{display:block;margin-top:5px;color:#272727;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;text-align:right;}
.logoutArea .logMenu .tel > strong{margin-left:5px;color:#b41b46;font-family:"Roboto";font-size:28px;font-weight:400;line-height:29px;}
.logoutArea .logMenu .tel > span{display:block;margin:5px 3px 0 0;color:#666;font-family:"Noto Sans KR";font-size:14px;font-weight:300;line-height:15px;}

.logoutArea .admin_logMenu{width:calc(50% - 15px);float:left;margin-right:15px;}
.logoutArea .admin_logMenu ul{overflow:hidden;}
.logoutArea .admin_logMenu li{display:table;float:left;width:calc(50% - 4px);margin:0 0 8px 0;border:1px solid #1a3142;background:#000042;height:45px;padding:7px 20px 0 11px; }
.logoutArea .admin_logMenu li:nth-child(2n){margin:0 0 8px 8px;}
.logoutArea .admin_logMenu li > a{height:45px;box-sizing:border-box;padding:0 35px 0 20px;background:url(https://sso.sjcu.ac.kr/img/ico_arrR_white.png) no-repeat right 20px top 50%;color:#fff;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;vertical-align:middle;}
.logoutArea .admin_logMenu li>a.new {background:url(https://sso.sjcu.ac.kr/img/new_ico.png) no-repeat right 5px top 50%;}
.logoutArea .admin_logMenu li > button{height:28px;box-sizing:border-box;padding:0 35px 0 20px;background:url(https://sso.sjcu.ac.kr/img/ico_arrR_white.png) no-repeat right 20px top 50%;color:#fff;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;vertical-align:middle;}
.logoutArea .admin_logMenu li>button.new {background:url(https://sso.sjcu.ac.kr/img/new_ico.png) no-repeat right 5px top 50%;}
.logoutArea .admin_logMenu li:hover{background:#324d60;}
.logoutArea .admin_logMenu li:hover a{color:#ffe400;}
.logoutArea .admin_logMenu li:hover button{color:#ffe400;}
.logoutArea .admin_logMenu li.point{background:url(/img/bg/bg_part_admin_on.png) repeat;}
.logoutArea .admin_logMenu li.point:hover{background:#667883;}
.logoutArea .admin_logMenu .tel{display:block;margin-top:5px;color:#272727;font-family:"Noto Sans KR";font-size:16px;font-weight:400;line-height:18px;text-align:right;}
.logoutArea .admin_logMenu .tel > strong{margin-left:5px;color:#b41b46;font-family:"Roboto";font-size:28px;font-weight:400;line-height:29px;}
.logoutArea .admin_logMenu .tel > span{display:block;margin:5px 3px 0 0;color:#666;font-family:"Noto Sans KR";font-size:14px;font-weight:300;line-height:15px;}

@media all and (min-width:1025px) {
  /* 헤더 영역 */
  .loginTitArea{padding:15vh 0 20px 0;}

  /* 로그인 헬프 부모 영역 로그인 이후 페이지에서만 적용 */
  .ssoInfo{justify-content:flex-end;}
}
@media all and (max-width:1024px) {
  .logoutArea{margin:30px 20px;padding:50px 40px 100px;width:calc(100% - 40px);}
  .logoutArea .bnr img{width:100%;}
  .logoutArea .logMenu li > a,
  .logoutArea .admin_logMenu li > a{height:56px;}
  .logoutArea .logMenu li > button{height:56px;}
  .logoutArea .admin_logMenu li {height:55px;}
}
@media all and (max-width:768px) {
  .logoutArea{padding:40px 20px 160px;}
  .logoutArea .bnr{display:none;}
  .logoutArea .logMenu{float:none;width:100%;}
  .logoutArea .logMenu.stu_logMenu, .logoutArea .admin_logMenu{width:100%;float:none;}
  .logoutArea .admin_logMenu li {height: 55px}
}
@media all and (max-width:480px) {
  .logoutArea .logMenu li, .logoutArea .admin_logMenu li{float:none;width:100%;margin-left:0 !important;}
  .logoutArea .logMenu .tel{letter-spacing:-1px;}
}

.bg-crop {
    position: absolute;
    width: 100px; 
    height: 100px;
    overflow: hidden;
    z-index : 999;
    top:30%;
    left:37%;
    animation: target_image 3s linear infinite; 
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
}

@keyframes target_image {
100% { transform: rotate(360deg); }
}

.bg-loding_icon {
      position: absolute; 
      top: 0; 		 
      left: 0;
      width: 100%;
      height: 100%;
}

#pop_new2.typeA h2{
	padding:18px;
	background:#6a7995;
	text-align:center;font-size:24px;font-weight:600;color:#fff;line-height:1.2em;word-break:keep-all;letter-spacing:-2px
}
#pop_new2.typeA h2 img{
	display:block;
	margin:0 auto 10px
}
#pop_new2 h2 span{
	display:block;
	font-weight:normal;font-size:18px
}
#pop_new2.typeB h2{
	position:relative;
	padding-bottom:18px;margin-bottom:15px;
	border-bottom:1px solid #fff;
	font-size:24px;font-weight:600;color:#fff;line-height:1.2em;word-break:keep-all;letter-spacing:-2px
}
#pop_new2.typeB h2 img{position:absolute;right:0}
#pop_new2.typeA>div{position:relative;padding:20px}
#pop_new2.typeB{padding:20px;background:#6a7995}
#pop_new2.typeB.a,
#pop_new2.a h2{background:#323d52}
#pop_new2.typeB.b,
#pop_new2.b h2{background:#b71544}
#pop_new2+.today{
	position:relative;
	box-sizing:border-box;
	height:35px;
	padding:5px 11px 0;
	background:#606e89;
}
#pop_new2+.today label{color:#fff}
#pop_new2+.today button{
	position:absolute;top:0;right:0;
	width:35px;height:35px;
	background:url(/img/btn/close7.png) no-repeat center;
	font-size:0
}
#pop_new2 .btn_c{margin-top:20px}
#pop_new2 .btn_c a,
#pop_new2 .btn_c button{
	position:relative;
	padding:0 55px 0 18px;
	border-radius:0;
	height:40px;line-height:40px;
	text-align:left;font-size:15px;font-weight:Normal
}
#pop_new2 .btn_c a:after,
#pop_new2 .btn_c button:after{
	content:'';
	display:block;width:35px;height:100%;
	position:absolute;top:0;right:0;
	background:#242e42 url(/img/bg/arrow_.png) no-repeat center;
}
#pop_new2 .btn_c a.red:after,
#pop_new2 .btn_c button.red:after{background-color:#9d143c}
#pop_new2 p.txt{font-size:14px;color:#000;line-height:1.3em}
#pop_new2 p.txt+p.txt{margin-top:15px}
#pop_new2 .line_black{border-bottom:1px solid #000; padding-bottom: 18px; margin-bottom: 15px;}
#pop_new2 .line_gray{border-bottom:1px solid #d3d3d3; padding-bottom: 15px; margin-bottom: 15px;}
#pop_new2 .line_gray2{border-bottom:1px solid #848b97; padding-bottom: 15px; margin-bottom: 15px;}
#pop_new2 fieldset p{position:relative;padding-left:40px}
#pop_new2 fieldset p b{
	position:absolute;top:6px;left:0;
	display:block;
	padding-left:6px;
	background:url(/img/bg/blue.png) no-repeat 0 8px;
	color:#000;font-weight:600
}
#pop_new2 fieldset p input.txt{margin-bottom:8px;height:31px;line-height:31px}
#pop_new2 fieldset p.tel{padding-left:70px}
#pop_new2 fieldset p.addr{padding:0}
#pop_new2 fieldset p.addr b{position:relative;top:0;margin-bottom:5px;}
#pop_new2 fieldset p.addr span .txt{width:100px;}
#pop_new2 fieldset p.addr span a{vertical-align:top}
#pop_new2 dl.dot dt{font-weight:600;color:#000}
#pop_new2 dl.dot dd{
	padding-left:6px;margin-top:5px;
	background:url(/img/bg/blue.png) no-repeat 0 8px;
	font-size:13px;
}
#pop_new2 dl.dot+.txt{margin-top:10px;font-size:13px;}
#pop_new2 .ps{
	position:relative;
	padding:10px 10px 10px 20px;margin-top:10px;
	background:#f9f9f9;
	font-size:13px;color:#555
}
#pop_new2 .ps em{
	position:absolute;top:10px;left:10px;
	font-style:normal;font-weight:600
}
#pop_new2 .apply{
	margin-top:20px;padding-top:15px;
	border-top:1px solid #f0f1f4
}
#pop_new2 .apply h3{
	margin-bottom:10px;
	font-size:15px;font-weight:600;color:#b71544
}
#pop_new2 .apply li{
	position:relative;
	padding:5px 70px 8px 8px;
	background:url(/img/bg/blue.png) no-repeat 0 12px;
	color:#000;line-height:1.2em
}
#pop_new2 .apply li .btn_s{
	position:absolute;top:0;right:0;
	height:26px;line-height:24px;
	padding:0 5px
}
#pop_new2 .apply li .btn_s img{margin-right:5px}
#pop_new2 .line_list li{
	position:relative;
	padding-left:70px;
	letter-spacing:-1px
}
#pop_new2 .sub_title{
	margin-top:5px;
}
#pop_new2 .sub_title h3{
	margin-bottom:10px;
	font-size:15px;font-weight:600;color:#b71544
}

#pop_new2 .line_list li+li{margin-top:5px}
#pop_new2 .line_list li b{
	position:absolute;left:0;
	padding-left:13px;
	background:url(/img/bg/line.png) no-repeat 0 8px;
	font-weight:600
}
#pop_new2 .line_list li b.pink{
	background:url(/img/etc/pop_icon7.png) no-repeat 0 8px;
    color:#b71544;    
}
#pop_new2 b.pink2{
	background:url(/img/etc/pop_icon7_b.png) no-repeat 0 8px;
    color:#b71544;
    padding-left: 13px;
    padding-right: 10px;
}
#pop_new2 .list li{
	position:relative;
	padding-left:100px;
}
#pop_new2 .icon_list{margin-top:10px}
#pop_new2 .icon_list li{
	position:relative;
	padding-left:80px;
	letter-spacing:-1px
}
#pop_new2 .icon_list li+li{margin-top:5px}
#pop_new2 .icon_list li b{
	position:absolute;left:0;
	font-weight:600
}
#pop_new2 .built {
    position: relative;
    margin-top: 5px;
    color: #fff;
    display: block;
    background:url(/img/etc/pop_icon8.png) no-repeat 0 8px;
    padding-left:10px
}

#pop_new2 .box_gray h3 {font-weight: 600; color: #b71544;}
#pop_new2 .box_gray {
    padding:10px;
    background: #f9f9f9;
    margin-top: 15px;
}
#pop_new2 .box_gray p {font-size: 12px}
#pop_new2 .box


#pop_new2 .icon_list li b img{margin:2px 5px 0 0;vertical-align:top}
#pop_new2.typeB .line_list li,
#pop_new2.typeB .icon_list li{color:#fff}
#pop_new2.typeB .line_list+.ps{background:#a1133c}
#pop_new2.typeB fieldset b{background-image:url(../img/bg/dot3.png);color:#fff}
#pop_new2.typeB .apply{background:#fff;border:0;padding:15px}
#pop_new2.typeB .apply .btn_s{background:#fff;border-color:#b71544;color:#b71544}
#pop_new2.typeB dl.dot dt,
#pop_new2.typeB dl.dot dd{color:#fff}
#pop_new2.typeB dl.dot dd{background-image:url(../img/bg/dot3.png)}
#pop_new2.typeB p.txt,
#pop_new2.typeB .ps{color:#fff}
#pop_new2.typeB .ps{background:rgba(255,255,255,0.1)}
#pop_new2.typeB .info{
    color:#fff; 
    background:#54617a; 
    padding:10px 10px 10px 20px; 
    margin-top:20px;	
	font-size:13px;
    text-align: center;
}

#pop_new2.typeB .info img{
font-size: 0;
    vertical-align: middle;
    margin: -1px 8px 0 0;
}

#pop_new2 fieldset p input.check{
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -1px 5px 0 5px;
    border: 1px solid transparent;
    background: url(/img/btn/checkbox.png) no-repeat;
    vertical-align: middle;
    z-index: 1;
}

#pop_new2 div p select {
   width:100px !important;
}
/*btns & etc*/
.btn_r{margin-top:30px;text-align:right;font-size:0}
.btn_c{margin-top:30px;text-align:center;font-size:0}
.btn_l{margin-top:30px;font-size:0}
.btn_l+.btn_r{position:absolute;right:0;margin-top:-40px}
.btn_c+.btn_l{position:absolute;left:0;margin-top:-40px}
.btn_r+.tabMenu,
.btn_c+.tabMenu,
.btn_r+.tableWrap,
.btn_r+.caution{margin-top:50px}
.title_circle+.btn_r+.tableWrap{margin-top:0}
.btn_r a, .btn_r button,
.btn_c a, .btn_c button,
.btn_l a, .btn_l button{
	display:inline-block;box-sizing:border-box;min-width:105px;height:40px;line-height:38px;
	padding:0 14px;margin-bottom:5px;
	background:#37445b;border:1px solid #37445b;border-radius:3px;
	text-align:center;color:#fff;font-weight:600;font-size:16px
}
.btn_r a img, .btn_r button img,
.btn_c a img, .btn_c button img,
.btn_l a img, .btn_l button img{margin:-1px 10px 0 0;font-size:0;vertical-align:middle;}
.btn_r a+a, .btn_r a+button, .btn_r button+a, .btn_r button+button,
.btn_c a+a, .btn_c a+button, .btn_c button+a, .btn_c button+button,
.btn_l a+a, .btn_l a+button, .btn_l button+a, .btn_l button+button{margin-left:7px}
.btn_c select{vertical-align:top;height:40px;padding:8px 0 8px 10px;margin-right:15px}
a.red, button.red, span.red{background:#b71544 !important;border-color:#b71544 !important}
a.white, button.white{background:#e8ecf1;border-color:#e8ecf1;color:#555}

a.btn_line, button.btn_line{background:#fff;color:#2b384f;font-size:14px}
.btn_line b{color:#b71544}

.btn_r .btn_s, .btn_l .btn_s, .btn_c .btn_s,
.btn_s{
	position:relative;
	box-sizing:border-box;
	display:inline-block;height:31px;line-height:29px;
	padding:0 13px;
	background:#6a7995;border:1px solid #6a7995;border-radius:3px;
	font-size:13px;color:#fff;text-align:left;vertical-align:middle
}
.btn_s.line{background:#fff;border-color:#b71544;color:#b71544;font-size:14px}
.btn.blue.line,
.btn_s.blue.line{border-color:#606e89;color:#2b384f;background:#fff}
.btn_s.gray{border-color:#e8ecf1;background:#e8ecf1;color:#555}
.btn_s.purple{border-color:#90278e;background:#90278e;}
.btn_s img{font-size:0;vertical-align:middle;margin:-1px 8px 0 0;}
.btn_s input{position:absolute;top:0;right:0;width:200%;height:100%;opacity:0;filter:alpha(opacity=0);}
.btn_s.go img{margin-right:0;margin-left:8px}
/* 181123 수정 시작 */
.btn_s.re {border-color:#50738c;color:#50738c;background:#e8ecf1;}
.btn_s.re:after{
	content:'';
	display:inline-block;width:13px;height:100%;
	margin-left:5px;
	background:url(../img_bvs/btn_icon/re2.png) no-repeat center;
	vertical-align:top
}
/* //181123 수정 끝 */

a.btn_home{
	height:54px;line-height:54px;
	padding:0 20px;
	background:#606e89;border:0;
	font-size:18px;font-weight:Normal
}
a.btn_home img{margin-top:-2px}

.btns_top{
	padding-bottom:20px;
	text-align:right
}
.btns_top select,
.btns_top input.txt{height:30px;line-height:30px;vertical-align:top}
.title_big+.btns_top,
.title_total+.btns_top{position:absolute;right:0;margin-top:-47px}

table td .btn_s.line{height:26px;line-height:24px;padding:0 8px;font-size:13px}

.btn_toggle{display:inline-block;font-size:0}
.btn_toggle button{
	display:inline-block;box-sizing:border-box;min-width:88px;height:30px;line-height:30px;
	padding:0 12px;
	background:#ebeef3;border-radius:3px;
	text-align:center;font-size:14px;color:#555;vertical-align:top
}
.btn_toggle button+button{margin-left:5px;}
.btn_toggle button.on{background:#b71544;color:#fff}
.btn_toggle button.on:before{
	content:'';
	display:inline-block;width:17px;height:100%;
	background:url(../img_bvs/btn_icon/check_s.png) no-repeat 0 center;
	vertical-align:top
}

.btn_board{
	position:relative;
	display:inline-block;box-sizing:border-box;height:31px;line-height:31px;
	padding:0 13px;
	background:#606e89;border-radius:3px;
	font-size:13px;color:#fff;vertical-align:middle
}
.btn_board.search{background-image:url(../img_bvs/icon/search.png);background-repeat:no-repeat;background-position:10px center;padding-left:30px;background-size:13px auto}
.btn_board.gray{background-color:#37445b}
.btn_board input{position:absolute;top:0;right:0;width:200%;height:100%;opacity:0;filter:alpha(opacity=0);}
input+.btn_board.search{margin-left:5px !important}

.btn_icon{display:inline-block;vertical-align:middle;font-size:0}

.btn_play{
	display:inline-block;width:19px;height:17px;
	background:url(../img_bvs/icon/play.png) no-repeat;background-size:100% auto;
	font-size:0;vertical-align:top
}
.btn_preview{
	display:inline-block;width:16px;height:16px;
	background:url(../img_bvs/icon/preview.png) no-repeat;background-size:100% auto;
	font-size:0;vertical-align:middle
}
.btn_student_info{
	display:inline-block;width:16px;height:16px;
	margin:-2px 0 0 3px;
	background:url(../img_bvs/icon/person2.png) no-repeat;
	font-size:0;vertical-align:middle;
}
.btn_mp3{
	display:inline-block;width:20px;height:25px;
	background:url(../img_bvs/icon/mp3.png) no-repeat;background-size:100% auto;
	font-size:0;vertical-align:top
}

.btn_tip{
	display:inline-block;width:16px;height:16px;
	position:absolute;
	margin:2px 0 0 5px;
	background:url(../img_bvs/icon/caution_q.png) no-repeat;
	font-size:0;
}