@charset "utf-8";

.sub_content_area {padding-top:50px; padding-bottom:50px; border-top:solid 1px #e1e1e1;}

.sub_content_area .sub_content_area_outline {padding-left:328px; overflow:hidden;}
.sub_content_area .sub_content_area_outline_full {overflow:hidden;}

/* 왼쪽 메뉴 영역 */
.local_navi {float:left; width:270px; margin-left:-328px;}
.local_navi h2.lefttitle {margin-bottom:20px; font-size:25px; font-weight:normal; line-height:1; text-align:center;}
.local_navi>ul {border-top:solid 1px #00002e; border-bottom:none;}
.local_navi>ul>li {border-bottom:solid 1px #ebebeb;}
.local_navi>ul>li a.title {display:block; padding:5px 10px; padding-left:25px; /*height:40px; line-height:40px;*/ color:#3c3c3c; font-size:15px; position:relative;}
.local_navi>ul>li a.title span.cert {display:inline-block; width:20px; height:20px; background:url('/images/icon/icon_cert.png') no-repeat center center; position:absolute; top:10px; right:10px; cursor:pointer;}
.local_navi>ul>li.active a.title {color:#009c97;}
.local_navi>ul>li.active a.title span.cert {background:url('/images/icon/icon_cert_active.png') no-repeat center center;}
.local_navi>ul>li:hover a.title {color:#009c97; text-decoration:underline;}
.local_navi>ul>li.active:hover a.title {color:#009c97;}

.leftmenu_depth2 {margin:0 10px; padding:10px; background-color:#fff;}
.leftmenu_depth2 ul {}
.leftmenu_depth2 ul li {}
.leftmenu_depth2 ul li a {padding-left: 26px;background: url(/images/BLU3/ctl/icon_nav_bar.png) no-repeat 14px center; display: block;}
.leftmenu_depth2 ul li a:hover {color:#009c97; text-decoration:underline;}
.leftmenu_depth2 ul li a.active {color:#009c97;}

/* 테스크탑 */
@media all and (max-width:1200px){
      .local_navi {float:left; padding-top:0; width:180px; margin-left:-200px;}
      .local_navi>ul>li>a {display:block; padding-left:15px;}
}

@media all and (max-width:1024px){
      .local_navi {display:none;}      
}


.sub_content {float:right; width:100%;}
.sub_header {overflow:hidden;}

h3.subtitle {font-size:40px; font-weight:normal; line-height:1;}

.location {font-size:14px; color:#676a6c; line-height:15px; position:absolute; top:10px; right:20px;}
.location a {display:inline-block; padding:0 15px 0 10px; vertical-align:middle; background:url('/images/icon/location_arrow.png') no-repeat center right;}
.location a:hover {text-decoration:underline;}
.location a img {vertical-align:top;}
.location span.current_menu {display:inline-block; padding-left:5px; vertical-align:middle; color:#193f89;}

.sub_outline {padding:30px 0 50px;}

/* 테스크탑 */
@media all and (max-width:1200px){
      .sub_content_area .sub_content_area_outline {padding-left:210px;}
      .sub_content {float:right; width:100%;}
      .sub_header {overflow:hidden; padding:0 10px;}
      .sub_outline {padding:30px 20px 50px 10px;}      
}

@media all and (max-width:1024px){
      .sub_content_area {padding-top:20px; margin:0 auto 20px;}      
      .sub_content_area .sub_content_area_outline {padding-left:0;}
      .sub_content {float:none; width:100%;}

      .sub_header {overflow:hidden; padding:0 10px;}
      .sub_outline {padding:30px 15px 50px;}      
}
@media all and (max-width:768px){
      .sub_outline {padding:15px 15px 50px;}
      h3.subtitle {font-size:30px;}
}
/* 모바일*/
@media all and (max-width:667px){
}
@media all and (max-width:480px){
      .location {display:none;}
}



/* 강좌 카테고리가 있을 경우 레이아웃 변화 : 2018-12-06*/
.lecture_category {margin-bottom:10px; position:relative;}
.lecture_category h3 {padding:10px 20px 5px; font-size:20px; border-bottom:solid 1px #e6e6e6;}
.lecture_category .btn_cata_list {display:block; text-align:right; border-bottom:none;}
.lecture_category .btn_cata_list button {padding:0 25px 0 10px; height:36px; line-height:36px; font-size:16px; color:#666; font-weight:600; border:solid 1px #ddd; background-color:#fff; border-radius:3px; position:relative;}
.lecture_category .btn_cata_list button span.cert {display:inline-block; width:10px; height:10px; background:url('/images/icon/btn_arrow_next.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-5px;}
.lecture_category .btn_cata_list button.active span.cert {background:url('/images/icon/btn_arrow_prev.png') no-repeat center center;}

.cata_list { padding:10px; width:200px; border:solid 1px #ccc; background-color:#fff; position:absolute; top:37px; right:0; z-index:10; box-shadow:0 3px 3px rgba(0,0,0,0.2);}
.cata_list ul {padding:10px;}
.cata_list ul>li {}
.cata_list ul>li>a {display:block; padding:7px 10px; border-radius:3px;}
.cata_list ul>li>a:hover {color:#0fa075;}
.cata_list ul>li a.cata_depth1 {font-weight:600; padding-left:25px; background:url('/images/BLU3/ctl/cata_plus.png') no-repeat 5px center;}
.cata_list ul>li a.cata_depth1:hover {font-weight:600;}
.cata_list ul>li a.cata_depth1.active {background-color:#e6f1e6; font-weight:600; color:#0fa075; background-image:url('/images/BLU3/ctl/cata_minus.png');}
.cata_list ul>li ol {padding:10px 10px 20px 20px;}
.cata_list ul>li ol li {}
.cata_list ul>li ol li a {display:block; padding-left:10px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 9px;}
.cata_list ul>li ol li a:hover {color:#2956a6; text-decoration:underline;}
.cata_list ul>li ol li a.active {color:#0fa075; font-weight:600; text-decoration:underline;}


/* 테스크탑 */
@media all and (max-width:1200px){
      .sub_content_area .sub_content_area_outline {padding-left:210px;}
      .sub_content {float:right; width:100%;}
      .sub_header {overflow:hidden; padding:0 10px;}
      .sub_outline {padding:30px 20px 50px 10px;}      
}

@media all and (max-width:1024px){
      .sub_content_area {padding-top:20px; margin:0 auto 20px;}      
      .sub_content_area .sub_content_area_outline {padding-left:0;}
      .sub_content {float:none; width:100%;}

      .sub_header {overflow:hidden; padding:0 10px;}
      .sub_outline {padding:30px 15px 50px;}
}
@media all and (max-width:768px){
      .sub_outline {padding:15px 15px 50px;}
      h3.subtitle {font-size:30px;}
}
/* 모바일*/
@media all and (max-width:667px){
}



.normal_type_input {margin:0 auto; width:400px;}
.normal_type_input h3 {margin-bottom:20px; font-size:24px; border-bottom:solid 1px #ccc;}
.normal_type_input input.email_input {margin-bottom:10px; width:300px; height:40px; line-height:40px; border-radius:3px; box-sizing:border-box;}
.normal_type_input button {background-color:#7894c7;}
.normal_type_input a {text-decoration:underline; color:#ff0000;}

.normal_type_policy_check h3 {margin-bottom:20px; font-size:24px; border-bottom:solid 1px #ccc;}

.policy_check {padding:10px 0;}
.policy_check .check_act {margin-bottom:5px;}
.policy_check .check_act input[type="checkbox"] {width:15px; height:15px;}
.policy_check .policy_txt {height:300px; border:solid 1px #ccc;}
.policy_check .policy_txt iframe {width:100%; height:300px; border:none;}

/* 약관페이지 스타일 */
.policy_page {padding:10px; background-color:#fff;}
.policy_page .policy_title {display:inline-block; padding:0 15px; font-size:14px; color:#fff; background-color:#aaa; border-radius:30px;}
.policy_page .policy_page_txt {margin-bottom:30px;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .normal_type_input {margin:0 auto; width:100%;}
      .normal_type_input button {padding:0; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden;}
      .normal_type_input input.email_input {width:100%;}
}
/* 모바일*/
@media all and (max-width:320px){
}


/* 회원정보입력 */
table.member_board {width:100%; font-size:14px; margin-bottom:20px; border-top:solid 1px #000000;}
table.member_board thead {border-bottom:solid 1px #cccccc;}
table.member_board th {padding:5px 15px; color:#333333; border-right:solid 1px #eaeaea; background-color:#f8f8f8; border-bottom:solid 1px #e8e8e8;}
table.member_board td {padding:5px 10px; line-height:20px; border-right:solid 1px #eaeaea; border-bottom:solid 1px #e8e8e8;}
table.member_board .end {border-right:none;}
table.member_board td a {}
table.member_board input[type="text"], table.member_board input[type="password"] {height:25px; line-height:25px;}
.profile_photo {width:100px; height:100px; background-repeat:no-repeat; background-size:cover;}

.btn_table_inner_gray {display:inline-block; vertical-align:middle; padding:0 7px; height:28px; line-height:28px; color:#fff !important; background-color:#666;
      -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.btn_table_inner_gray:hover {opacity:0.8;}


/*파일업로드*/
.filebox01 label, .filebox01 .upload_name {border-radius:4px; height:28px; line-height:28px; background:#666;  border:1px solid #666; border-width:1px 1px 2px 1px;   box-sizing:border-box; font-size:1em; color:#fff; vertical-align: middle;  cursor: pointer; padding:0 1em;}
.filebox01{ display:inline-block;}
.filebox01 input[type="file"] { position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.filebox01 label {display: inline-block;}
/* named upload */
.filebox01 .upload_name{ display: inline-block; padding:0 0.5em;  font-size: inherit; font-family: inherit;vertical-align: middle; background-color: #fff; color:#333; border:none; box-sizing:border-box; cursor:inherit;}

/*///////////////////////////////////////////////////////////////////////////////////////////////
 아이디/비밀번호찾기
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.idpw_find_box {display:table; width:100%;}
.idpw_find_box .id_find {display:table-cell; padding:20px 0; width:50%; text-align:center; vertical-align:top; border-right:solid 1px #f2f2f2;}
.idpw_find_box .pw_find {display:table-cell; padding:20px 0; width:50%; text-align:center; vertical-align:top;}

.idpw_find_box button {padding:0; width:300px; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden; background-color:#696f7b; box-sizing:border-box;}
.idpw_find_box button:hover {opacity:0.9;}
.idpw_find_box input[type="email"], .idpw_find_box input[type="text"], .idpw_find_box input[type="password"] {margin-bottom:5px; width:300px; height:40px; border-radius:3px; box-sizing:border-box;}

.idpw_find_ment {padding-top:10px; text-align:center; border-top:solid 1px #f2f2f2;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .idpw_find_box {display:block; width:400px; margin:0 auto;}
      .idpw_find_box .id_find {display:block; padding:20px 0; width:initial; text-align:center; vertical-align:top; border-right:none; border-bottom:solid 1px #ccc;}
      .idpw_find_box .pw_find {display:block; padding:20px 0; width:initial; text-align:center; vertical-align:top;}      
}
/* 모바일*/
@media all and (max-width:480px){
      .idpw_find_box {display:block; width:100%; margin:0 auto;}
      .idpw_find_box button {width:100%;}
      .idpw_find_box input[type="email"], .idpw_find_box input[type="text"], .idpw_find_box input[type="password"] {width:100%;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
 강좌 목록
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* 강의리스트 소트 설정영역: 2018-11-08 */
.list_sort_set {margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #ccc; overflow:hidden;}
.list_sort_set .left {float:left; padding-top:10px; line-height:1;}
.list_sort_set .right {float:right; padding-right:5px;}
.list_sort_set .sort_option {font-size:12px;}
.list_sort_set .sort_option a {display:inline-block; padding:0 5px; border-left:solid 1px #999;}
.list_sort_set .sort_option a:hover {text-decoration:underline;}
.list_sort_set .sort_option a.first {border-left:none;}

.list_sort_set .list_type_select {}
.list_sort_set .list_type_select a {display:inline-block; width:22px; height:22px; font-size:0; text-indent:-1000px; vertical-align:middle;}
.btn_listtype_thum {background:url('/images/BLU3/ctl/icon_listtype_thum.png') no-repeat center center;}
.btn_listtype_thum:hover, .btn_listtype_thum.active {background:url('/images/BLU3/ctl/icon_listtype_thum_act.png') no-repeat center center;}
.btn_listtype_text {background:url('/images/BLU3/ctl/icon_listtype_text.png') no-repeat center center;}
.btn_listtype_text:hover, .btn_listtype_text.active {background:url('/images/BLU3/ctl/icon_listtype_text_act.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:480px){
      .list_sort_set .left {float:none; margin-bottom:10px;}
      .list_sort_set .right {float:none;}
      .list_sort_set .sort_option a:first-child {display:inline-block; padding:0 5px 0 0;}
}

/* 강의 상세보기 */
.sub_outline_2grid {display:table; padding-bottom:0; width:100%;}
.sub_outline_2grid .left_area {display:table-cell; padding-right:15px; padding-bottom:50px; width:auto; vertical-align:top;}
.sub_outline_2grid .right_area {display:table-cell; padding-left:15px; width:200px; border-left:solid 1px #ccc; vertical-align:top;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){      
      .sub_outline_2grid {display:block; padding-bottom:0; padding-top:70px !important; position:relative;}
      .sub_outline_2grid .left_area {display:block; padding-right:0; padding-bottom:20px;}
      .sub_outline_2grid .right_area {display:block; padding-left:0; width:initial; border-top:solid 1px #ccc; border-left:none;}
}
/* 모바일*/
@media all and (max-width:640px){
      
}

.lecture_header_img {margin-bottom:15px; height:200px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-color:#f2f2f2;}
.lecture_tag {padding-bottom:10px; border-bottom:solid 1px #ccc;}
.lecture_tag ul {overflow:hidden;}
.lecture_tag ul li {float:left; margin:0 2px;}
.lecture_tag ul li a {display:inline-block; padding:0 10px; height:20px; line-height:20px; font-size:12px; color:#fff; background-color:#8a9daf; border-radius:20px;}
.lecture_tag ul li a:hover {opacity:0.8;}

h3.lect_name {margin-bottom:5px; font-size:26px; color:#333; font-weight:normal; line-height:1.2;}


/* 교수자소개 */
/* 사진 */
.user_photo {padding:20px 0; text-align:center; position:relative;}
.user_photo span.photo {display:inline-block; width:90px; height:90px; background:url('/images/sub/avatar_img.png') #f2f2f2 no-repeat center center;
      -webkit-border-radius:100px;
      -moz-border-radius:100px;
      -o-border-radius:100px;
      border-radius:100px;}
.user_photo .username {display:block; color:#fff;}
.user_photo .username span {}
.user_photo .username span.more {display:inline-block; padding:0 5px; height:20px; font-size:18px; letter-spacing:-1px; font-weight:600; vertical-align:middle;}
/*.user_photo .username:hover span.more {color:#333; background-color:#f2f2f2;}*/


.teacher_intro {display:table; width:100%; border-top:solid 2px #797979; border-bottom:solid 1px #ddd;}
.teacher_intro .photo {display:table-cell; padding:10px 0; width:200px; text-align:center; border-right:solid 1px #ccc; vertical-align:top}
.teacher_intro .photo .avatar_thum {display:inline-block; width:120px; height:120px; border:solid 0px #ddd; background-color:#f2f2f2; background-position:center center; overflow:hidden;
      -webkit-border-radius:120px;
      -moz-border-radius:120px;
      -o-border-radius:120px;
      border-radius:120px;
}
.teacher_intro .self_history {display:table-cell; padding:10px 15px; vertical-align:top}
.teacher_intro .self_history ul {padding:0; margin:0;}
.teacher_intro .self_history ul li {padding:0; margin:0; padding-left:8px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 9px;}
.teacher_intro .teacher_name {font-size:16px;}

/* 모바일*/
@media all and (max-width:1024px){
      .teacher_intro .photo {display:table-cell; padding:10px 0; width:120px; text-align:center; border-right:solid 1px #eee; vertical-align:top}
      .teacher_intro .photo .avatar_thum {display:inline-block; width:100px; height:100px; border:solid 1px #ddd; background-position:center center; overflow:hidden;
      -webkit-border-radius:100px;
      -moz-border-radius:100px;
      -o-border-radius:100px;
      border-radius:100px;}
}

/* 모바일*/
@media all and (max-width:768px){
      .teacher_intro .photo {display:table-cell; padding:10px 0; width:150px; text-align:center; border-right:solid 1px #ccc; vertical-align:top}
      .teacher_intro .photo .avatar_thum {display:inline-block; width:100px; height:100px; border:solid 1px #ddd; background-position:center center; overflow:hidden;
      -webkit-border-radius:100px;
      -moz-border-radius:100px;
      -o-border-radius:100px;
      border-radius:100px;}
}

/* 모바일*/
@media all and (max-width:480px){
      .teacher_intro {display:block;}
      .teacher_intro .photo {display:block; width:initial; border-right:none; border-bottom:solid 1px #ccc;}
      .teacher_intro .self_history {display:block; padding:10px 15px;}
}


/* 우측영역 */

/* 과정 정보 */
.class_info {padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ccc;}
button.btn_app {width:100%; height:50px; color:#fff; font-size:20px; background-color:#0fa075;}
button.btn_app:hover {opacity:0.8;}
.class_info dl {}
.class_info dt {padding-top:10px; font-size:16px; font-weight:600;}
.class_info dd {}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){      
      button.btn_app {margin:0; box-sizing:border-box; position:absolute; top:10px; left:0;}
}
/* 모바일*/
@media all and (max-width:640px){
      
}

/* 리뷰/평점 : 평균치 */
.class_rate {padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ccc;}
.class_rate_info {text-align:center;}
.class_rate_info .star {font-size:16px;}
.class_rate_info .rate_num {font-size:20px;}
.class_rate_info .rate_num span {font-weight:normal; font-size:14px;}

/* 학습자 평가 */
.rate_comment_list {border-top:solid 2px #797979;}
.rate_comment {border-bottom:dotted 1px #ccc; padding:10px; font-size:13px;}
.rate_comment p {padding:0; padding-bottom:5px;}
.rate_comment .writer {font-size:16px;}
.rate_comment .rate_count {display:inline-block; padding:3px 10px; margin-bottom:5px; background-color:#eee; border:solid 1px #ddd; 
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      -o-border-radius:20px;
      border-radius:20px;
}
.btn_comment_write {padding:0 13px; height:26px; color:#fff; background-color:#555; 
      -webkit-border-radius:26px;
      -moz-border-radius:26px;
      -o-border-radius:26px;
      border-radius:26px;
}
.btn_comment_write:hover {opacity:0.8;}

.rate_comment_write {padding-top:10px; border-top:solid 2px #797979; overflow:hidden;}
.rate_comment_write select {padding:0 10px; color:#333;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      -o-border-radius:20px;
      border-radius:20px;
}
.rate_comment_write textarea {float:left; width:100%; height:100px; background-color:#f2f2f2;}
.rate_comment_write button {float:right; width:95px; height:50px; color:#fff; background-color:#000000;}


/* 관련강의 리스트 */
.relate_class_list {}
.relate_class_list h2.title {margin-bottom:0;}
.relate_class_list ul.list {width:100%;}
.relate_class_list ul.list li {margin-bottom:20px; width:100%; background-color:#fff;}
.relate_class_list ul.list li a {display:block;}
.relate_class_list ul.list li .thum {display:block; width:100%; height:122px; position:relative;
      background-size:cover;
      background-position: center top;
      background-repeat: no-repeat;
}
.relate_class_list ul.list li .thum .icon_play {display:inline-block; width:66px; height:66px; background:url('/images/BLU3/ctl/icon_play.png') no-repeat center center; position:absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px; z-index:1;}
.relate_class_list ul.list li .info {display:block; padding:5px 0 0;}
.relate_class_list ul.list li .info .title {display:block; color:#333; font-size:16px; font-weight:600;}
.relate_class_list ul.list li a:hover .title {text-decoration:underline;}
.relate_class_list ul.list li .info .term {display:block; color:#666666; font-size:13px; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.relate_class_list ul.list li .info .auther {color:#666666; font-size:13px;}
.relate_class_list ul.list li .info .popularity_rating {display:block; color:#666666; font-size:12px;}
.relate_class_list ul.list li .info .popularity_rating .rate {color:#ff9900; letter-spacing:-1px;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){      
}
/* 모바일*/
@media all and (max-width:640px){
      .relate_class_list ul.list li {margin-bottom:20px; width:100%; background-color:#fff;}      
}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 마이페이지
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* 진행중 강의 리스트 */
.my_list {border-top:solid 1px #000000; position:relative;}
.my_list ul.list {}
.my_list ul.list li {padding:10px 0 10px 200px; background-color:#fff; border-bottom:solid 1px #ccc; overflow:hidden; position:relative;}
.my_list ul.list li:hover {background-color:#fbfbfb;}
.my_list ul.list li .thum {float:left; margin-left:-190px; display:block; width:180px; height:120px; background-color:#f2f2f2; background-size:cover; background-position:center center; position:relative;}
.my_list ul.list li .thum .icon_play {display:inline-block; width:50px; height:50px; background:url('/images/BLU3/ctl/icon_play.png') no-repeat center center; background-size:100%; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; z-index:1;}
.my_list ul.list li .info {float:right; display:block; padding:10px 0; width:100%;}
.my_list ul.list li .info .title {display:block; color:#98012e; font-size:16px; font-weight:600; margin-bottom:5px;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.my_list ul.list li .info .cata {display:block; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 8px;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.my_list ul.list li .info .term {display:block; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 8px;}
.my_list ul.list li .info .app_count {display:block; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 8px;}
.my_list ul.list li .info .status {display:block; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 8px;}
.my_list ul.list li .info .status .ing_track {display:inline-block; margin:0; padding:0; margin-left:10px; width:150px; height:3px; line-height:0; vertical-align:middle; background-color:#ddd;}
.my_list ul.list li .info .status .ing_track .bar {display:inline-block; margin:0; padding:0; height:3px; line-height:0; background-color:#8bc34a; position:relative; top:-1px;}
.my_list ul.list li .info .rate {display:block; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 8px;}
.my_list ul.list li .func {position:absolute; top:50%; right:10px; margin-top:-20px;}
.my_list ul.list li .btn_go_class {width:100px; height:40px; color:#fff; background-color:#666;
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      -o-border-radius:3px;
      border-radius:3px;
}
.my_list ul.list li .btn_go_class:hover {opacity:0.8;}
.label_class_complete {width:180px; height:120px; line-height:120px; color:#fff; font-size:18px; text-align:center; background-color:#f2f2f2; background-color:rgba(102,153,204,0.8);  position:absolute; top:10px; left:10px; z-index:2;}


/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .my_list ul.list li .info .title {display:block; margin-right:150px; line-height:1.3;
      text-overflow:initial;
      white-space:initial;
      word-wrap:initial;
      overflow:initial;}

      .my_list.my_list_complete ul.list li {}
      .my_list.my_list_complete ul.list li .func {display:block; position:absolute; top:50%; right:10px; margin-top:-45px;}
      .my_list.my_list_complete ul.list li .func button {display:block; margin:3px 0;}
}
/* 모바일*/
@media all and (max-width:640px){
      .my_list ul.list {padding-top:10px;}
      .my_list ul.list li {padding:10px; margin-bottom:10px; background-color:#fff; border:solid 1px #ccc; border-radius:3px; overflow:initial;
            /* box shadow */
            -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
            -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
            box-shadow: 0 2px 3px rgba(0,0,0,.1);
      }
      .my_list ul.list li a {display:block;}
      .my_list ul.list li .thum {display:none;}
      .my_list ul.list li .info {float:none; padding:0 0 10px;}  
      .my_list ul.list li .info .title {display:block; margin-right:0; line-height:1.3;
      text-overflow:initial;
      white-space:initial;
      word-wrap:initial;
      overflow:initial;}

      .my_list ul.list li .info .status .ing_track {width:130px;}

      .my_list.my_list_complete ul.list li .info .title {display:block; margin-right:60px; margin-bottom:5px; line-height:1.3;
      text-overflow:initial;
      white-space:initial;
      word-wrap:initial;
      overflow:initial;}      

      .my_list ul.list li .func {display:block; padding-top:10px; text-align:center; border-top:solid 1px #ddd; position:relative; top:initial; right:initial; margin:0;}
      .my_list ul.list li .func button {display:inline-block; margin:0; width:100%;}      

      .my_list.my_list_complete ul.list li .func {display:block; padding-top:10px; text-align:center; border-top:solid 1px #ddd; position:relative; top:initial; right:initial; margin:0;}
      .my_list.my_list_complete ul.list li .func button {display:inline-block; margin:0; width:48%;}      

      .label_class_complete {width:50px; height:50px; line-height:50px; font-size:16px; background-color:#f2f2f2; background-color:rgba(102,153,204,0.8); position:absolute; top:10px; left:initial; right:10px; margin:0;
            -webkit-border-radius:50px;
            -moz-border-radius:50px;
            -o-border-radius:50px;
            border-radius:50px;
      }
}


/* paging ********************************/
.paging {clear:both; text-align:center; margin-top:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#333333; border:1px solid #333; vertical-align:middle;}
.paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover {color:#333333; font-weight:bold;}
.paging .prev {background:url('/images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover {background:url('/images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next {background:url('/images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover {background:url('/images/icon/btn_paging_next_on.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){
}




.ocw_intro_box {padding:15px; border:solid 3px #e2e2e2;}
.ocw_intro_box ul {}
.ocw_intro_box ul li {}

/* OCW 과정 리스트 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.ocw_list {padding-top:20px; border-top:solid 1px #000000; border-bottom:solid 1px #cccccc; position:relative;}
.ocw_list ul.list { margin-left: -2%; }
.ocw_list ul.list li { float:left; width:31%; margin:0 0 2% 2%; height:250px; background-color:#fff; position:relative; border:1px solid #eaeaea;}
.ocw_list ul.list li:hover {background-color:#f2f2f2;}
.ocw_list ul.list li .thum {display:block; width:100%; height:142px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}
.ocw_list ul.list li .thum .icon_play {display:inline-block; width:66px; height:66px; background:url('/images/BLU3/ctl/icon_play.png') no-repeat center center; position:absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px; z-index:1;}
.ocw_list ul.list li .info {display:block; padding:10px 10px 0;}
.ocw_list ul.list li .info .title {display:block; color:#1a7ca6; font-size:16px; font-weight:normal;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.ocw_list ul.list li a:hover .title {text-decoration:underline;}
.ocw_list ul.list li .info .cata {display:block; color:#666666; font-size:12px; 
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.ocw_list ul.list li .info .provide {display:block; color:#666666; font-size:12px;}
.ocw_list ul.list li .info .popularity_rating {display:block; margin-top:10px; color:#666666; font-size:12px;}
.ocw_list ul.list li .info .popularity_rating .rate {color:#ff9900; letter-spacing:-1px;}

.ocw_list ul.list li.no_thum {background-color:#f5f5f5;}
.ocw_list ul.list li.no_thum .info {padding:15px 10px 0; height:92px; text-align:left; border-bottom:solid 1px #d0d0d0;}
.ocw_list ul.list li.no_thum .info .title {font-size:18px;}
.ocw_list ul.list li.no_thum .info .cata {display:block; color:#666666; font-size:12px; 
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.ocw_list ul.list li.no_thum .info .provide {display:block; color:#666666; font-size:12px;}
.ocw_list ul.list li.no_thum .info .popularity_rating {display:block; margin-top:0; color:#666666; font-size:12px;}
.ocw_list ul.list li.no_thum .lead_txt {display:block; padding:13px 15px 0; color:#999999; font-size:12px; line-height:19px;
      max-height:113px; 
      display:-webkit-box;
      -webkit-line-clamp:6;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}

.ocw_list ul.list li a.btn_delete {display:inline-block; width:40px; height:40px; line-height:40px; color:#fff; font-size:12px; text-align:center; background-color:#4caf50; position:absolute; top:0; right:0;}
.ocw_list ul.list li a.btn_delete:hover {background-color:#ff5722;}

/* 테스크탑 */
@media all and (max-width:1200px){

}
/* 테블릿*/
@media all and (max-width:768px){
      .ocw_list ul.list li {float:left; margin:0 1.5% 25px; width:47%; height:230px;}
      .ocw_list ul.list li .thum {display:block; width:100%; height:122px;}
      .ocw_list ul.list li .thum .icon_play {display:inline-block; width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
      .ocw_list ul.list li.no_thum .lead_txt {display:block; padding:13px 15px 0; color:#999999; font-size:12px; line-height:19px;
      max-height:100px; 
      display:-webkit-box;
      -webkit-line-clamp:5;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}
}
/* 모바일*/
@media all and (max-width:480px){
      .ocw_list ul.list li {float:left; margin:0 2% 25px; width:96%; height:230px;}      
}

/* ocw 과정검색 /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ocw_search {margin-bottom:30px; height:inherit; border-bottom:solid 1px #cccccc;}
.ocw_search ul {height:32px; border-bottom:solid 1px #2b2b2b; position:relative;}
.ocw_search ul li {float:left;}
.ocw_search ul li a.btn_title {display:inline-block; margin-right:1px; width:150px; height:32px; line-height:35px; font-size:14px; color:#666666; text-align:center; background-color:#e7e7e7;}
.ocw_search ul li a.btn_title.active {height:31px; color:#333; font-weight:bold; border:solid 1px #666666; border-bottom:solid 1px #fff; background-color:#fff;}
.ocw_search ul li .search_option {width:100%; text-align:center; position:absolute; top:50px; left:0;}

/* 모바일*/
@media all and (max-width:480px){
      .ocw_search ul li a.btn_title {width:100px;}
}

.ocw_cata_txt {}
.ocw_cata_txt a {display:inline-block; padding:0 3px; line-height:1; font-size:13px; border-left:solid 1px #7d7d7d;}
.ocw_cata_txt a.first {border-left:none;}
.ocw_cata_txt a:hover {text-decoration:underline;}
.ocw_cata_txt a .count {color:#cc0000;}
button.btn_ocw_search {padding:0 10px; height:28px; color:#fff; border:solid 0px #333; background-color:#333333;}
button.btn_ocw_search:hover {opacity:0.8;}

.ocw_search_result {overflow:hidden;}
.ocw_search_result .left {float:left;}
.ocw_search_result .right {float:right;}
.sort_option {font-size:12px;}
.sort_option a {padding:0 5px; border-left:solid 1px #999;}
.sort_option a:hover {text-decoration:underline;}
.sort_option a.first {border-left:none;}

/* 모바일*/
@media all and (max-width:480px){
      .ocw_search_result .left {float:none;}
      .ocw_search_result .right {float:none;}
      
      .sort_option {margin-bottom:3px; padding:5px 0;}
      .sort_option a {display:inline-block; padding:0 10px; height:20px; line-height:20px; background-color:#fff; border-left:none; border:solid 1px #aaa;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            -o-border-radius:3px;
            border-radius:3px;
      }
      .sort_option a:hover {text-decoration:none;}
      .sort_option a.first {border-left:inherit; border:solid 1px #aaa;}
}

/* ocw 제공자별 강의 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ocw_provide_cata {margin-bottom:30px; border-top:solid 1px #000; border-bottom:solid 1px #cccccc;}
.ocw_provide_cata .top {padding:5px 10px; overflow:hidden;}
.ocw_provide_cata .top .left {float:left;}
.ocw_provide_cata .top .right {float:right;}
.ocw_provide_cata .provide_list {border-top:solid 1px #cccccc; padding:10px;}
.ocw_provide_cata .provide_list ul {overflow:hidden;}
.ocw_provide_cata .provide_list ul li {float:left; margin:0 1%; width:23%; font-size:13px;}
.ocw_provide_cata .provide_list ul li a {}
.ocw_provide_cata .provide_list ul li a:hover {text-decoration:underline;}
.ocw_provide_cata .provide_list ul li a span {color:#cc0000;}

/* 태블릿 */
@media all and (max-width:1024px){
      .ocw_provide_cata .provide_list ul li {margin:0 1%; width:31.33%;}
}

@media all and (max-width:768px){
      .ocw_provide_cata .provide_list ul li {margin:0 2%; width:46%;}
}

/* 모바일*/
@media all and (max-width:480px){
      .ocw_provide_cata .provide_list ul li {margin:0 2%; width:86%;}
}


h3.ocw_lect_name {font-size:24px; color:#3399cc; font-weight:normal; line-height:1.2;}

/* ocw lecture list */
table.ocw_lect_list {clear:both; width:100%; font-size:13px; border-top:2px solid #797979; border-bottom:1px solid #b4b4b4;}
table.ocw_lect_list thead {}
table.ocw_lect_list thead th {padding:5px; color:#666666; border-bottom:1px solid #a6a6a6;}
table.ocw_lect_list tbody td {padding:10px 3px; text-align:center; border-bottom:1px solid #d9d9d9;}
table.ocw_lect_list tbody tr:hover {background-color:#f2f2f2;}
/*table.ocw_lect_list tbody tr:nth-child(even) td {background:#F7F7F7;}*/
table.ocw_lect_list tbody a.ac:hover {font-weight:bold; text-decoration:underline;}
table.ocw_lect_list .ta_l {padding-left:10px; text-align:left;}

.ocw_lect_info {border:solid 3px #e2e2e2; padding:10px; overflow:hidden;}
.ocw_lect_info ul {padding:0 10px;}
.ocw_lect_info ul li {float:left; width:45%; background:url('/images/BLU3/ctl/bullet_dot.png') no-repeat left 10px; padding-left:9px;}
.ocw_lect_info ul li .subject {color:#000; margin-right:5px;}
.ocw_lect_info ul li .rating {color:#ff6600;}

/* 태블릿 */
@media all and (max-width:768px){
      .ocw_lect_info ul li {float:left; width:45%; }
}

/* 모바일*/
@media all and (max-width:480px){
      .ocw_lect_info ul li {float:left; width:95%; }
}


.ocw_detail_fuc_area {padding:20px 0; text-align:center; border-top:solid 1px #ccc;}
.btn_mylist_add {padding:0 20px; height:36px; color:#fff; font-size:16px; background-color:#545a5d;}
.btn_mylist_add:hover {opacity:0.8;}
.icon_put {display:inline-block; width:16px; height:16px; line-height:0; margin-right:3px; background:url('/images/icon/icon_put.png') no-repeat center center;}




/* 비교과 프로그램 : 2018-08-01 ////////////////////////////////////////////////////////////////////////////////////////////*/
.nonsubject_ti {margin-bottom:10px; font-size:18px; color:#6699cc; font-weight:600;}
ul.nonsubject_txt {margin-bottom:30px; font-size:14px; line-height:1.5;}
ul.nonsubject_txt li {margin-bottom:10px; padding-left:7px; background:url('/images/icon/bullet_dot_sm.png') no-repeat left 7px;}
ul.nonsubject_txt li.nobullet {background:none;} 


/* 수업계획서 */
.lec_plan {margin:0 20px; color:#777777;}
.lec_plan li {padding:10px; border-bottom:solid 1px #cecece;}
.lec_plan li.end {padding:10px; border-bottom:0px;}
.lec_plan li:after {content: ""; display:block; clear:both;}
.lec_plan li .subject {float:left; display:inline-block; width:17%; margin-right:3%;}
.lec_plan li .txt {float:right; display:inline-block; width:80%;}
.lec_plan li .lec_name {font-size:23px; color:#171616;}

@media all and (max-width:768px){
      .lec_plan li .subject {float:none; display:inline-block; width:100%; margin-right:0; font-weight:600; font-size:12px; color:#333;}
      .lec_plan li .txt {float:none; display:inline-block; width:100%;}
      .lec_plan li .lec_name {font-size:23px; color:#171616;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 커뮤니티 
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sub_content_community_area {padding-top:30px; margin:0 auto; width:1000px;}
.sub_content_community {padding-left:210px; padding-bottom:30px; overflow:hidden;}
.sub_header {overflow:hidden; position:relative;}
.sub_outline_community {float:right; width:100%; padding:30px 0; background-color:#fff;}
.sub_outline_community .community_inner {padding:0 15px;}

.local_navi_community {float:left; width:200px; margin-left:-210px; background-color:#fff; position:relative;}
.local_navi_community ul {}
.local_navi_community ul>li {position:relative;}
.local_navi_community ul>li.first>a {border-top:none;}
.local_navi_community ul>li>a {display:block; padding:0 10px 0 15px; height:40px; line-height:43px; color:#666666; font-size:14px; font-weight:600; border-bottom:solid 1px #ccc; /*background:url('/images/sub/community/bullet_line.png') no-repeat 10px center;*/}
.local_navi_community ul>li:last-child>a {border-bottom:none;}
.local_navi_community ul>li>a:hover {color:#000;}
.local_navi_community ul>li>a.active {color:#000; border-bottom:solid 2px #ff9900;}
.local_navi_community ul li span.cert {display:inline-block; width:20px; height:20px; background:url('/images/sub/community/icon_plus.png') no-repeat center center; position:absolute; top:10px; right:10px; cursor:pointer;}
.local_navi_community ul li span.cert.active {background:url('/images/sub/community/icon_minus.png') no-repeat center center;}
.local_navi_community ul li ol {padding:15px 25px; background-color:#888c8e; /*background-color:#e8e2db;*/}
.local_navi_community ul li ol li {}
.local_navi_community ul li ol li a {display:block; padding:0 7px; height:25px; line-height:25px; color:#fff; /*color:#573814;*/ background:url('/images/BLU3/ctl/bullet_dot_white.png') no-repeat left center;}
.local_navi_community ul li ol li a:hover {text-decoration:underline;}
.local_navi_community ul li ol li a.active {font-weight:600;}

.local_navi_community a.btn_navi_community_mobile {display:none;}

/* 테블릿 */
@media all and (max-width:1000px){
      .sub_content_community_area {width:100%;}
}

@media all and (max-width:768px){
      .sub_content_community_area {padding-top:30px; margin:0 auto; width:98%;}
      .sub_content_community {padding-left:0; padding-bottom:30px; overflow:hidden;}      
      .sub_outline_community {float:none; width:100%; padding:30px 0;}

      .local_navi_community {float:none; width:100%; margin-left:0; border-bottom:solid 2px #b5bbbd;}

      .local_navi_community a.btn_navi_community_mobile {display:block; padding:0 15px; height:36px; line-height:36px; font-size:16px; font-weight:600; position:relative;}
      .local_navi_community a.btn_navi_community_mobile i.fa {font-size:16px; position:absolute; top:50%; right:10px; margin-top:-8px;}
      .local_navi_community ul {display:none; width:100%; border-top:solid 1px #ccc; background-color:#fff; position:absolute; top:38px; left:0; z-index:1;}
      .local_navi_community ul li ol {padding:10px 10px;}
}

/* 모바일 */
@media all and (max-width:414px){

}


.community_name {margin-bottom:30px; padding:13px; line-height:1.3; border:solid 1px #ccc; font-size:20px; color:#333333; font-weight:bold; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.community_comment {display:table; width:100%; height:140px; background:url('/images/sub/community/community_main_visual1.png') #ffce4d no-repeat 30px top;}
.community_comment span.ment {display:table-cell; padding-left:290px; font-size:17px; color:#6c503e; line-height:1.3; vertical-align:middle;}
.community_commentuser {border-bottom:solid 1px #ccc; margin-bottom:30px; padding:17px 0 15px 38px; color:#666666; background:url('/images/sub/community/comentuser_bg.gif') no-repeat 20px 10px; overflow:hidden;}
.community_commentuser span.thum {display:inline-block; border:solid 1px #9c9e9a; margin-right:15px; width:85px; height:64px; overflow:hidden; background-size:cover; background-position:center center;}
.community_commentuser span {display:block;}

.community_search {padding:10px; background-color:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.community_search select {background-color:#fff !important;}

.community_title1 {padding-left:10px; width:100%; font-size:16px; font-weight:600; border-bottom:solid 1px #ccc;}

.community_board {position:relative; width:48%; overflow:hidden;}
.community_board .more {font-size:12px; position:absolute; right:10px; top:6px; z-index:200;}
.community_list {}
.community_list ul.list{ margin:5px 0 0px 5px;}
.community_list ul.list li{line-height:24px; background:url('/images/BLU3/ctl/bullet_dot.png') no-repeat left 8px; padding-left:9px; overflow:hidden; position:relative;}
.community_list ul.list li a.boardlist {font-size:13px; display:block; margin-right:100px;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.community_list ul.list li span.noticeDate {font-size:12px; color:#999; position:absolute; top:0; right:10px;}

.community_album {width:320px; padding:5px 15px;}
.community_album dl{margin-bottom:5px; padding:5px 0;}
.community_album dt{float:right; width:225px;  margin:3px 0 5px 0px; padding:0;  font-weight:bold; letter-spacing:-1px; line-height:120%; color:#666666; 
 display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.community_album dd{margin:0; color:#666; font-size:12px; line-height:1.4;}
.community_album dd.img img{float:left; width:87px; margin:0 5px 0 0; padding:0px; border:1px solid #dadada;}
.community_album dl.endlist{margin-bottom:5px;}

a.communityName:link {font-size:16px; color:#333; font-weight:600; text-decoration:none;}
a.communityName:hover { color:#ff6600; text-decoration:none;}

.state_comfirmagree{font-size:11px; color:#0099cc;}
.state_complete{font-size:11px; color:#999;}
.state_reject{font-size:11px; color:#ff3333;}
.state_close{font-size:11px; color:#999;}
.state_colosagree{font-size:11px; color:#ff6600;}

@media all and (max-width:1024px){
      .community_comment {display:none;}
      .community_board {width:100%; margin-bottom:20px;}
}

/* 커뮤니티 메뉴관리: 2018-09-10 */
.menu_manager {padding:10px 0; margin-bottom:10px; border-bottom:solid 1px #ccc; overflow:hidden;}
.menu_manager .basic_set {float:left; width:45%;}
.menu_manager .menu_move {float:left; padding-top:90px; width:10%; text-align:center;}
.menu_manager .menu_move a {display:block; padding:3px 0;}
.menu_manager .custom_set {float:left; width:45%;}
.menu_manager .title {margin-bottom:3px; height:30px; line-height:30px; text-align:center; color:#647d88; border:solid 1px #eee;}
.menu_manager select {padding:10px 5px; width:100%; height:200px; color:#666; border:solid 1px #ccc;}
.menu_manager .basic_set select {height:233px;}
.menu_manager .control {padding:5px 0;}
.menu_manager .control input[type="text"] {width:200px; color:#666;}
.menu_manager .control a.btn_move {display:inline-block; width:26px; height:26px; line-height:26px; font-size:0; text-indent:-10000px; background-color:#fff; border:solid 1px #c3c3c3;}
.menu_manager .control a.btn_move:hover {border:solid 1px #999;}
.menu_manager .control a.btn_move_top {background:url('/images/BLU3/ctl/btn_menu_move_top.png') no-repeat center center;}
.menu_manager .control a.btn_move_down {background:url('/images/BLU3/ctl/btn_menu_move_down.png') no-repeat center center;}
.menu_manager .control a.btn_rename {display:inline-block; padding:0 10px; height:26px; line-height:26px; font-size:12px; color:#fff; background-color:#666; border:solid 1px #666;}

@media all and (max-width:768px){
      .menu_manager .control input[type="text"] {width:100px;}      
}

@media all and (max-width:414px){
      .menu_manager .control input[type="text"] {width:70px;}
      .menu_manager .control a.btn_rename {display:block; margin-top:5px; padding:0 10px; height:26px; line-height:26px; font-size:12px; color:#fff; background-color:#666; border:solid 1px #666;} 
}

/* 사진게시판 */
.photo_board {}
.photo_board ul {margin-left:-2%; overflow:hidden;}
.photo_board ul li {float:left; margin-left:2%; margin-bottom:15px; width:31.33%;}
.photo_board ul li a {display:block;}
.photo_board ul li span.thum {display:block; height:130px; background-position:center center; background-size:cover; background-repeat:none; border:solid 1px #f2f2f2;}
.photo_board ul li span.photo_info {display:block; padding:10px; background-color:#fff;}
.photo_board ul li span.photo_info .subject {display:block; font-size:16px;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.photo_board ul li span.photo_info .writer {display:block; font-size:12px; color:#666;}
.photo_board ul li span.photo_info .date {display:block; font-size:12px; color:#666;}

@media all and (max-width:768px){
      .photo_board ul li {margin-left:2%; width:48%;}
}

@media all and (max-width:414px){
      .photo_board ul li {margin-left:2%; width:98%;}
}

/* 학사일정 /////////////////////////////////////////*/
.schedule_month_select {margin-bottom:30px; padding:20px; text-align:center; border-bottom:solid 1px #ccc; position:relative;}
.schedule_month_select button {font-size:20px; vertical-align:middle; background-color:#fff;}
.schedule_month_select button.btn_month_prev {}
.schedule_month_select button.btn_month_next {}

.schedule_month_select button.btn_move i {color:#999;}
.schedule_month_select button.btn_move:hover i {color:#333;}

.schedule_month_select strong.month {display:inline-block; margin:0 10px; vertical-align:middle; font-size:26px;}

.schedule_month_select button.btn_current_month {padding:0 10px; height:36px; border:solid 1px #999; font-size:16px; border-radius:5px; position:absolute; top:calc(50% - 18px); right:10px;}
.schedule_month_select button.btn_current_month:hover {border-color:#333;}

.schedule_month_detail {font-size:16px;}
.schedule_month_detail .detail_row {display:table; width:100%; margin-bottom:20px; padding:20px 30px; border-radius:10px; background-color:#fff; border:solid 1px #ddd; box-sizing:border-box; transition: all 0.5s ease-out;}
.schedule_month_detail .detail_row:hover {box-shadow:5px 5px 15px 0 #ccc; border:solid 1px #eee;}

.schedule_month_detail .detail_row.blank {display:block; padding:100px 30px; text-align:center;}
.schedule_month_detail .detail_row.blank i {font-size:30px; color:#999;}
.schedule_month_detail .detail_row.blank span {display: block;}
.schedule_month_detail .detail_row.blank:hover {box-shadow:initial;}

.schedule_month_detail .detail_row .day_field {display:table-cell; width:30%; vertical-align:middle;}
.schedule_month_detail .detail_row .day_field span {display:inline-block; padding:0 6px; color:#999;}
.schedule_month_detail .detail_row .day_field strong {display:inline-block;}

.schedule_month_detail .detail_row .detail_list {display:table-cell; padding-left:30px; border-left:solid 1px #ccc; vertical-align:middle;}
.schedule_month_detail .detail_row .detail_list ul {}
.schedule_month_detail .detail_row .detail_list ul li {padding:5px 0; color:#666; position:relative;}
.schedule_month_detail .detail_row .detail_list ul li:after {display:block; content:'·'; position:absolute; top:5px; left:-10px;}

@media screen and (max-width:768px) {
      .schedule_month_select {margin-bottom:20px; padding:20px 10px; text-align:left;}      

      .schedule_month_detail {font-size:16px;}
      .schedule_month_detail .detail_row .day_field {width:150px;}
}

@media screen and (max-width:480px) {
      .schedule_month_select strong.month {font-size:20px;}
      .schedule_month_select button.btn_current_month {height:36px; font-size:14px; right:0;}

      .schedule_month_detail .detail_row.blank {padding:50px 10px;}
      .schedule_month_detail .detail_row .day_field {display:block; padding-bottom:10px; margin-bottom:10px; width:initial; border-bottom:solid 1px #999;}
      .schedule_month_detail .detail_row .day_field span {padding:0; margin-right:6px;}
      .schedule_month_detail .detail_row .detail_list {display:block; padding-left:0; font-size:14px; border-left:none;}
      .schedule_month_detail .detail_row .detail_list ul {margin-left:10px;}
      
}