@charset "utf-8";

/* layout */

#wrap {
    position: relative;
    width: 1320px;
    margin: 0 auto;
    padding: 0 10px;
}

#wrap:after {
    clear: both;
    display: block;
    content: "";
}

#aside {
    width: 300px;
    float: left;
    margin-right: 10px;
}

#container {
    width: 1010px;
    float: left;
}

#aside #header {
    height: 95px;
}

#aside #header .logo {
    float: left;
    margin-top: 13px;
}

#snb .section {
    margin-top: 10px;
    padding: 10px;
    border-bottom: 3px solid #b2a89c;
    background-color: #f1ede7;
}

#content {
    width: 1008px;
    min-height: 700px;
    margin-top: 10px;
    border: 1px solid #d4c9bb;
    border-bottom: 3px solid #b2a89c;
    background-color: #fff;
}

#content>.section {
    padding: 20px;
}

#dim {
    display: none;
    z-index: 11;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #000;
}

.ifrm-layer {
    background: none !important;
}


/* header */

#header .my-info {
    position: relative;
    float: left;
    width: 300px;
    margin-top:3px;
    background-color: #fff;
	border:1px solid #d4c9bb;
}

#header .my-info .thum{
	position:absolute;
	top:5px;left:10px;
	width:43px;
	height:43px;
	border-radius:60px;
	overflow:hidden;
	display:inline-block;
	border:1px solid #ddd;
}
#header .my-info .thum img{
	max-width:100%;
}

#header .my-info .user {
    padding: 5px 0 3px 70px;
	box-sizing:border-box;
    font-size: 12px;
	width:220px;
	overflow:hidden;
}

#header .my-info .settingBox {
	position:absolute;
	top:8px;right:5px;
	width:80px;
}
#header .my-info .settingBox.userEmployee {
	top:4px;
}
#header .my-info .settingBox.userEmployee li {
	margin-bottom:2px;
}
#header .my-info .settingBox.userStudents {
	top:8px;
}

#header .my-info .settingBox ul{
	overflow:hidden;
	text-align:right;
}

#header .my-info .settingBox ul li{
}

#header .my-info .settingBox ul li button{
	font-size:10px;
}
#header .my-info .settingBox ul li button.logout{
	background:#e9e6e6 url('../images/common/icon/ico_logout.png') no-repeat;
	background-position:4px 3px;
	border:1px solid #c2c0c0;
	border-radius:10px;
	padding:4px 7px 4px 20px;
}
#header .my-info .settingBox ul li button.setting{
	background:url('../images/common/icon/ico_setting.png') no-repeat left;
	background-position:4px 3px;
	padding:4px 8px 4px 21px;
}

#header .my-info .nav{
	overflow:hidden;
}
#header .my-info .nav ul{
	display:flex;
	justify-content:flex-start;
	flex-wrap:nowrap;
	width:100%;
}
#header .my-info .nav ul li{
	width:50%;
	float:left;
	display:block;
	text-align:center;
}
#header .my-info .nav ul li a{
	border:1px solid #d4c9bb;
	border-bottom:0;
	border-left:0;
	background:#f1ede7;
	display:block;
	padding:8px 0;
	margin-top:5px;
	font-size:11px;
	color:#434240;
}
#header .my-info .nav ul li:last-child a{
	border-right:0;
}

.my-info .user .name.userEmployee {
    margin-bottom: 0;
}
.my-info .user .name.userStudents {
    margin-bottom: 2px;
    padding-top:5px !important;
}

.my-info .user .grad {
    background:url("../images/common/icon/icon_grad.gif") no-repeat 0 50%;
	padding-left:13px;
	display:block;
}
.my-info .user .grad1 {
	display:block;
	color:#999ea2;
	margin-top: 4px;
}

.my-info .user .name span {
    display: inline-block;
    vertical-align: middle;
}

.my-info .user .name .id {
    display: inline-block;2020-08-25
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 122px;
    vertical-align: middle;
}
.my-info .user .userSelect{
	width:100%;
	font-size:11px;
	background:#f1ede7;
	padding: 2px 5px;
	border:1px solid #d1c5b7;
	margin-top:5px;
}
.my-info .user .menu {
    height: 15px;
    margin-bottom: 9px;
}

.ie7 .my-info .user .menu {
    margin-bottom: 5px;
}

.my-info .user .ems {
    position: absolute;
    right: 10px;
    top: 4px;
}

.my-info .user .mail {
    display: inline-block;
    padding-left: 17px;
    background: url("../images/common/icon/icon_user_mail.gif") no-repeat 0 4px;
}

.my-info .user .link {
    max-width: 29px;
    padding-right: 10px;
    color: #86062c;
    font-size: 12px;
    background: url("../images/common/bg/my_info_sepa.gif") no-repeat 100% 3px;
}

.my-info .user .set {
    float: right;
    margin: 1px 10px 0 0;
    padding-left: 14px;
    font-size: 12px;
    background: url("../images/common/icon/icon_user_set.gif") no-repeat 0 1px;
}

.my-info .user .club {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 35px;
    font-size: 12px;
    background: url("../images/common/icon/icon_user_club.gif") no-repeat 0 0;
}

.my-info .user .logout {
    position: absolute;
    right: 10px;
    bottom: 4px;
}


/* gnb */

#gnb {
    overflow: hidden;
    position: relative;
    height: 93px;
    border-left: 1px solid #d4c9bb;
}

#gnb>ul {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#gnb>ul>li {
    float: left;
    width: 112px;
    height: 93px;
    text-align: center;
}

#gnb>ul>li>a {
    display: block;
    padding-top: 60px;
    height: 33px;
    border-right: 1px solid #d4c9bb;
    font-size: 12px;
    color: #3d3d3d;
    background-repeat: no-repeat;
    background-position: 50% 22px;
}

#gnb .calendar {
    background-image: url("../images/common/temp/gnb_calendar.png");
}


/* 캘린더 */

#gnb .operate {
    background-image: url("../images/common/temp/gnb_operate.png");
}


/* 강의운영 */

#gnb .enter {
    background-image: url("../images/common/temp/gnb_enter.png");
}


/* 예비대학강의실 */

#gnb .lecture {
    background-image: url("../images/common/temp/gnb_lecture.png");
}


/* 강의실 */

#gnb .request {
    background-image: url("../images/common/temp/gnb_request.png");
}


/* 신청 */

#gnb .board {
    background-image: url("../images/common/temp/gnb_board.png");
}


/* 게시판 */

#gnb .stats {
    background-image: url("../images/common/temp/gnb_stats.png");
}


/* 통계 */

#gnb .cms {
    background-image: url("../images/common/temp/gnb_cms.png");
}


/* CMS */

#gnb .uxe {
    background-image: url("../images/common/temp/gnb_uxe.png");
}


/* UXE */

#gnb .library {
    background-image: url("../images/common/temp/gnb_library.png");
}


/* 도서관 */

#gnb .qna {
    background-image: url("../images/common/temp/gnb_qna.png");
    background-position: 50% 18px;
}


/* qna */

#gnb .data {
    background-image: url("../images/common/temp/gnb_data.png");
}


/* 자료실 */

#gnb .poll {
    background-image: url("../images/common/temp/gnb_poll.png");
    background-position: 52% 20px;
}


/* 설문 */

#gnb .ld {
    background-image: url("../images/common/temp/gnb_ld.png");
}


/* LD */

#gnb .link {
    background-image: url("../images/common/temp/gnb_link.png");
}


/* 링크 */

#gnb .status {
    background-image: url("../images/common/temp/gnb_status.png");
    background-position: 52% 21px;
}


/* 현황 */

#gnb .exam {
    background-image: url("../images/common/temp/gnb_exam.png");
    background-position: 52% 24px;
}


/* 시험 */

#gnb .calendar:hover,
#gnb .calendar:focus,
#gnb .on .calendar {
    background-image: url("../images/common/temp/gnb_calendar_on.png");
}

#gnb .operate:hover,
#gnb .operate:focus,
#gnb .on .operate {
    background-image: url("../images/common/temp/gnb_operate_on.png");
}

#gnb .enter:hover,
#gnb .lecture:focus,
#gnb .on .enter {
    background-image: url("../images/common/temp/gnb_enter_on.png");
}

#gnb .lecture:hover,
#gnb .lecture:focus,
#gnb .on .lecture {
    background-image: url("../images/common/temp/gnb_lecture_on.png");
}

#gnb .request:hover,
#gnb .request:focus,
#gnb .on .request {
    background-image: url("../images/common/temp/gnb_request_on.png");
}

#gnb .board:hover,
#gnb .board:focus,
#gnb .on .board {
    background-image: url("../images/common/temp/gnb_board_on.png");
}

#gnb .stats:hover,
#gnb .stats:focus,
#gnb .on .stats {
    background-image: url("../images/common/temp/gnb_stats_on.png");
}

#gnb .cms:hover,
#gnb .cms:focus,
#gnb .on .cms {
    background-image: url("../images/common/temp/gnb_cms_on.png");
}

#gnb .uxe:hover,
#gnb .uxe:focus,
#gnb .on .uxe {
    background-image: url("../images/common/temp/gnb_uxe_on.png");
}

#gnb .library:hover,
#gnb .library:focus,
#gnb .on .library {
    background-image: url("../images/common/temp/gnb_library_on.png");
}

#gnb .qna:hover,
#gnb .qna:focus,
#gnb .on .qna {
    background-image: url("../images/common/temp/gnb_qna_on.png");
    background-position: 50% 18px;
}

#gnb .data:hover,
#gnb .data:focus,
#gnb .on .data {
    background-image: url("../images/common/temp/gnb_data_on.png");
}

#gnb .poll:hover,
#gnb .poll:focus,
#gnb .on .poll {
    background-image: url("../images/common/temp/gnb_poll_on.png");
    background-position: 52% 20px;
}

#gnb .ld:hover,
#gnb .ld:focus,
#gnb .on .ld {
    background-image: url("../images/common/temp/gnb_ld_on.png");
}

#gnb .link:hover,
#gnb .link:focus,
#gnb .on .link {
    background-image: url("../images/common/temp/gnb_link_on.png");
}

#gnb .status:hover,
#gnb .status:focus,
#gnb .on .status {
    background-image: url("../images/common/temp/gnb_status_on.png");
}

#gnb .exam:hover,
#gnb .exam:focus,
#gnb .on .exam {
    background-image: url("../images/common/temp/gnb_exam_on.png");
}

#gnb>ul>.on>a {
    color: #fff;
}

#gnb>ul>li>a .icon {
    display: none;
    position: absolute;
    bottom: -1px;
    left: 47px;
    width: 14px;
    height: 10px;
    background: url("../images/common/icon/icon_gnb_li.png") no-repeat 0 0;
}

#gnb>ul>li.on>a .icon {
    display: block;
}

#gnb li a.blue {
    background-color: #09518b;
    border-right: 1px solid #fff;
}

#gnb li a.black {
    background-color: #363636;
    border-right: 1px solid #cdcdcd;
}

#gnb li a:hover,
#header #gnb li a:focus,
#gnb li.on a {
    color: #fff;
    background-color: #700021;
}

.touch-slider {
    position: relative;
    padding-bottom: 2px;
}

.touch-slider .prev,
.touch-slider .next {
    position: absolute;
    width: 26px;
    height: 95px;
    color: transparent;
    background: url("../images/common/btn/btn_gnb_arrow.png") no-repeat 0 0;
}

.touch-slider .prev {
    left: 0;
    top: 0;
}

.touch-slider .next {
    right: 0;
    top: 0;
    background-position: -26px 0;
}


/* sub-link */

.sub-link {
    overflow: hidden;
    padding: 20px 9px 0 9px;
    border: 1px solid #d4c9bb;
}

.sub-link li {
    float: left;
    width: 170px;
    min-height: 105px;
    padding: 0 10px;
    background: url("../images/common/bg/bg_sub_link.gif") no-repeat 0 25%;
}

.sub-link li.first {
    background: none;
}

.sub-link li a {
    display: block;
    text-align: center;
}

.sub-link li img {
    width: 150px;
    height: 50px;
}

.sub-link li .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 20px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}


/* snb */
#snb .dateSection{
	background:#f1ede7;
	border:1px solid #d8cec1;
	padding:5px 10px;
	margin-top:10px;
	position:relative;
}
#snb .dateSection .thum{
	position:absolute;
	top:5px;left:10px;
	width:43px;
	height:43px;
	border-radius:60px;
	overflow:hidden;
	display:inline-block;
	border:1px solid #ddd;
}
#snb .dateSection .thum img{
	max-width:100%;
}
#snb .dateSection .dateInfo{
	padding:5px 0 5px 60px;
}
#snb .dateSection .dateInfo .dateTime{
	font-size:12px;
}
#snb .dateSection .dateInfo .dateTime b{
	font-weight:900;
}
#snb .dateSection .dateInfo .datePersonnel{
	font-size:12px;
	font-weight:bold;
}
#snb .dateSection .dateInfo .datePersonnel b{
	color:#8b0029;
	font-size:18px;
	font-weight:900;
	letter-spacing:-1px;
}

#snb .srch {
    position: relative;
    height: 36px;
    margin-bottom: 10px;
    border: 2px solid #b7b7b7;
}

#snb .srch input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-right: 42px;
    padding-left: 11px;
    border: 0;
    background-color: #faf8f6;
}

#snb .srch .submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 36px;
}

#snb li a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#snb .menu>li {
    border-bottom: 1px solid #dbdbdb;
}

#snb .menu>li>a {
    height: 41px;
    line-height: 41px;
    padding: 0 30px 0 18px;
    font-size: 15px;
    color: #5c4626;
    background: #f1ede7;
}

#snb .menu>.has-sub>a {
    background: #f1ede7 url("../images/common/bg/bg_snb_li.gif") no-repeat 96% 50%;
}

#snb .menu>li.on>a {
    color: #fff;
    background: #8b0029 url("../images/common/bg/bg_snb_li_on.gif") no-repeat 96% 52%;
}

#snb .menu li ul {
    display: none;
    padding: 13px 23px 10px 23px;
    border-top: 1px solid #dbdbdb;
}

#snb .menu>li>ul>li {
    position: relative;
    line-height: 26px;
    background: url("../images/common/bg/snb_menu_li.gif") no-repeat 0 3px;
}

#snb .menu>li>ul>li>a {
    padding: 0 0 0 18px;
}

#snb .menu li li.last {
    background-position: 0 -486px;
}

#snb .menu li li a {
    font-size: 14px;
}

#snb .menu li li a:focus,
#snb .menu li li a:hover,
#snb .menu li li.on>a {
    color: #9b133b;
}

#snb .menu>li li.on ul {
    display: block;
}

#snb .menu>li ul ul {
    margin: 0 0 0 25px;
    padding: 0;
    border: 0;
}

#snb .menu>li ul ul li {
    line-height: 26px;
    background: url("../images/common/bg/snb_menu_li.gif") no-repeat 0 3px;
}

#snb .menu>li ul ul li:first-child {
    padding-top: 0;
}

#snb .menu li li li a {
    padding: 0 0 0 18px;
}

#snb .menu li li li a:focus,
#snb .menu li li li a:hover,
#snb .menu li li li.on>a {
    color: #e97434;
}

#snb .menu>li ul ul ul {
    margin: 0 0 0 25px;
}

#snb .menu li li li li a {
    padding-left: 18px;
}

#snb .menu li li li li a:focus,
#snb .menu li li li li a:hover,
#snb .menu li li li li.on>a {
    color: #e97434;
}

#snb .menu .news {
    position: absolute;
    right: 0;
    top: 0;
    height: 21px;
    line-height: 21px;
    padding: 0 8px 0 21px;
    font-size: 14px;
    color: #fff !important;
    background: #8b0027 url("../images/common/bg/snb_menu_new.gif") no-repeat 8px 50%;
}

#snb .sche>li {
    position: relative;
    margin-top: 10px;
    border: 0;
}

#snb .sche>li:first-child {
    margin-top: 0;
}

#snb .sche>li>a {
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 11px;
    border: 2px solid #b7b7b7;
    font-size: 15px;
    color: #222;
    background-color: #fff;
}

#snb .sche>li.on>a {
    border: 2px solid #8b012a;
    color: #8b0029;
    background: #fff url("../images/common/bg/bg_sche_li_on.gif") no-repeat 96% 52%;
}

#snb .sche>.has-sub>a {
    background: #fff url("../images/common/bg/bg_sche_li.gif") no-repeat 96% 52%;
}

#snb .sche .sub {
    display: none;
    padding: 0;
    border: 0;
}

#snb .sche .sub li {
    position: relative;
    margin-top: 10px;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    background: none;
}

#snb .sche .sub li a {
    height: 39px;
    line-height: 39px;
    padding: 0 30px 0 25px;
    font-size: 15px;
    color: #5c4626;
    background-color: #fff;
}

#snb .sche .sub li a span {
    font-weight: bold;
}

#snb .sche .sub li.on a {
    height: 37px;
    line-height: 37px;
    border: 2px solid #b3a89b;
    color: #8b0029;
}

#snb .sche .sub li.on .icon {
    height: 37px;
}

#snb .sche .num {
    position: absolute;
    right: 4px;
    top: 4px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    min-width: 23px;
    padding: 0 5px;
    color: #222;
    background-color: #f1ede7;
}

#snb .sche .num.new {
    min-width: 13px;
    padding: 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    color: #fff;
    background-color: #8b0029;
}

#snb .list li {
    margin-top: 10px;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    background: none;
}

#snb .list li a {
    height: 41px;
    line-height: 41px;
    padding: 0 18px;
    font-size: 15px;
    color: #5c4626;
    background-color: #f1ede7;
}

#snb .list li a span {
    font-weight: bold;
}

#snb .list .num {
    font-weight: bold;
}

.sche .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-right: 10px;
    background: url("../images/common/icon/icon_sche.png") no-repeat 0 0;
}

.sche .all {
    height: 18px;
    margin: 0 8px 0 2px;
    background-position: 0 0;
}


/* 전체 */

.sche .college {
    height: 18px;
    background-position: -24px 0;
}


/* 학교 */

.sche .depart {
    height: 17px;
    background-position: -48px 0;
}


/* 학과 */

.sche .degree {
    height: 19px;
    background-position: -120px 0;
}


/* 학사 */

.sche .subject {
    height: 20px;
    background-position: -72px 0;
}


/* 과목 */

.sche .set {
    height: 15px;
    background-position: -96px 0;
}


/* 강의운영설정 */

.sche .studio {
    height: 17px;
    background-position: -144px 0;
}


/* 스튜디오 */

.sche .on .all {
    background-position: 0 -24px;
}

.sche .on .college {
    background-position: -24px -24px;
}

.sche .on .depart {
    background-position: -48px -24px;
}

.sche .on .degree {
    background-position: -120px -24px;
}

.sche .on .subject {
    background-position: -72px -24px;
}

.sche .on .set {
    background-position: -96px -24px;
}

.sche .on .studio {
    background-position: -144px -24px;
}

.sche .sub .icon {
    width: 12px;
    height: 39px;
    margin-right: 7px;
    background: url("../images/common/bg/bg_tree.gif") no-repeat 0 7px;
}

.sche .sub .last .icon {
    width: 12px;
    height: 39px;
    background: url("../images/common/bg/bg_tree_last.gif") no-repeat 0 9px;
}

.sche .sub .mobile {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 20px;
    margin-right: 5px;
    background: url("../images/common/icon/snb_mobile.png") no-repeat 0 0;
}

.sche .sub li.on .mobile {
    background-position: 0 -20px;
}

#aside .banner {
    margin-top: 10px;
    border-bottom: 3px solid #b2a89c;
    background-color: #f1ede7;
}

#aside .banner>a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 56px;
    line-height: 56px;
    padding: 0 30px 0 18px;
    color: #222;
    font-weight: bold;
    background: #f1ede7 url("../images/common/bg/bg_aside_banner.gif") no-repeat 94% 50%;
}

#aside .banner>.on {
    background-image: url("../images/common/bg/bg_aside_banner_on.gif");
}

#aside .banner .lang {
    display: inline-block;
    margin-left: 15px;
    padding-left: 14px;
    color: #8e8e8e;
    background: url("../images/common/bg/bg_select_lang.gif") no-repeat 0 50%;
}

#select-lang {
    display: none;
    background-color: #fff;
}

#select-lang li a {
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    border-top: 1px solid #b2a89c;
    color: #222;
    font-weight: bold;
}


/* location */

.location {
    height: 56px;
    border-bottom: 1px solid #d4c9bb;
    background-color: #f1ede7;
}

.location>li {
    position: relative;
    float: left;
}

.location>li>a {
    display: block;
    height: 56px;
    line-height: 56px;
    padding: 0 15px;
    text-align: center;
    border-right: 1px solid #d4c9bb;
    color: #222;
    font-size: 16px;
    font-weight: bold;
}

.location>li:first-child a {
    width: 61px;
    padding: 0;
    text-indent: -9999px;
    background: url("../images/common/icon/icon_location_home.gif") no-repeat 16px 15px;
}

.location .sub>a {
    width: auto;
    padding: 0 65px 0 15px;
    font-weight: normal;
    background: url("../images/common/bg/bg_location.gif") no-repeat 88% 50%;
}

.location .sub.on>a {
    background: #e0d7cd url("../images/common/bg/bg_location_on.gif") no-repeat 88% 50%;
}

.location .sub ul {
    display: none;
    position: absolute;
    z-index: 2;
    left: -1px;
}

.location .sub ul li {
    width: 100%;
    float: none;
}

.location .sub ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    border: 1px solid #d4c9bb;
    border-top: 0;
    background: #f1ede7;
}

.location .sub ul li:first-child a {
    border-top: 1px solid #d4c9bb;
}

.location .sub ul li a:focus,
.location .sub ul li a:hover,
.location .sub ul li.on a {
    color: #8b0029;
    background-color: #e0d7cd;
}


/* name-box */

.name-box li {
    min-height: 48px;
    margin-top: 10px;
}

.name-box li:first-child {
    margin-top: 0;
}

.name-box .thum {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 8px;
    border: 1px solid #cdd3d7;
}

.name-box .thum img {
    width: 100%;
    height: 100%;
}


/* comment */

.comm-write {
    margin-top: 10px;
}

.comm-write th {
    padding: 5px;
    border: 1px solid #afafaf;
    color: #4c4c4c;
}

.comm-write td {
    padding: 2px;
    border: 1px solid #ccc;
    border-left: 0;
}

.comm-write th {
    font-weight: normal;
    background-color: #f5f5f5;
}

.comm-write .write {
    position: relative;
}

.comm-write .write .text {
    height: 52px;
    margin-right: 59px;
    border: 1px solid #afafaf;
}

.comm-write .write .enter {
    position: absolute;
    right: 0;
    top: 0;
}

.comm-write textarea.basic {
    height: 52px;
    border: 0;
    background-color: #fff;
}

.comm-write.page {
    margin-top: 20px;
    border-top: 2px solid #afafaf;
}

.comm-write.page th,
.comm-write.page td {
    padding: 10px 18px;
    text-align: left;
}

.comm-write.page th {
    font-weight: bold;
}

.comm-write.page .subject {
    border-right: 0;
}

.comm-write.page .writer {
    padding: 10px 0;
    text-align: center;
}

.comm-write .photo {
    position: relative;
    padding-left: 7px;
    text-align: left;
}

.comm-write .photo .thum {
    position: absolute;
    left: 7px;
    top: 0;
    width: 34px;
    height: 39px;
    border: 1px solid #b0b0b0;
}

.comm-write .photo .user {
    min-height: 41px;
    padding-left: 46px;
}

.comm-write .photo .name {
    display: block;
    padding-top: 2px;
    font-weight: bold;
}

.comm-write .photo .id {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    vertical-align: middle;
    color: #a3825f;
}


/*
.comm-list.photo {margin-top:10px;overflow:hidden;position:relative;padding:5px;border:1px solid #cdd3d7;}
.comm-list.photo .thum {position:absolute;margin-right:0;width:46px;height:46px;border:1px solid #cdd3d7;}
.comm-list.photo .thum img {width:100%;height:100%;}
.comm-list.photo .view {min-height:48px;padding-left:59px;}
.comm-list.photo .info {padding-top:6px;font-size:12px;color:#959595;}
.comm-list.photo .info .name {margin-right:10px;}
.comm-list.photo .desc {clear:both;margin-top:5px;}
*/

.comm-list .view {
    position: relative;
}

.comm-list.basic {
    margin-top: 10px;
    padding: 0 13px;
    border: 1px solid #afafaf;
    background-color: #f5f5f5;
}

.comm-list.basic .view {
    padding: 12px 7px;
    background: url("../images/common/bg/bg_comm_view.gif") repeat-x 0 0;
}

.comm-list.basic .view.first {
    background: none;
}

.comm-list.basic .info {
    overflow: hidden;
    font-size: 12px;
    color: #727272;
}

.comm-list.basic .info .name {
    margin-right: 10px;
}

.comm-list.basic .info li {
    float: left;
    min-height: 15px;
    padding: 0 10px;
    background: url("../images/common/bg/bg_comm_info_sepa.gif") no-repeat 0 50%;
}

.comm-list.basic .info li:first-child {
    padding-left: 0;
    background: none;
}

.comm-list.basic .info li .comm-edit {
    position: relative;
    top: -2px;
}

.comm-list.basic .desc {
    clear: both;
    margin-top: 7px;
}

.comm-list.photo .view {
    padding-left: 0;
}

.comm-list.photo .thum {
    position: absolute;
    left: 0;
    top: 12px;
    border: 1px solid #b0b0b0;
}

.comm-list.photo .info,
.comm-list.photo .desc {
    padding-left: 48px;
}


/* status */

.sb-tit {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
}

.status .sb-tit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    letter-spacing: -1px;
}

#snb>.sb-tit {
    margin: 0 0 10px -10px;
}

.sb-tit .icon {
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 38px;
    line-height: normal;
}

.sb-tit .course {
    background: url("../images/common/icon/icon_status_course.png") no-repeat 40% 50%;
}


/* 수강리스트 */

.sb-tit .request {
    background: url("../images/common/icon/icon_status_request.png") no-repeat 50% 50%;
}


/* 신청현황 */

.sb-tit .qna {
    background: url("../images/common/icon/icon_status_qna.png") no-repeat 40% 50%;
}


/* Q&A */

.sb-tit .study {
    background: url("../images/common/icon/icon_status_study.png") no-repeat 50% 50%;
    ;
}


/* 학습현황 */

.sb-tit .activity {
    background: url("../images/common/icon/icon_status_activity.png") no-repeat 50% 50%;
}


/* 학습활동 */

.sb-tit .work {
    background: url("../images/common/icon/icon_status_work.png") no-repeat 50% 50%;
}


/* 나의 할일 */

#aside .status {
    overflow: hidden;
    margin-top: 10px;
    padding: 9px 0;
    border-bottom: 3px solid #b2a89c;
    color: #222;
    background-color: #f1ede7;
}

#aside .status .info {
    float: left;
    width: 135px;
    margin: 8px 0 0 10px;
    text-align: center;
}

.status .info .name {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    height: 23px;
    line-height: 23px;
    padding: 0 15px 0 10px;
    border-bottom: 1px solid #c7c1ba;
    font-size: 13px;
    color: #222;
    background: #dfd5cb url("../images/common/bg/status_link.gif") no-repeat 95% 50%;
}

.status .info .num {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    background-color: #eae3db;
}

.status .info .current {
    font-size: 20px;
    font-weight: bold;
    color: #8b0029;
}

.status .info .em {
    color: #8b0029;
}

.status.study .info .num {
    height: 59px;
}

.status.study .info .num .prog {
    display: block;
    line-height: normal;
    font-size: 11px;
}

.status .orange .name {
    color: #fff;
    background-color: #c8591d;
}

.status .orange .current {
    color: #c8591d;
}

.status .yellow .name {
    color: #fff;
    background-color: #d19b22;
}

.status .yellow .current {
    color: #d19b22;
}

.status .green .name {
    color: #fff;
    background-color: #23751d;
}

.status .green .current {
    color: #23751d;
}

.status .blue .name {
    color: #fff;
    background-color: #4267aa;
}

.status .blue .current {
    color: #4267aa;
}

#aside .status.cousre-list {
    height: 456px;
    overflow-y: scroll;
}

.status.cousre-list>ul {
    margin: 10px;
}

.status.cousre-list>ul a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    font-size: 15px;
    color: #5c4626;
}

.status.cousre-list>ul li {
    margin-top: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.status.cousre-list>ul .on a {
    color: #fff;
    background-color: #8b0029;
}

.status.cousre-list>ul li:first-child {
    margin-top: 0;
}


/* board-list */

.board-list-wrap {
    position: relative;
}

.board-list-wrap .count {
    position: absolute;
    right: 0;
    top: -25px;
    font-size: 12px;
}

.board-list {
    margin-bottom: 30px;
}

.board-list>li {
    margin-top: 10px;
    border-left: 3px solid #d1c5b7;
    border-bottom: 1px solid #dbdbdb;
    background-color: #f1ede7;
}

.board-list>li:first-child {
    margin-top: 0;
}

.board-list .tab {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 96px;
    height: 60px;
    color: #fff;
    font-size: 16px;
    background-color: #846a4f;
}

.board-list .desc {
    display: table-cell;
    vertical-align: middle;
    width: 620px;
    height: 60px;
    padding-left: 20px;
}

.board-list .desc .group {
    display: inline-block;
    margin-bottom: 5px;
    color: #846a4f;
}

.board-list .desc .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 600px;
    color: #3d3d3d;
    font-size: 16px;
}

.board-list .right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 220px;
    padding: 2px 10px 0 0;
}

.board-list .right .date {
    vertical-align: middle;
    margin-right: 20px;
    color: #868686;
    font-size: 16px;
}

.board-list.view {
    margin-bottom: 10px;
}

.board-list.view .desc {
    width: 220px;
}

.board-list.view .subject {
    width: 100%;
    max-width: 220px;
}

.board-list.view .right {
    width: 727px;
    padding: 0;
}

.board-list.view .right .list {
    float: right;
}

.board-list.view .right .list li {
    float: left;
    width: 64px;
    height: 60px;
    border-right: 1px solid #d4c9bb;
    text-align: center;
    font-size: 12px;
}

.board-list.view .right .list li:first-child {
    border-left: 1px solid #d4c9bb;
}

.board-list.view .right .list .high {
    width: 100px;
}

.board-list.view .right .list li div {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}

.board-list.view .em {
    font-weight: bold;
    color: #525252;
}

.board-list.view .high .em {
    color: #8b0029;
}

.board-list.view strong {
    display: block;
    height: 22px;
    line-height: 22px;
    color: #fff;
    background-color: #7a7a7a;
}

.board-list.view .high strong {
    background-color: #8b0029;
}

.board-list.calendar {
    clear: both;
    font-size: 16px;
}

.board-list.calendar li {
    overflow: hidden;
    position: relative;
}

.board-list.calendar .desc {
    width: 612px;
    height: 53px;
}

.board-list.calendar .tab {
    overflow: hidden;
    width: 51px;
    height: 53px;
    color: transparent;
    background: url("../images/common/icon/icon_fc_event_list.png") no-repeat 0 0;
}

.board-list.calendar .schedule {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 188px;
    padding: 0 10px;
    background-color: #e0d7cd;
}

.board-list.calendar .schedule span,
.board-list.calendar .d-day span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 188px;
}

.board-list.calendar .d-day {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 56px;
    padding: 0 10px;
    border-left: 1px solid #d4c9bb;
    color: #3d3d3d;
    background-color: #eae3db;
}

.board-list.calendar .d-day span {
    width: 56px;
}

.board-list.calendar .past .schedule {
    background-color: #dddada;
}

.board-list.calendar .past .desc {
    background-color: #e9e6e6;
}

.board-list.calendar .past .d-day {
    background-color: #dad7d7;
}

.board-list.calendar .desc .professor {
    color: #3a8ac8;
}

.header-title {
    float: left;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: bold;
    color: #222;
}


/* event-01 : 학교 */

.board-list.calendar .event-01.important .tab {
    background-position: 0 -53px;
}

.board-list.calendar .event-01 .desc .em {
    color: #3d3d3d;
}


/* event-02 : 학과 */

.board-list.calendar .event-02 .tab {
    background-position: -51px 0;
}

.board-list.calendar .event-02.important .tab {
    background-position: -51px -53px;
}

.board-list.calendar .event-02 .desc .em {
    color: #3d3d3d;
}


/* event-03 : 학사 */

.board-list.calendar .event-03 .tab {
    background-position: -102px 0;
}

.board-list.calendar .event-03.important .tab {
    background-position: -102px -53px;
}

.board-list.calendar .event-03 .desc .em {
    color: #3d3d3d;
}


/* event-04 : 강의운영설정 */

.board-list.calendar .event-04 .tab {
    background-position: -153px 0;
}

.board-list.calendar .event-04.important .tab {
    background-position: -153px -53px;
}

.board-list.calendar .event-04 .desc .em {
    color: #3d3d3d;
}


/* event-06 : 스튜디오 */

.board-list.calendar .event-06 .tab {
    background-position: -204px 0;
}

.board-list.calendar .event-06.important .tab {
    background-position: -204px -53px;
}

.board-list.calendar .event-06 .desc .em {
    color: #3d3d3d;
}


/* event-07 : 과목 */

.board-list.calendar .event-07 .tab {
    background-position: -255px 0;
}

.board-list.calendar .event-07.important .tab {
    background-position: -255px -53px;
}

.board-list.calendar .event-07 .desc .em {
    color: #3d3d3d;
}

.board-list.calendar .past,
.board-list.calendar .past .subject,
.board-list.calendar .past .subject span,
.board-list.calendar .past .subject .em,
.board-list.calendar .past .d-day {
    color: #bdb8b8;
}

.board-list.calendar .past .bar {
    position: absolute;
    left: 49px;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #c2c0c0;
}


/* calendar */

#content .section.my-cal {
    position: relative;
    min-height: 680px;
    padding: 20px 0 0 0;
}

.section.my-cal .calendar-wrap {
    position: relative;
}

.btn-cal {
    overflow: hidden;
    float: right;
    margin-bottom: 15px;
}

.my-cal .btn-cal {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 20px;
    right: 33px;
}

.btn-cal a {
    float: left;
    overflow: hidden;
    vertical-align: middle;
    height: 27px;
    line-height: 27px;
    padding-left: 11px;
    margin-left: 10px;
    background: url("../images/common/bg/bg_btn_cal.gif") no-repeat 0 0;
}

.btn-cal .first {
    background: none;
}

.btn-cal .on img {
    margin-top: -29px;
}

.lybox .btn-cal {
    margin-bottom: 0;
}

.lybox .btn-cal a:first-child {
    background: none;
}

.my-cal .board {
    padding: 0 20px;
}

.my-cal .board:after {
    clear: both;
    display: block;
    content: " ";
}

.my-cal .board .dashboard {
    float: left;
    width: 400px;
}


/* attach-box */

.attach-box a {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    margin-top: 4px;
    padding: 0 10px 0 25px;
    border: 1px solid #afafaf;
    background: #f5f5f5 url("../images/common/icon/icon_name_box.gif") no-repeat 10px 10px;
}

.attach-box a span {
    font-size: 0;
    color: transparent;
}

.attach-box .add {
    margin-top: 4px;
}

.attach-box.control {
    position: relative;
    min-height: 35px;
    padding-right: 200px;
}

.attach-box.control .btn-wrap {
    position: absolute;
    right: 0;
    top: 4px;
    padding: 0;
}


/* con-set */

.con-set {
    text-align: left;
}

.con-set .del {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    height: 28px;
    line-height: 28px;
    margin: 3px 0;
    padding: 0 10px 0 25px;
    border: 1px solid #afafaf;
    background: url("../images/common/icon/icon_name_box.gif") no-repeat 10px 10px;
}

.con-set .del span {
    font-size: 0;
    color: transparent;
}

.con-set .view {
    float: right;
    margin-top: 6px;
}


/* gallery-list */

.gallery-list ul:after {
    clear: both;
    display: block;
    content: " ";
}

.gallery-list li {
    float: left;
    width: 170px;
	min-height:175px;
    margin: 0 0 20px 28px;
}


.gallery-list li:nth-child(1), .gallery-list li:nth-child(6), .gallery-list li:nth-child(11), .gallery-list li:nth-child(16), .gallery-list li:nth-child(21), .gallery-list li:nth-child(26), .gallery-list li:nth-child(31), .gallery-list li:nth-child(36), .gallery-list li:nth-child(41), .gallery-list li:nth-child(46), .gallery-list li:nth-child(51), .gallery-list li:nth-child(56), .gallery-list li:nth-child(61), .gallery-list li:nth-child(66) {
    margin-left: 0;
}

.gallery-list .thumb {
    width: 168px;
    height: 128px;
    border: 1px solid #afafaf;
    margin-bottom: 8px;
	position:relative;
}
.gallery-list .thumb img{
	max-width:100%;
}

.gallery-list .new{position:absolute;top:0;left:0;width:33px;height:33px;background: url("../images/common/icon/icon_new2.gif") no-repeat 0px;display:inline-block;}

.gallery-list p {
    color: #4c4c4c;
	height:30px;
}

.gallery-list .info {
    display: block;
    padding-top: 4px;
    color: #727272;
    font-size: 12px;
}


/* guide-list */
.guide-list li {
    line-height: 1.4;
    margin-left: 8px;
    padding-left: 8px;
    background: url("../images/common/bg/dot_gray_2_2.gif") no-repeat 0 8px;
}

.guide-list li .em {
    color: #8b0029;
}

.guide-list.reserv li {
    margin-top: 10px;
    background-position: 0 12px;
}

.guide-list.reserv li:first-child {
    margin-top: 0;
}

.guide-list.reserv li .basic {
    margin-left: 10px;
}

.guide-list.reserv .em {
    margin-left: 20px;
    text-decoration: line-through;
}


/* list-a */
.list-a li {
    margin-top: 8px;
    padding-left: 17px;
    font-size: 14px;
    background: url("../images/common/bg/dot_d_gray_3.gif") no-repeat 5px 8px;
}

.list-a li:first-child {
    margin-top: 0;
}

/* reserv-list */
.reserv-list {
    padding: 0 10px;
    border: 1px solid #afafaf;
    background-color: #f5f5f5;
}

.reserv-list li {
    padding: 10px;
    background: url("../images/common/bg/bg_comm_view.gif") repeat-x 0 0;
}

.reserv-list li:first-child {
    background: none;
}

.reserv-list li .check {
    margin-right: 12px;
}

.reserv-list li span {
    padding-right: 15px;
    vertical-align: middle;
}

.reserv-list li .em {
    text-decoration: line-through;
}

/* part-list */
.part-list {
    padding: 5px 10px 10px 10px;
    line-height: 1.4;
}

.part-list .tit span {
    display: inline-block;
    padding-left: 8px;
    font-weight: bold;
    background: url("../images/common/bg/dot_gray_2_2.gif") no-repeat 0 8px;
}

.part-list .info {
    position: relative;
    margin-top: 8px;
}

.part-list .info.first {
    margin-top: 5px;
}

.part-list .info .thum {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 39px;
    border: 1px solid #b0b0b0;
}

.part-list .info .user {
    min-height: 41px;
    padding-left: 46px;
}

.part-list .info .name {
    display: block;
    padding-top: 2px;
    font-weight: bold;
}

.part-list .info .id {
    vertical-align: middle;
    color: #a3825f;
}

.part-list .info .delete {
    position: absolute;
    right: 0;
    top: 6px;
}

.part-list.edit {
    min-height: 90px;
    margin-top: 5px;
    border: 1px solid #b4b4b4;
    background-color: #f5f5f5;
}


/* lo-list */

.lo-list.file li {
    line-height: 1.8;
}

.lo-list li .tit {
    display: block;
}

.lo-list li {
    margin-top: 10px;
}

.lo-list li:first-child {
    margin-top: 0;
}


/* content */

.section-writing {
    position: relative;
}

.section-writing .secret {
    position: absolute;
    right: 0;
    top: 0;
}

.subgroup {
    display: block;
    color: #a3825f;
    font-size: 13px;
}

.subgroup.line {
    display: inline-block;
}

tr.unused td {
    color: #d35e78;
    text-decoration: line-through;
    background-color: #fceeed;
}

tr.unused .subgroup,
tr.unused .blue {
    color: #d35e78;
}

.subgroup-tab {
    display: inline-block;
    margin-right: 3px;
}

.subgroup-tab span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 12px;
}

.subgroup-tab .blue {
    color: #fff;
    background-color: #4267aa;
}

.subgroup-tab .green {
    color: #fff;
    background-color: #307c2a;
}

.subgroup-tab .gray {
    color: #fff;
    background-color: #6d6d6d;
}

.subgroup-tab .purple {
    color: #fff;
    background-color: #7a4ca6;
}

.subgroup-tab .brown {
    color: #fff;
    background-color: #945400;
}

.subgroup-tab .yg {
    color: #fff;
    background-color: #6a7224;
}

.subgroup-tab .bg {
    color: #fff;
    background-color: #228781;
}


/* classroom */

#content .section.classroom {
    padding: 20px 0 0 0;
}

.classroom .btn-wrap {
    padding: 20px 10px 15px 10px;
}

.classroom .guide-list {
    padding: 0 20px;
}

.subject-info {
    overflow: hidden;
    padding-bottom: 10px;
}

.classroom .subject-info {
    padding: 0 20px 10px 20px;
}

.subject-info dl {
    margin-left: 10px;
}

.subject-info dl:first-child {
    margin-left: 0;
}

.subject-info dl,
.subject-info dt,
.subject-info dd {
    float: left;
    height: 49px;
    line-height: 49px;
}

.subject-info dt,
.subject-info dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject-info dt {
    width: 131px;
    padding-left: 13px;
    border-bottom: 1px solid #b9b9b9;
    background-color: #e4ddd4;
}

.subject-info dd {
    width: 146px;
    padding: 0 13px;
    border-bottom: 1px solid #d9d9d9;
    text-align: right;
    background-color: #f1ede7;
}

.subject-info dd span {
    color: #8b0029;
    font-size: 23px;
    font-weight: bold;
}

.cr-content {
    position: relative;
    margin-top: 15px;
    border-top: 1px solid #d4c9bb;
    background-color: #f1ede7;
}

.cr-content .slidesjs-navigation {
    position: absolute;
    top: 0;
    height: 1090px;
    color: transparent;
}

.cr-content .slidesjs-previous {
    left: 0;
    width: 28px;
    background: url("../images/common/btn/btn_cal_prev.png") no-repeat 8px 50%;
}

.cr-content .slidesjs-next {
    right: 0;
    width: 28px;
    background: url("../images/common/btn/btn_cal_next.png") no-repeat 7px 50%;
}

.class-main {
    padding: 5px;
    background-color: #fff;
}

.class-main table {
    border-collapse: separate;
}

.class-main thead th,
.class-main tbody th,
.class-main td {
    text-align: center;
}

.class-main thead th {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    background-color: #eee7de;
}

.class-main thead th a {
    display: inline-block;
    line-height: normal;
    padding-right: 10px;
    background: url("../images/common/bg/class_main_thead.gif") no-repeat 100% 50%;
}

.class-main tbody td,
.class-main tbody th {
    font-size: 16px;
    background-color: #f8f4ef
}

.class-main tbody .current td,
.class-main tbody .current th {
    background-color: #f0dce2;
}

.class-main thead th:first-child,
.class-main tbody th,
.class-main .sum th {
    width: 97px;
    border-right: 3px solid #fff;
}

.class-main thead th:first-child,
.class-main .sum th {
    background-color: #dfd5cb;
}

.class-main tbody th {
    background-color: #eee7de;
    font-size: 14px;
}

.class-main tfoot td {
    height: 50px;
    border-top: 3px solid #fff;
    color: #fff;
    background-color: #6d6964;
}

.class-main tfoot .ar,
.class-main tfoot .al {
    padding: 0 15px;
}

.class-main tfoot .tit {
    background-color: #4b4642;
}

.class-main .sum td {
    height: 50px;
    background-color: #dfd5cb;
}

.class-main .em {
    color: #2d2d2d;
    font-weight: bold;
}

.class-main .num {
    font-size: 18px;
}

.class-main .num span {
    display: block;
    margin-top: 15px;
    font-size: 12px;
}

.class-main .event {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 200px;
    height: 108px;
}

.class-main tfoot .required {
    border: 1px solid #dcb9c4;
    background-color: #f0dce2;
}

.class-main .event .vspace {
    height: 5px;
}

.class-main .event .tab {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    background-color: #d2d2d2;
}

.class-main .event .status {
    display: block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    font-size: 12px;
}

.class-main .event .count {
    word-wrap: normal;
    position: absolute;
    bottom: 3px;
    width: 100%;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3px;
    text-align: left;
}

.class-main .event .count p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.class-main .event .count span {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin-right: 1px;
    padding: 0 5px;
    font-size: 12px;
    background-color: #d2d2d2;
}


/* e-popup */

.class-main .event.pop {
    cursor: pointer;
}

.class-main .event .e-popup {
    overflow: hidden;
    position: absolute;
    left: 100px;
    bottom: 0;
    z-index: 10;
    opacity: 0.6;
    filter: alpha(opacity: '60');
    height: 0;
    width: 890px;
    background: #000;
}

.class-main .e-popup .txt {
    padding: 9px 10px 10px 10px;
    text-align: left;
    font-size: 16px;
    color: #fff;
}


/* tbl-info */

.tbl-info {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #d4c9bb;
}

.tbl-info table {
    border-collapse: separate;
}

.tbl-info th,
.tbl-info td {
    padding: 7px 5px;
    text-align: center;
    background-color: #ededed;
}

.tbl-info th {
    background-color: #d9d9d9;
}

.tbl-info .tit {
    border-right: 3px solid #fff;
    border-bottom: 0;
    background-color: #dfd5cb;
}

.tbl-info.set .tit {
    color: #fff;
    background-color: #ec844c;
}

.tbl-info.set .attend {
    border: 1px solid #fbbf8f;
    background-color: #fde9cc;
}

.tbl-info.set .selected {
    border: 1px solid #dcb9c4;
    background-color: #f0dce2;
}

.tbl-info.set tfoot td {
    border-top: 3px solid #fff;
    color: #fff;
    background-color: #6d6964;
}

.tbl-info.set tfoot .left {
    float: left;
    padding-left: 10px;
}

.tbl-info.set tfoot .right {
    float: right;
    padding-right: 10px;
}

.tab-content .cr-content {
    margin-top: 0;
}


/* tbl-poll */

.tbl-poll thead th {
    padding: 3px 5px;
    color: #fff;
    font-size: 13px;
    background-color: #846a4f;
}

.tbl-poll thead th:first-child {
    border-left: 1px solid #846a4f;
    border-right: 1px solid #fff;
}

.tbl-poll tbody th,
.tbl-poll tbody td {
    padding: 8px;
}

.tbl-poll .ask td {
    text-align: center;
    border-right: 1px solid #c5b6a6;
    border-bottom: 1px solid #c5b6a6;
    background-color: #e0d7cd;
}

.tbl-poll .ask td:first-child {
    border-left: 1px solid #c5b6a6;
}

.tbl-poll tbody td {
    text-align: left;
    border-right: 1px solid #cdd3d7;
    border-bottom: 1px solid #cdd3d7;
}

.tbl-poll tbody td:first-child {
    border-left: 1px solid #cdd3d7;
}

.tbl-poll .detail th {
    padding: 8px;
    border-right: 1px solid #c5b6a6;
    border-bottom: 1px solid #cdd3d7;
    color: #525252;
    background-color: #f1ede7;
}

.tbl-poll .detail th:first-child {
    border-left: 1px solid #c5b6a6;
}

.tbl-poll .detail td {
    text-align: center;
}


/* poll */

.poll-main {
    padding-top: 40px;
    text-align: center;
}

.poll-main .bg {
    margin-bottom: 50px;
}

.poll-main p {
    line-height: 1.5;
    font-size: 18px;
    color: #525252;
}

.poll-main strong {
    display: inline-block;
    padding-left: 8px;
    background-color: #f1ede7;
}

.poll-main .request {
    padding: 5px 0 10px 0;
}


/* dashboard */

section.dashboard {
    margin-bottom: 30px;
}

section.dashboard .more {
    position: absolute;
    top: 15px;
    right: 0;
    padding-right: 22px;
    color: #846a4f;
    font-size: 12px;
    font-weight: bold;
    background: url("../images/common/bg/bg_more.gif") no-repeat right 50%;
}

.section.board:after {
    clear: both;
    display: block;
    content: " ";
}

.section.board .dashboard {
    float: left;
    width: 474px;
    min-height: 290px;
    margin-bottom: 0;
}

.section.board .dashboard:first-child {
    margin-right: 20px;
}

.section.board .dashboard .subject a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    max-width: 230px;
}

.section.board .dashboard .con-tit {
    margin-left: 10px;
}

.section.board .dashboard .more {
    top: 25px;
}


/* progress */

.progress .graph {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    height: 10px;
    background-color: #e0d7cd;
}

.progress .bar {
    display: block;
    height: 10px;
    background-color: #8b0029;
}

.progress .value {
    margin-left: 15px;
}

.progress .value span {
    color: #e97434;
    font-weight: bold;
}

.progress2 {
    margin: 5px 0;
    line-height: 20px;
    !important;
}

.progress2 .graph {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    height: 10px;
    background-color: #e0d7cd;
    padding: 0;
}

.progress2 .bar {
    display: block;
    height: 10px;
    background-color: #8b0029;
}

.progress2 .value {
    margin-left: 15px;
    font-size: 11px;
}

.progress2 .value span {
    color: #e97434;
    font-weight: bold;
}

.state-graph {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    *width: 96%;
    padding-right: 60px;
}

.state-graph .graph {
    display: block;
    width: 100%;
    height: 17px;
    background-color: #ffbb05;
}

.state-graph .bar {
    display: inline-block;
    vertical-align: top;
    height: 17px;
    background-color: #0061cf;
}

.state-graph .value {
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: bold;
}


/* cdms-list */

.cdms-list dt {
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
    border: 1px solid #c3b5a5;
    border-top: none;
    background-color: #e0d7cd;
}

.cdms-list dt .tit {
    padding-left: 25px;
    background: url("../images/common/bg/bg_cdms_list.gif") no-repeat 0 45%;
}

.cdms-list dt.on {
    height: 45px;
    line-height: 45px;
    border-left: 0;
    border-right: 0;
    background-color: #846a4f;
}

.cdms-list dt.on .tit {
    background-image: url("../images/common/bg/bg_cdms_list_on.gif");
}

.cdms-list dt.on a {
    color: #fff;
}

.cdms-list dt .more {
    float: right;
    padding-right: 22px;
    background: url("../images/common/bg/bg_more.gif") no-repeat right 50%;
}

.cdms-list dt.on .more {
    background-image: url("../images/common/bg/bg_more_on.gif");
}

.cdms-list dd {
    border-bottom: 1px solid #c3b5a5;
}

.cdms-section-list {
    display: inline-block;
    padding-top: 12px;
    background: url("../images/common/bg/bg_cdms_section.gif") repeat-x 0 35px;
}

.cdms-section-list:after {
    clear: both;
    display: block;
    content: " ";
}

.cdms-section-list li {
    position: relative;
    float: left;
    height: 51px;
    line-height: 51px;
    min-width: 50px;
    margin-left: 30px;
    padding: 0 9px;
    text-align: center;
    border: 1px solid #4f4f4f;
    color: #fff;
    background: url("../images/common/bg/bg_cdms_section_list.gif") repeat-x 0 0;
}

.cdms-section-list li:first-child {
    margin-left: 0;
}

.cdms-section-list li .tab {
    position: absolute;
    right: -18px;
    top: -10px;
}

.cdms-section-list li.on {
    background: #8b0029;
}

.cdms-list .list-board li {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding-left: 20px;
    border-top: 1px solid #ccc;
}

.cdms-list .list-board li:first-child {
    border-top: 0;
}

.cdms-list .list-board li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-right: 120px;
    text-decoration: underline;
    color: #3387d5;
}

.cdms-list .list-board .date {
    position: absolute;
    top: 0;
    right: 18px;
}

.cdms-progress img {
    margin-left: 5px;
}

.cdms-progress span {
    vertical-align: middle;
}

.cdms-progress .on {
    font-weight: bold;
    color: #8b0029;
}


/* cdms-section-legend */

.cdms-section-legend {
    float: right;
    padding: 20px 0 10px 0;
}

.cdms-section-legend span {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    margin: 0 5px 2px 0;
    text-indent: -9999px;
    background: url("../images/common/bg/cdms_section_sprite.png") no-repeat 0 0;
}

.cdms-section-legend .green {
    background-position: 0 0;
}

.cdms-section-legend .blue {
    background-position: -12px 0;
}

.cdms-section-legend .blue-sky {
    background-position: 0 -12px;
}

.cdms-section-legend .yellow {
    background-position: -24px 0;
}

.cdms-section-legend .gray {
    background-position: -36px 0;
}

.cdms-section-legend .purple {
    background-position: -48px 0;
}

.cdms-section-legend .pink {
    background-position: -12px -12px;
}

.cdms-section-legend .ivory {
    background-position: -24px -12px;
}

.cdms-section-legend li {
    float: left;
    margin-left: 24px;
    font-size: 12px;
}

.cdms-status .green {
    color: #fff;
    background-color: #26919a;
}

.cdms-status .blue {
    color: #fff;
    background-color: #4267aa;
}

.cdms-status .yellow {
    color: #fff;
    background-color: #ffab58;
}

.cdms-status .gray {
    color: #fff;
    background-color: #a8a8a8;
}

.cdms-status .purple {
    color: #fff;
    background-color: #9a69cb;
}

.cdms-status .month {
    text-align: center;
    font-weight: bold;
    background-color: #f5f5f5;
}


/* section-library */

.section-library {
    overflow: hidden;
    margin-bottom: 10px;
}

.section-library .gate {
    float: left;
    width: 254px;
    height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
}

.section-library .gate2 {
    float: left;
    width: 100%;
    height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
}

.section-library .library {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_library.png") no-repeat 0 0;
}

.section-library .bookstore {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_bookstore.png") no-repeat 0 0;
}

.section-library .notice {
    margin-right: 10px;
    background: #f5f2ee url("../images/common/bg/bg_lib_notice.png") no-repeat 0 0;
}

.section-library .ref-room {
    margin-right: 10px;
    background: #f5f2ee url("../images/common/bg/bg_ref_room.png") no-repeat 0 0;
}

.section-library .cuk {
    background: #f5f2ee url("../images/common/bg/bg_lib_cuk.png") no-repeat 0 0;
}

/*좌*/
.section-library .sup01 {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_sup01.png") no-repeat 0 0;
}
/*우*/
.section-library .sup02 {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_sup02.png") no-repeat 0 0;
}
.section-library .sup03 {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_sup03.png") no-repeat 0 0;
}
.section-library .sup04 {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_sup04.png") no-repeat 0 0;
}
.section-library .sup05 {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_sup05.png") no-repeat 0 0;
}
.section-library .sup06 {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_sup06.png") no-repeat 0 0;
}
.section-library .sup07 {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_sup07.png") no-repeat 0 0;
}
.section-library .sup08 {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_sup08.png") no-repeat 0 0;
}


.section-library .enter_scholarship {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_enter_scholarship.png") no-repeat 0 0;
}

.section-library .scholarship {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_scholarship.png") no-repeat 0 0;
}

.section-library .kosaf {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_kosaf.png") no-repeat 0 0;
}

.section-library .club {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_club.png") no-repeat 0 0;
}

.section-library .cuka {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_cuka.png") no-repeat 0 0;
}

.section-library .area {
    margin: 0 10px 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_area.png") no-repeat 0 0;
}

.section-library .dong {
    margin-bottom: 10px;
    background: #f5f2ee url("../images/common/bg/bg_dong.png") no-repeat 0 0;
}

.section-library .gate .tit,
.section-library .gate2 .tit {
    margin: 25px 0 10px 0;
    font-size: 18px;
    color: #222;
    font-weight: bold;
}

.section-library .gate .desc,
.section-library .gate2 .desc {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 13px;
}

.quick-link {
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #d4c9bb;
}

.quick-link li {
    float: left;
    width: 240px;
    text-align: center;
    background: url("../images/common/bg/bg_quick_link.gif") no-repeat 0 50%;
}

.quick-link li:first-child {
    background: none;
}

.quick-link li a {
    display: block;
    padding: 12px 0;
}

.quick-link li img {
    width: 150px;
    height: 50px;
}

.quick-link li .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

.section-cyberOt {
    overflow: hidden;
    margin-bottom: 20px;
}

.section-cyberOt .gate {
    float: left;
    width: 302px;
    height: 175px;
    background: #f5f2ee;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 15px 15px 0;
    padding: 0 5px 0 0;
}

.section-cyberOt .gate:last-child {
    margin: 0 0 0 0;
}

.section-cyberOt img {
    float: left;
    text-align: left;
}

.section-cyberOt .gate .tit {
    margin: 25px 0 10px 0;
    font-size: 18px;
    color: #222;
    font-weight: bold;
}

.section-cyberOt .gate .desc {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 13px;
    letter-spacing: -1px;
}


/* cyberOt 
.section-cyberOt {overflow:hidden;margin-bottom:20px;}
.section-cyberOt .gate {float:left; width:158px; height:175px; padding:0 15px 0 140px;border-bottom:1px solid #e6e6e6;}
.section-cyberOt .ot01 {margin:0 10px 10px 0;background:#f5f2ee url("../images/common/bg/bg_ot01.png") no-repeat 0 0;}
.section-cyberOt .ot02 {margin:0 10px 10px 0;background:#f5f2ee url("../images/common/bg/bg_ot02.png") no-repeat 0 0;}
.section-cyberOt .ot03 {margin-bottom:10px;background:#f5f2ee url("../images/common/bg/bg_ot03.png") no-repeat 0 0;}
.section-cyberOt .ot04 {margin:0 10px 10px 0;background:#f5f2ee url("../images/common/bg/bg_ot04.png") no-repeat 0 0;}
.section-cyberOt .ot05 {margin:0 10px 10px 0;background:#f5f2ee url("../images/common/bg/bg_ot05.png") no-repeat 0 0;}
.section-cyberOt .ot06 {margin-bottom:10px;background:#f5f2ee url("../images/common/bg/bg_ot06.png") no-repeat 0 0;}

.section-cyberOt .gate .tit {margin:25px 0 10px 0 ;font-size:18px;color:#222;font-weight:bold;}
.section-cyberOt .gate .desc {margin-bottom:15px;line-height:1.4;font-size:13px;}
*/


/*dept-info*/

.dept-info {
    overflow: hidden;
}

.dept-info .sns {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_sns.png") no-repeat 0 0;
}

.dept-info .dept01 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept01.png") no-repeat 0 0;
}

.dept-info .dept02 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept02.png") no-repeat 0 0;
}

.dept-info .dept03 {
    float: left;
    min-height: 305px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept03.png") no-repeat;
    background-size: contain;
    background-position: -78px 0;
}

.dept-info .dept04 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept04.png") no-repeat 0 0;
}

.dept-info .dept05 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept05.png") no-repeat 0 0;
}

.dept-info .dept06 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept06.png") no-repeat 0 0;
}

.dept-info .dept07 {
    float: left;
    min-height: 215px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept07.png") no-repeat 0 0;
}

.dept-info .dept08 {
    float: left;
    min-height: 235px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept08.png") no-repeat 0 0;
    background-size: contain;
    background-position: -1px center;
}

.dept-info .dept09 {
    float: left;
    min-height: 235px;
    padding: 0 15px 0 210px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
    background: #f5f2ee url("../images/common/bg/bg_dept09.png") no-repeat;
    background-size: contain;
    background-position: -21px center;
}

.dept-info .gate .tit {
    margin: 25px 0 10px 0;
    font-size: 18px;
    color: #222;
    font-weight: bold;
}

.dept-info .gate .desc {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 13px;
    padding: 0 10px 0 0;
    display: block;
}


/* error */

.error {
    width: 320px;
    min-height: 120px;
    margin: 150px auto 0 auto;
    padding-left: 130px;
    background: url("../images/common/bg/bg_error.png") no-repeat 0 0;
}

.error h1 {
    padding: 10px 0 15px 0;
    font-size: 24px;
    color: #2e2e2e;
    font-weight: bold;
}


/*font-size:24px;*/

.error p {
    line-height: 1.6;
    font-size: 16px;
    font-weight: bold;
}

.error .em {
    color: #3387d5;
}

.error.class {
    width: 400px;
    padding-left: 175px;
    background: url("../images/common/bg/bg_error_class.png") no-repeat 0 0;
}

.error.class h1 {
    padding: 0;
    line-height: 1.4;
}


/*.error.class h1 {padding:65px 0 0 0;line-height:1.4;}*/

.error.class h1 span {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #525252;
    margin: 5px 0
}


/*.error.class h1 span {display:block;font-size:22px;font-weight:normal;color:#525252;}*/

.error.class h1 .sub {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #727272;
    letter-spacing: -1px;
}


/*.error.class h1 span {display:block;font-size:22px;font-weight:normal;color:#525252;}*/


/* studio */

#content .section.my-studio {
    position: relative;
    padding: 20px 0;
}

.section.my-studio .con-tit {
    margin: 0 20px 15px 20px;
}

.section.my-studio .lybox {
    margin: 0 20px;
}

.section.my-studio .cdms-section-legend {
    margin-right: 20px;
}

.section.my-studio .stat {
    margin-left: 40px;
}

.section.my-studio .sub-tit {
    margin: 0 20px 15px 20px;
}

.my-studio .studio {
    padding: 0 20px;
}

.studio .tbl-st {
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.4;
    border-bottom: 1px solid #cccbca;
}

.studio .tbl-st thead td {
    border-top: 2px solid #c3b4a3;
    border-right: 1px solid #c3b4a3;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background-color: #f1ede7;
}

.studio .tbl-st thead td:first-child {
    border-left: 1px solid #c3b4a3;
}

.studio .tbl-st tbody td {
    vertical-align: top;
    padding: 0;
    border-right: 1px solid #cccbca;
    border-top: 1px solid #cccbca;
}

.studio .tbl-st tbody td:first-child {
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #cccbca;
}

.studio .tbl-st .st-container {
    position: relative;
}

.st-container .st-event {
    position: absolute;
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    color: #fff;
}


/* 개발 margin-top:1px */

.st-container .st-event .st-event-inner {
    padding: 10px;
}

.st-container .st-event .st-title {
    display: block;
    font-weight: bold;
}

.st-container .st-event .st-info {
    display: block;
    font-size: 12px;
}

.st-container .st-event.st-ready {
    background-color: #acacac;
}

.st-container .st-event.st-com {
    background-color: #54b1f2;
}

.st-container .st-event.st-cancel {
    background-color: #ff959c;
}

.st-container .st-event.st-empty {
    vertical-align: middle;
    text-align: center;
    color: #525252;
    background-color: #f8f1e1;
}


/* login */

body.login-wrap {
    background-image: none;
}

.login-wrap .login {
    width: 802px;
    padding: 0 104px 80px 104px;
    margin: 110px auto 0 auto;
    /* border-bottom: 3px solid #b2a89c; */
    background: #fff;
}

.login-wrap .login h1 {
    text-align: center;
    padding: 58px 0 32px 0; /* 21-06-07 수정 */
    border-bottom: 2px solid #8b0029;
    font-size: 36px;
    color: #8b0029;
    font-weight: bold;
}
.login-wrap .login h1 span { /* 21-06-07 추가 */
	display:inline-block;
	margin:0 25px;
	background:#ddd;
	height:40px;
	width:1px;
	vertical-align:middle;
}

.login-wrap .enter {
    position: relative;
    min-height: 200px;  /* 21-06-07 수정 */
    padding: 125px 0 0 418px; /* 21-06-07 수정 */
    border-bottom: 2px solid #8b0029; /* 21-06-07 수정 */
    background: url("../images/common/bg/bg_login.png") no-repeat 80px 70px;
}

.login-wrap .user {
    padding-bottom: 5px;
}

.login-wrap .user label {
    display: inline-block;
    width: 70px;
}

.login-wrap .user .basic {
    width: 175px;
}

.login-wrap .save {
    width: 328px;
    padding: 15px 0 25px 0;
    border-bottom: 1px solid #c4c4c4;
}

.login-wrap .save input[type="checkbox"] {
    margin-right: 8px;
}

.login-wrap .btn-login {
    position: absolute;
    top: 125px;
    right: 56px;
}

.login-wrap .notice {
    margin-top: 15px;
    padding-left: 15px;
    line-height: 1.4;
    background: url("../images/common/bg/bul_bill.gif") no-repeat 0 5px;
}


/* mark, color */

tr.mark.green td {
    background-color: #26919a !important;
}

tr.mark.blue {
    background-color: #4267aa !important;
}

tr.mark.yellow {
    background-color: #ffab58 !important;
}

tr.mark.gray {
    background-color: #a8a8a8 !important;
}

tr.mark.purple {
    background-color: #9a69cb !important;
}

tr.mark.blue-sky {
    background-color: #54b1f2 !important;
}

tr.mark.pink {
    background-color: #ff959c !important;
}

tr.mark.ivory {
    background-color: #f8f1e1 !important;
}

tr.mark.c01 {
    background-color: #bde577 !important;
}

tr.mark.c02 {
    background-color: #fcea73 !important;
}

tr.mark.c03 {
    background-color: #fbd1d0 !important;
}

tr.mark.c04 {
    background-color: #b8e7f7 !important;
}

tr.mark.c05 {
    background-color: #b9ccf8 !important;
}


/* lecture-data */

.lecture-data {
    position: relative;
    display: inline-block;
    width: 70px;
}

.lec-data a {
    display: inline-block;
    vertical-align: middle;
}

.lec-data .v-line {
    display: inline-block;
    vertical-align: middle;
    height: 27px;
    width: 1px;
    background-color: #b7b7b7;
}


/* sms */

.byte {
    margin-top: 5px;
}

.receiver {
    height: 110px;
    overflow-y: scroll;
    padding: 10px 5px;
    border: 1px solid #afafaf;
    background-color: #f8f8f8;
}

.receiver li {
    margin-bottom: 10px;
}

.receiver .num {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 40px;
}


/* ex-guide */

.ex-guide {
    overflow: hidden;
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f1ede7;
}

.ex-guide li {
    height: 31px;
    line-height: 31px;
    float: left;
    width: 50%;
    padding: 5px 0;
    font-size: 14px;
    color: #000;
}

.ex-guide li img {
    margin-right: 7px;
}


/* member-list */

.member-list {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 12px 15px 0 15px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f1ede7;
}

.member-list li {
    text-align: center;
    float: left;
    width: 86px;
    min-height: 97px;
    padding: 0 5px;
}

.member-list .thumb {
    width: 82px;
    height: 54px;
    margin-bottom: 10px;
    border: 2px solid #d1c5b7;
}

.member-list .thumb img {
    width: 100%;
    height: 100%;
}

.member-list .name {
    font-size: 13px;
    color: #7a6969;
}


/*tbl-faculty */

.tbl-faculty .tbl {
    float: left;
    width: 310px;
}

.tbl-faculty .tbl:first-child {
    width: 648px;
    margin-right: 10px;
}

.tbl-faculty .tbl .tab {
    width: 75px;
    height: 49px;
    padding: 0 15px;
}

.tbl-faculty .tbl .desc {
    width: 165px;
    height: 49px;
    padding: 0 20px;
}

.tbl-faculty .tbl:first-child .desc {
    width: 545px;
    height: 49px;
}


/* cdms-set(active4C) */

.cdms-set .tbl-layout td.first {
    padding-right: 10px;
}

.cdms-set .tbl-layout td {
    vertical-align: top;
}

.cdms-set .cdms-tabs .scroll-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #846a4f;
}

.cdms-set .cdms-tabs .tab {
    display: inline-block;
    margin-left: -1px;
    padding: 10px 16px 8px 16px;
    border: 1px solid #a99c8e;
    border-bottom: none;
    color: #6c6c6c;
    background: #f1ede7;
}

.cdms-set .cdms-tabs .tab:first-child {
    margin-left: 0;
}

.cdms-set .cdms-tabs .tab-on {
    margin-bottom: -1px;
    padding: 9px 16px 9px 16px;
    border: 2px solid #846a4f;
    border-bottom: 0;
    background: #fff;
}

.cdms-set .selected {
    border: 1px solid #777;
}

.cdms-set .lybox-nobg {
    padding: 10px;
    border: 1px solid #d4c9bb;
}

.cdms-set div.strong {
    margin-bottom: 5px;
    font-weight: bold;
}

.cdms-set .list-bullet {
    padding-bottom: 10px;
}

.cdms-set .list-bullet li {
    display: inline-block;
    padding: 2px 8px 2px 10px !important;
    margin: 2px 10px 2px 0;
    background: url("../images/common/bg/dot_gray_2_2.gif") no-repeat 3px 50%;
}

.bg_tiger_lybox {
    background: url('../images/common/bg/img_mark_02.gif') no-repeat bottom right;
    background-color: #eeede9
}


}

/* cdms-info-detail(active4C) */
.cdms-info-detail .tbl-layout td.first {
    padding-right: 10px;
}
.cdms-info-detail .tbl-layout td {
    vertical-align: top;
}
.cdms-info-detail .tbl-layout .tbl-detail td {
    vertical-align: middle;
}
.cdms-info-detail .align-c {
    text-align: center;
}
.cdms-info-detail .icon-file-download {
    padding-top: 5px;
}
.section-stats {
    text-align: right;
    padding-top: 10px;
    font-size: 12px;
}
.section-stats span {
    margin-left: 10px;
}
.section-stats span.count {
    margin-left: 0;
}

/* guide-box */
.guide-box {
    line-height: 1.4;
    padding: 15px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f1ede7;
}
.guide-box ul {
    padding: 10px 10px 10px 12px;
}

/* learner(학습자) */
.learner.my-info .user .name {
    padding-top: 0;
}
.learner.my-info .user .name .id{
	font-weight:900;
	text-decoration:underline;
}
.learner.my-info .user .name * {
    vertical-align: middle;
}
.learner.my-info .user .link {
    padding-right: 10px;
}
.learner.my-info .user .line {
    float: right;
    margin-right: 10px;
    padding-left: 10px;
    background: url("../images/common/bg/my_info_sepa.gif") no-repeat 0 50%;
}
.learner.my-info .user .set {
    float: none;
    margin: 0;
}
.learner.my-info .user .club {
    height: auto;
    line-height: inherit;
    padding: 0 12px 0 7px;
    background: url("../images/common/bg/my_info_sepa.gif") no-repeat 100% 3px;
}
.learner.my-info .user .logout {
    bottom: 13px;
    right: 10px;
}
.learner.my-info .user .mail {
    padding-left: 0;
    background: none;
}
.learner.my-info .user .add {
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
}

/* page-error*/
.page-error {
    min-height: 317px;
    margin-top: 100px;
    padding: 150px 0 0 500px;
    background: url("../images/common/bg/page_error.png") no-repeat 0 0;
}
.page-error p {
    line-height: 1.3;
    margin-bottom: 17px;
    color: #282828;
}
.page-error p span {
    color: #910023;
}
.page-error .btn {
    margin-top: 10px;
}
.em.add {
    font-size: 14px;
}
.dashboard.mapping {
    position: relative;
}
.dashboard.mapping .btn-wrap {
    position: absolute;
    top: 150px;
    right: 0;
}
.dashboard.mapping .btn-wrap a {
    margin-top: 5px;
}
.dashboard.mapping .btn-wrap a:first-child {
    margin-top: 0;
}

/* isic */
.isic {
    padding: 5px;
    line-height: 135%;
}
.isic h1 {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    color: #000;
}
.isic .title {
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}
.isic .title .icon {
    color: #8b0029;
}
.isic .foreword span {
    font-weight: bold;
    color: #8b0029;
}
.isic .summary {
    width: 770px;
    margin: 0 auto;
}
.isic .summary td {
    padding: 25px;
    border: 1px solid #cdd3d7;
}
.isic .summary .view {
    text-align: center;
    background-color: #f1ede7;
}
.isic .summary .view img {
    margin-bottom: 20px;
}
.isic .summary strong {
    display: block;
    margin-bottom: 5px;
    color: #000;
}
.isic .de-box {
    padding: 0 20px;
}
.isic .de-box {
    overflow: hidden;
    padding: 5px 20px 0 20px;
}
.isic .de-box .img {
    float: left;
}
.isic .de-box ul {
    float: left;
    margin-left: 10px;
}
.isic .indent {
    margin-left: 25px;
    text-indent: -9px;
}

/* edu-step */
.edu-step {
    width: 842px;
    margin: 0 auto;
}
.edu-step.two {
    width: 416px;
}
.edu-step.three {
    width: 629px;
}
.edu-step:after {
    clear: both;
    display: block;
    content: " ";
}
.edu-step li {
    position: relative;
    text-align: center;
    float: left;
    width: 201px;
    height: 94px;
    margin-left: 10px;
    border: 1px solid #8b0029;
    color: #8b0029;
    background: url("../images/common/bg/edu_step.gif") repeat-x 0 0;
}
.edu-step li.on {
    color: #fff;
    background-image: url("../images/common/bg/edu_step_on.gif");
}
.edu-step li:first-child {
    margin-left: 0;
}
.edu-step .step {
    display: block;
    padding: 44px 0 3px 0;
    font-size: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 50% 10px;
}
.edu-step p {
    font-size: 15px;
}
.edu-step .arrow {
    position: absolute;
    z-index: 1;
    right: -23px;
    top: 30px;
    width: 33px;
    height: 32px;
    background: url("../images/common/icon/edu_step_next.png") no-repeat 0 0;
}
.edu-step .first {
    background-image: url("../images/common/bg/edu_step_01.gif");
}
.edu-step .second {
    background-image: url("../images/common/bg/edu_step_02.gif");
}
.edu-step .third {
    background-image: url("../images/common/bg/edu_step_03.gif");
}
.edu-step .fourth {
    background-image: url("../images/common/bg/edu_step_04.gif");
}
.edu-step .on .first {
    background-image: url("../images/common/bg/edu_step_01_on.gif");
}
.edu-step .on .second {
    background-image: url("../images/common/bg/edu_step_02_on.gif");
}
.edu-step .on .third {
    background-image: url("../images/common/bg/edu_step_03_on.gif");
}
.edu-step .on .fourth {
    background-image: url("../images/common/bg/edu_step_04_on.gif");
}

/* course-as */
.course-as h1 {
    padding: 16px 18px;
    border-bottom: 1px solid #cdcac5;
    font-size: 16px;
    font-weight: bold;
    color: #8b0029;
    background-color: #e4ddd4;
}
.course-as .detail {
    margin-bottom: 20px;
    padding: 15px 18px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #f1ede7;
}
.course-as .detail li {
    margin-top: 6px;
}
.course-as .detail li:first-child {
    margin-top: 0;
}
.course-as .detail li span {
    display: inline-block;
    padding-left: 8px;
    margin-right: 12px;
    background: url("../images/common/bg/dot_gray_2_2.gif") no-repeat 0 8px;
}
.course-as .graph {
    border: 1px solid #afafaf;
}

/* course-enter */
.course-enter {
    display: inline;
}
.course-enter.pic01 {
    float: left;
    width: 100%;
    height: 143px;
    background: url("../images/common/bg/bg_setup01.png") no-repeat 0 -20px;
}
.course-enter.pic02 {
    float: left;
    width: 100%;
    height: 207px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_setup03.png") no-repeat;
}
.course-enter.pic03 {
    float: left;
    width: 100%;
    height: 143px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_setup02.png") no-repeat;
}
.course-enter.pic04 {
    float: left;
    width: 100%;
    height: 143px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_ms365.png") no-repeat 0 -40px;
}

/*MS office*/
.course-enter.pic05 {
    float: left;
    width: 100%;
    height: 138px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_library2.png") no-repeat 0 -35px;
}

/*전자도서관*/
.course-enter.pic06 {
    float: left;
    width: 100%;
    height: 138px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_gsuite.png") no-repeat 0 -30px;
}

/*G-suite*/
.course-enter.pic07 {
    float: left;
    width: 100%;
    height: 138px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_window.png") no-repeat 0 -40px;
}

/*w10업그레이드*/

/*지식공유*/
.course-enter.pic08 {
    float: left;
    width: 100%;
    height: 128px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_write.png") no-repeat 0 -40px;
}

/*글쓰기*/
.course-enter.pic09 {
    float: left;
    width: 100%;
    height: 128px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_tipway.png") no-repeat 0 -40px;
}

/*학습법*/
.course-enter.pic10 {
    float: left;
    width: 100%;
    height: 128px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_swc.png") no-repeat 0 -80px;
}

/*SW코딩*/
.course-enter.pic11 {
    float: left;
    width: 100%;
    height: 145px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_kmooc1.png") no-repeat 0 -40px;
}

/*K-mooc*/
.course-enter.pic12 {
    float: left;
    width: 100%;
    height: 145px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_kmooc2_02.png") no-repeat 0 -40px;
}

/*K-mooc*/
.course-enter.pic13 {
    float: left;
    width: 100%;
    height: 128px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_korean.png") no-repeat 0px -60px;
}

/*K-mooc*/
.course-enter.pic15 {
    float: left;
    width: 100%;
    height: 145px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_kmooc4.png") no-repeat 0px -60px;
}

/* 생체 인증 */
.course-enter.pic14 {
    float: left;
    width: 100%;
    height: 115px;
    margin: 10px 0 0 0;
    background: url("../images/common/bg/bg_bio.png") no-repeat;
    background-position: 0 -50px;
}

/*바른한국어*/
.course-enter .con {
    float: right;
    width: 80%;
    text-align: left;
}
.course-enter h1 {
    padding: 16px 18px;
    border-bottom: 1px solid #cdcac5;
    font-size: 16px;
    font-weight: bold;
    color: #8b0029;
    background-color: #e4ddd4;
}
.course-enter .detail {
    margin-bottom: 20px;
    padding: 15px 18px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #f1ede7;
}
.course-enter .detail li {
    margin-top: 6px;
}
.course-enter .detail li:first-child {
    margin-top: 0;
}
.course-enter .detail li span {
    display: inline-block;
    padding-left: 8px;
    margin-right: 12px;
    background: url("../images/common/bg/dot_gray_2_2.gif") no-repeat 0 8px;
}

/* gallery_lecture */
.gallery_lecture {
    overflow: hidden;
    margin: 0 -1% 16px -1%;
}
.gallery_lecture li {
    float: left;
    width: 23%;
    /*3단:31%, 4단:23%*/
    
    margin: 1%;
}
.gallery_lecture li figure {
    margin: 0 0 5px 0px;
}
.gallery_lecture li figure img {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    border: 1px solid #b0b0b0;
}
.gallery_lecture li figure figcaption {
    display: block;
    line-height: 150%;
    text-align: center;
}

/* gallery_lecture2 */
.gallery_lecture2 {
    overflow: hidden;
    margin: 0 -1% 16px -1%;
}
.gallery_lecture2 li {
    float: left;
    width: 48%;
    margin: 1%;
}
.gallery_lecture2 li figure {
    margin: 0 0 5px 0px;
}
.gallery_lecture2 li figure img {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    border: 1px solid #b0b0b0;
}
.gallery_lecture2 li figure figcaption {
    display: block;
    line-height: 150%;
    text-align: center;
}

/* 20150625 */
.u-guide .sub-tit {
    margin-bottom: 10px;
    font-weight: bold;
}
.u-guide .indent {
    margin: 0 0 0 40px;
}
.u-guide .indent li {
    line-height: 1.4;
    padding: 4px 0;
    text-indent: -17px;
}
.u-guide .indent li * {
    text-indent: 0;
}
.u-guide .ask {
    display: block;
    padding: 10px 0 5px 0;
}
.u-guide .line {
    text-decoration: underline;
}
.u-guide .guide-box {
    margin-top: 10px;
    padding: 10px;
}

/* 1339 이하 */
@media all and (max-width:1339px) {
    .skip {
        width: 100%;
    }
    
    .btn-expand {
        display: block;
        left: 300px;
    }
    
    #wrap {
        width: 1010px;
        margin: 0;
    }
    
    #header {
        background-color: #fff;
    }
    
    #aside #header .logo {
        visibility: hidden;
        width: 0;
        height: 0;
    }
    
    #aside {
        position: absolute;
        z-index: 20;
        left: -300px;
        box-shadow: 2px 0 8px rgba(0, 0, 0, .7);
    }
}

/*
스크립트 처리시
@media all and (max-width:1339px){
	#dim {display:block;}
	#wrap {width:1010px;margin:0;}
	#header {background-color:#fff;}
	#aside #header .logo {visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
	#aside {display:block;position:absolute;z-index:10;left:0;box-shadow:2px 0 8px rgba(0, 0, 0, .7);}
}
*/

/* 20160226 hsshin85 edu-step-1 */
.edu-step-1 {
    width: 842px;
    margin: 0 auto;
}
.edu-step-1.two {
    width: 416px;
}
.edu-step-1.three {
    width: 629px;
}
.edu-step-1:after {
    clear: both;
    display: block;
    content: " ";
}
.edu-step-1 li {
    position: relative;
    text-align: center;
    float: left;
    width: 201px;
    height: 94px;
    margin-left: 10px;
    border: 1px solid #8b0029;
    color: #8b0029;
    background: url("../images/common/bg/edu_step.gif") repeat-x 0 0;
}
.edu-step-1 li.on {
    color: #fff;
    background-image: url("../images/common/bg/edu_step_on.gif");
}
.edu-step-1 li:first-child {
    margin-left: 0;
}
.edu-step-1 .step {
    display: block;
    padding: 15px 0 3px 0;
    font-size: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 50% 10px;
}
.edu-step-1 p {
    font-size: 13px;
}
.edu-step-1 .arrow {
    position: absolute;
    z-index: 1;
    right: -23px;
    top: 30px;
    width: 33px;
    height: 32px;
    background: url("../images/common/icon/edu_step_next.png") no-repeat 0 0;
}

/*게시판*/
.tableType {
    border-top: 1px solid #c5b6a6;
}
.viewType.type0 .cont img {
    max-width: 100%;
    margin: 0 auto;
    border: 0;
    marin: 0;
}
.listType.type4 .row {
    overflow: hidden;
    width: 100%;
}
.listType.type4 .row .tit {
    float: left;
    width: 23%;
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid #d2d2d2;
}
.listType.type4 .row .txt {
    float: left;
    width: 74%;
    padding: 20px 0;
    border-top: 1px solid #d2d2d2;
    min-height: 30px;
}
.listType.type4 .row .tit+.txt {
    margin-left: 3%
}
.listType.type3 {
    margin-bottom: 0px;
}
.listType.type3 p.desc {
    line-height: 160%;
    margin-bottom: 26px;
}
.listType.type3 {
    overflow: hidden;
}
.listType.type3 .wrap {
    margin-bottom: 0px;
    padding-top: 0;
    display: table;
    float: left;
    width: 100%;
}
.listType.type3 .wrap.last {
    margin-top: 0px;
}
.listType.type3 .wrap ul.desc li {
    padding-left: 11px;
    text-align: left;
    width: calc(100% - 11px);
    line-height: 18px;
    font-family: "NanumGothic", dotum, arial, sans-serif !important;
    background: url("http://img.cuk.edu/university/ico/ico_bullet_06.gif") no-repeat left 7px;
    display: table-cell;
    float: left;
}
.listType.type3 .wrap ul.desc li+li {
    margin-top: 10px;
}
.listType.type3 .wrap ul.desc li ul {
    margin-top: 4px;
}
.listType.type3 .wrap ul.desc li ul li {
    padding-left: 0;
    background: none;
}
.listType.type3 .wrap ul.desc li span.blockTxt {
    display: inline;
}
.listType.type8 .wrap ul.desc li {
    padding-left: 9px;
    line-height: 18px;
    font-family: "NanumGothic", dotum, arial, sans-serif !important;
    display: table-cell;
    width: 100%;
    float: left;
}
.listType.type8 .wrap ul.desc li+li {
    margin-top: 10px;
}
.listType.type8 .wrap ul.desc li ul {
    margin-top: 4px;
}
.listType.type8 .wrap ul.desc li ul li {
    padding-left: 0;
    background: none;
}
.listType.type8 .wrap ul.desc li span.blockTxt {
    display: inline;
}
.qmark {
    padding-left: 19px;
    margin-bottom: 10px;
    background: url("http://img.cuk.edu/university/ico/ico_mark_01.gif") no-repeat left center;
    color: #324b8c !important;
    font-size: 14px !important;
}
.addTxt {
    color: #6e6e6e;
    font-size: 12px;
}
.checkPointBox span.txt {
    display: inline;
}
.btnType {
    display: inline-block !important;
    position: relative;
    text-decoration: none !important;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}
.btnType * {
    text-decoration: none !important;
    word-break: keep-all;
}
.btnType.type5 {
    height: 25px;
    padding-left: 4px;
    background: url("http://img.cuk.edu/university/btn/btn_type5_left.png") no-repeat left top;
}
.btnType.type5 .inner {
    display: block;
    padding: 0 10px;
    background: url("http://img.cuk.edu/university/btn/btn_type5_right.png") no-repeat right top;
    height: 25px;
    line-height: 26px;
    text-align: center;
    text-indent: -4px;
    color: #505050;
    font-size: 12px;
    font-weight: normal;
}
.btnType.type5 .bg {
    padding-left: 20px;
    background: url("http://img.cuk.edu/university/btn/btn_type3_inner07.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.btnType.type5 .bgMovie {
    padding-left: 20px;
    background: url("http://img.cuk.edu/university/btn/btn_type3_inner06.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
html.ie7 .btnType.type5 .inner {
    margin-left: 4px;
}
html.ie7 .btnType.type5 .inner img {
    vertical-align: bottom;
}
.boxType.type0 {
    overflow: hidden;
    border: 1px solid #dad9d7;
    padding: 15px;
}
.boxType.type0 .listType {
    float: left;
}
.boxType.type0 p {
    padding: 0;
    line-height: 160%;
}
.mTop5 {
    margin-top: 5px;
}
.mTop10 {
    margin-top: 10px;
}
.mTop15 {
    margin-top: 15px;
}
.mTop20 {
    margin-top: 20px;
}
.mTop30 {
    margin-top: 30px;
}
.mTop40 {
    margin-top: 40px;
}
.mTop80 {
    margin-top: 80px;
}

/*예비대학강의실*/

/*장학안내*/
.listType.type5 {
    padding: 0 0 10px;
}
.listType.type5::after {
    display: block;
    clear: both;
    content: "";
}
.listType.type5 li {
    float: left;
    text-align: center;
    list-style-type: none !important;
    background: url(http://go.cuk.edu/sites/enter/images/arrow_R_01.png) no-repeat 86% 50%;
    padding-right: 109px;
}
.listType.type5 li+li {}
.listType.type5 li:last-child {
    padding-right: 0;
}
.listType.type4 {
    padding: 0 0 10px;
}
.listType.type4::after {
    display: block;
    clear: both;
    content: "";
}
.listType.type4 li {
    float: left;
    text-align: center;
    list-style-type: none !important;
    background: url(http://go.cuk.edu/sites/enter/images/arrow_R_01.png) no-repeat center;
    padding-right: 42px;
}
.listType.type4 li+li {}
.listType.type4 li:last-child {
    padding-right: 0;
}

/* 유튜브영상 new-video */
.new-video .video {
    position: relative;
    width: 100%;
    padding-top: 56.6%;
    text-align: center;
}
.new-video .video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.new-video .video-caption {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 23px 16px 23px 20px;
    color: #333;
    resize: none;
    font-size: 13px;
    line-height: 22px;
    box-sizing: border-box;
    vertical-align: top;
}
.new-video .video-caption.olive {
    background-color: rgba(204, 224, 125, 0.33);
}
.new-video .video-caption.gray {
    background-color: #f5f5f5;
}
.new-video.type02 {
    display: flex;
    min-height: 170px;
}
.new-video.type02 .video {
    width: 50%;
    padding-top: 28%;
}
.new-video.type02 .video-caption {
    width: 50%;
}
.new-video.type02 .video-caption .scrollbar {
    height: 100%;
    max-height: 151px;
    padding-right: 15px;
}
.new-video.type02 .video-caption .scrollbar span {
    display: block;
}
.new-video.type02 .video-caption .scrollbar .title {
    line-height: 25px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
}
.new-video.type02 .video-caption .scrollbar .title+.name {
    margin-bottom: 14px;
}
.new-video.type02 .video-caption .scrollbar .name {
    line-height: 19px;
    font-size: 14px;
    color: #666;
}
.new-video.type02 .video-caption .scrollbar p {}

/* scroll */
.scrollbar {
    height: 92px;
    width: 100%;
    overflow-y: auto;
    padding-right: 12px;
}
.force-overflow {
    height: auto;
}
#scroll-type::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    background-color: #ededed;
}
#scroll-type::-webkit-scrollbar {
    width: 4px;
    background-color: #ededed;
}
#scroll-type::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);
    background-color: #8b0029;
}
.new-video.type02 #scroll-type::-webkit-scrollbar-thumb {
    background-color: #8b0029;
}

/* scroll ie */
.scrollbar {
    scrollbar-3dLight-Color: #efefef;
    scrollbar-arrow-color: #8b0029;
    scrollbar-base-color: #ededed;
    scrollbar-Face-Color: #8b0029;
    scrollbar-Track-Color: #efefef;
    scrollbar-DarkShadow-Color: #efefef;
    scrollbar-Highlight-Color: #8b0029;
    scrollbar-Shadow-Color: #dfdfdf
}

/* mw */
.margin-top20 {
    margin-top: 20px
}

/* Student Support */
.img-box02 {
    position: relative;
    background-color: #f5f2ee;
}
.img-box02 .gate2 {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto;
    margin-bottom: 10px;
    padding: 0 15px 0 50%;
    z-index: 1;
    border-bottom: 0;
}
.img-box02 .gate2 .guide-list {
    margin-bottom: 20px;
}
.img-box02>img {
    width: calc(50% - 30px);
    height: auto;
    min-height: 280px;
}
.img-box02 .sub-tit {
    padding-left: 12px;
    background-position: 0 5px;
}
.desc.type02 {
    margin: 15px 0 0;
}

/* box */
.img-box03 {
    display: flex;
    background-color: #f5f2ee;
}
.text-box {
    padding: 10px 30px 10px 20px;
}
.img-box,
.text-box {
    width: 50%;
}


/* content list ThumbBox */
.cont-list-box{overflow:hidden;}
.cont-list-box.col02 .cont-list{width:calc(50% - 10px);float:left;margin-right:20px;}
.cont-list-box.col02 .cont-list:last-child{margin:0;}
.cont-list-box.col03 .cont-list{width:calc(33.3333333% - 10px);float:left;margin-right:15px;}
.cont-list-box.col03 .cont-list:last-child{margin:0;}

.cont-list.speech-cont{}
.cont-list.speech-cont p{font-size:13px;color:#525252;line-height:24px;letter-spacing:-1px;}

.cont-list-box .cont-list{}
.cont-list-box .cont-list .cont-list-Thumb{background:#f1ede7;padding:1px;box-sizing:border-box;position:relative;}
.cont-list-box .cont-list .cont-list-Thumb .conInner-tit{position:relative;}
.cont-list-box .cont-list .cont-list-Thumb .conInner-tit a.btnD{position:absolute;top:50%;right:0;margin-top:-15px;}
.cont-list-box .cont-list .cont-list-Thumb .thumbSign{position:absolute;bottom:20px;right:0;}
.cont-list-box .cont-list .cont-list-Thumb.bigThumb{height:473px;}
.cont-list-box .cont-list .cont-list-Thumb.smallThumb{height:290px;}
.cont-list-box .cont-list .cont-list-Thumb.midiumThumb{height:380px;}
.cont-list-box .cont-list .cont-list-Thumb.thumbBgC{background:#d4c9bb;}
.cont-list-box .cont-list .cont-list-Thumb .cont-listT-head{}
.cont-list-box .cont-list .cont-list-Thumb .cont-listT-head img{width:100%;}
.cont-list-box .cont-list .cont-list-Thumb .cont-listT-body{padding:20px;box-sizing:border-box;font-size:13px !important;}
.cont-list-box .cont-list .cont-list-Thumb .cont-listT-body.bodyScroll{height:100px;overflow-y:scroll;}
.cont-list-box.col03 .cont-list .cont-list-Thumb .cont-listT-body{padding:20px 10px;}

.cont-list-box.trans .cont-list .cont-list-Thumb{overflow:hidden;}
.cont-list-box.trans .cont-list .cont-list-Thumb .cont-listT-head{float:left;width:50%;}
.cont-list-box.trans .cont-list .cont-list-Thumb .cont-listT-body{float:left;width:50%;}