@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 캘린더 -------- */
/* 캘린더 :: 상단 */
.calendar-top-con{position:relative; height:120px; padding: 0 20px;background-color:#494949}
.calendar-top-con .calendar-date{position:relative; height:65px; line-height:65px; border-bottom:1px solid #646464;}
.calendar-top-con .calendar-date:after{position:absolute; bottom:-1px; left:50%; width:14px; height:1px; margin-left:-7px; background-color:#fff; content:"";}
.calendar-top-con .current-year-month{text-align:center; letter-spacing:-0.5px; font-size:18px; color:#fff; font-weight:400;}
.calendar-top-con .current-year{display:inline-block; vertical-align:middle; text-align:left; line-height:1.3; font-size:22px; color:#fff; margin-left:15px; font-weight:400;}
.calendar-top-con .current-year b{display:block; font-weight:600; }
.calendar-top-con a{position:absolute; top:50%; margin-top:-12px; width:22px; height:22px; line-height:22px; text-align:center; }
.calendar-top-con a i{color:#fff; font-size:24px; vertical-align:middle;}
.calendar-top-con .prev-month-btn{left:0; }
.calendar-top-con .next-month-btn{right:0; }
.calendar-simple-info{line-height:54px; text-align:center; color:#fff; font-size:13px;}
.calendar-simple-info .info-tit{ display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.5px; margin-right:15px; }
.calendar-simple-info .info-day{display:inline-block; vertical-align:top;letter-spacing:0.5px; }
/* 캘린더 :: 캘린더 */
.calendar-content{border:1px solid #e5e5e5; height:283px; background-color:#fff;}
.calendar-content .calendar-tbl{width:100%;  table-layout: fixed }
.calendar-content .calendar-tbl th, .calendar-content .calendar-tbl td{}
.calendar-content .calendar-tbl th{height:46px; color:#222; font-size:12px; letter-spacing:-0.5px; font-weight:400; }
.calendar-content .calendar-tbl th.saturday{color:#1a67c6; border-color:#1a67c6}
.calendar-content .calendar-tbl th.sunday{color:#c51d1e; border-color:#c51d1e}
.calendar-content .calendar-tbl th.active{color:#023793; font-weight:500}
.calendar-content .calendar-tbl td{height:45px; vertical-align:top; }
.calendar-content .calendar-tbl td.has-schedule{position:relative; cursor:pointer; }
.calendar-content .calendar-tbl td .date{display:block; width:30px; height:30px; line-height:30px; text-align:center; margin:8px auto; font-size:12px; color:#222; letter-spacing:-0.5px; font-weight:400; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.calendar-content .calendar-tbl td.today .date{background-color:#e2e2e2}
.calendar-content .calendar-tbl td .date.sunday{color:#f03838;}
.calendar-content .calendar-tbl td .date.saturday{color:#0856d6;}
.calendar-content .calendar-tbl td .date.none-day{color:#d2d2d2;}
.calendar-content .calendar-tbl td.today .date.sunday,
.calendar-content .calendar-tbl td.today .date.saturday{background-color:#e2e2e2}
.calendar-content .calendar-tbl td.active .date{color:#023793; font-weight:500}
.calendar-content .calendar-tbl td .has-schedule-icon{position:absolute; top:13px; right:10px;}
.calendar-content .calendar-tbl td .has-schedule-icon i{color:#000;}
.calendar-content .calendar-tbl td .schedule-list-wrapper{position:absolute; bottom:5px; left:0px; right:0px; text-align:center; }
.calendar-content .calendar-tbl td .schedule-list-con {height:auto; display:inline-block; }
.calendar-content .calendar-tbl td .schedule-list-con li{float:left; width:5px; height:5px ; padding-left:0; margin:0 2px; font-size:0;}
.calendar-content .calendar-tbl td .schedule-list-con li:before{position:static; width:100%; height:100%; display:block; content:"";  background-color:#023793;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.calendar-content .calendar-tbl td.today .schedule-list-con li:before{display:none}

/* 서브 캘린더 */
.sub-calendar-container .calendar-top-con{height:85px; padding:0 10px;}
.sub-calendar-container .calendar-top-con .calendar-date{height:50px; line-height:50px;}
.sub-calendar-container .calendar-top-con .current-year-month{font-size:16px}
.sub-calendar-container .calendar-simple-info{line-height:34px; font-size:12px;}
.sub-calendar-container .calendar-content{height:222px}
.sub-calendar-container .calendar-content .calendar-tbl th{height:auto; padding:14px 0 10px;}
.sub-calendar-container .calendar-content .calendar-tbl td{height:30px}
.sub-calendar-container .calendar-content .calendar-tbl td .date{margin:0px auto;}
.sub-calendar-container .calendar-content .calendar-tbl td .schedule-list-wrapper{bottom:-3px;}


/* 커스텀 Select */
.custom-select-box{
 display:inline-block;
 vertical-align:middle;
 }
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  cursor: pointer;
 width:100%;
 vertical-align:middle;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: block;
}
.custom-select-trigger {
  position: relative;
  display: block;
  width: 100%;
  color: #666;
  line-height: 40px;
  background-color: #ffffff;
  border:1px solid #ccc;
  border-radius: 3px;
  text-indent:10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size:14px;
  background:url(/images/icon/select_arrow.png) no-repeat 92% 50%; 
}


.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0%;
  right: 0;
  width: 100%;
  margin: 10px 0;
  border-radius: 5px;
  /*  box-shadow: 0 2px 1px rgba(0, 0, 0, .1); */

  background: #fff;
  transition: all 0.2s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  border: 0;
 border:1px solid #ccc;
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(-8px);

}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 10px;
  font-size:14px;
  font-weight: 400;
  color: #666;
  line-height: 47px;
  cursor: pointer;
  transition: all 0.05s ease-in-out;
}
.custom-option:first-of-type {
  border-radius: 4px 4px 0 0;

  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.custom-option:hover,
.custom-option.selection {
  color: #023793;
}

/* 이전다음 공통 */
.prev-next-controls-box{position:relative; text-align:center; width:100%; margin-top:30px;}
.prev-next-controls-box:before{position:absolute; top:5px; bottom:5px; left:50%;width:1px;  background-color:#ddd; content:"";}
.prev-next-controls-box .prev-next-controls{display:inline-block; }
.prev-next-controls-box .prev-next-controls i{display:inline-block; width:23px; height:23px;  text-align:center; border:1px solid #999; vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; color:#888; font-size:18px; line-height:23px;}
.prev-next-controls-box .prev-next-controls strong{display:inline-block; vertical-align:middle; font-size:18px; color:#333; font-weight:400;}
.prev-next-controls-box .bbs-prev-btn strong{margin:0 27px 0 15px;}
.prev-next-controls-box .bbs-next-btn strong{margin:0 15px 0 27px;}

/* *******************************************************
 ### ABOUT ###
******************************************************** */

/* ******************  ABOUT :: Why 100Classics? ********************** */
.why-wrap {margin-top:30px; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;letter-spacing:-0.75px;text-align:center;font-weight:300; word-break:keep-all;}
.why-wrap h2.why-title {font-size:28px;line-height:1.26;font-weight:300;color:#666;}
.why-wrap h2.why-title span {display:block;color:#023793; font-weight:400;}
.why-wrap h2.why-title-02 {margin:80px auto 0;font-size:25px;font-weight:600; line-height:32px; color:#023793;}
.why-wrap h2.why-title-02 span {display:block;margin:20px auto 0;font-size:16px;color:#666;font-weight:normal;line-height:24px;}
.why-wrap div.why-content {margin:44px auto 0;font-size:18px;line-height:1.5;color:#222;}
.why-wrap div.why-content span {display:block;}
.why-wrap div.why-content span b {font-weight:500;}
.why-wrap div.why-content-02 {text-align:left;font-size:15.5px;line-height:24px;font-weight:normal;}
.why-wrap div.why-content-03 {margin:0 -15px; padding:30px 15px 70px;background:#f5f5f5 url(/images/content/why-img05.png) no-repeat 95% 94%; background-size:120px auto}
.why-wrap div.why-content-03 p {padding:10px 0;text-align:left;font-size:16px;line-height:24px;font-weight:normal;}
.why-wrap div.why-imgbox {position:relative;margin:25px auto;}
.why-wrap div.why-imgbox span {display:block; margin-bottom:19px;}
.why-wrap div.why-imgbox span img{width:100%;}
.why-wrap div.why-imgbox-02 {position:relative;margin:38px auto 80px;}
.why-wrap div.why-imgbox-02 img{width:100%;}
/* ******************  ABOUT :: Our History ********************** */

.history-wrap {position:relative;}
.history-wrap ul {overflow:hidden; margin:0 -1%;}
.history-wrap ul li {position:relative;float:left; width:48%; margin:1%; word-break:keep-all;}
.history-wrap ul li .history-thumb {position:relative; padding-top:123.52%; height:0; border:1px solid #e6e6e6;}
.history-wrap ul li .history-thumb img {position:absolute;top:0;left:0; width:100%; height:100%;}
.history-wrap ul li .history-tit{position:absolute; bottom:1px; left:1px; right:1px; height:60px; /* line-height:40px; */ padding: 10px; box-sizing:border-box; color:#333; font-size:16px; font-weight:300; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px; */ line-height:20px; background-color:#fff;  }
.history-wrap ul li .history-tit span{display:-webkit-box; height:40px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.history-wrap ul li .over-con{display:none; position:absolute; top:13px; left:13px; bottom:13px; right:13px; background-color:#fff; padding:12% 13px; box-sizing:border-box;} 
.history-wrap ul li .over-con h3 {/*height:40px; overflow:hidden;*/ font-size:15px;font-weight:300;color:#222;line-height:20px;background-color:#fff; }
.history-wrap ul li .over-con p {color:#999; height:60px; overflow:hidden; font-size:13px; font-weight:300; line-height:20px; padding-top:17px;  display:-webkit-box;  -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.history-wrap ul li.over .history-thumb img{opacity:0.3;filter:Alpha(opacity=30);}
.history-wrap ul li.over .history-tit{display:none;}
.history-wrap ul li.over .over-con{display:block;}

/* *******************************************************
 ### PROGRAM ###
******************************************************** */

/* ******************  PROGRAM :: 레벨 구성 ********************** */
.level-wrap {margin:20px auto 80px;text-align:center;letter-spacing:-0.75px;}
.level-wrap h2.level-title {margin:0 auto 70px;font-size:20px;line-height:30px;font-weight:300;color:#222;}
.level-wrap h2.level-title p {font-size:18px; font-weight:300; padding-bottom:20px;}
.level-wrap h2.level-title b {font-weight:500;}
.level-wrap h2.level-title span {display:block;font-size:18px;padding-top:20px; line-height:30px}
.level-wrap h3 {margin:0 auto 15px;text-align:left;font-weight:normal;font-size:19px;color:#222;}
.level-wrap h3 p {}
.level-wrap .level-content-02 {margin:70px auto 0;}
.level-wrap .level-content-02 table {width:100%; line-height:22px;border-top:2px solid #023793; margin-bottom:25px;}
.level-wrap .level-content-02 table td{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.level-wrap .level-content-02 table td:first-child{border-left:0}
.level-wrap .level-content-02 table div {padding:20px;}
.level-wrap .level-content-02 table div p {font-size:15px;margin:0 auto 5px;}
.level-wrap .level-content-02 table div span {display:block;font-size:13px;color:#777; padding-left:10px; position:relative;}
.level-wrap .level-content-02 table div span:before{content:"•"; position:absolute; top:0px; left:0px;}
.level-wrap .level-content-02 table .title {height:42px; font-weight:normal;color:#222;font-size:16px;}
.level-wrap .level-content-02 table .color {color:#023793;}

/* ******************  PROGRAM :: 학습지원시스템 ********************** */
.study_support_system-wrap {margin-top:25px; margin-bottom:100px}
.study_support_system-wrap h2.study_support_system-title {margin:0 auto 50px;text-align:center;color:#222;font-size:21px;line-height:32px;font-weight:300;letter-spacing:-0.75px;}
.study_support_system-wrap h2.study_support_system-title b {font-weight:500;}
.study_support_system-wrap h2.study_support_system-title p {margin-top:20px;font-size:18px; line-height:30px;}
.study_support_system-wrap .study_support_system-table {position:relative;border-top:2px solid #023793;}
.study_support_system-wrap .study_support_system-table ul {overflow:hidden;}
.study_support_system-wrap .study_support_system-table ul li {border-bottom:1px solid #e5e5e5;padding:25px 0;}
.study_support_system-wrap .study_support_system-table ul li .support-system-thumb {display:inline-block; vertical-align:top; width:40%; }
.study_support_system-wrap .study_support_system-table ul li .support-system-thumb img{width:100%; }
.study_support_system-wrap .study_support_system-table ul li .support-system-info{display:inline-block; padding-left:15px; width:calc(100% - 40% - 20px);}
.study_support_system-wrap .study_support_system-table ul li .support-system-info h3, .study_support_system-wrap .study_support_system-table ul li div p, .study_support_system-wrap .study_support_system-table ul li div img {}
.study_support_system-wrap .study_support_system-table ul li div h3 {font-size:16px;color:#023793; line-height:22px; font-weight:500; word-break:keep-all}
.study_support_system-wrap .study_support_system-table ul li div p {font-size:14px;line-height:20px; font-weight:300; word-break:keep-all}


/* ******************  PROGRAM :: 강사진 ********************** */
.teacher-wrap {letter-spacing:-0.75px;text-align:center;}
.teacher-wrap h2.teacher-title {margin:0 auto 50px;text-align:center;color:#222;font-size:21px;line-height:32px;font-weight:300;letter-spacing:-0.75px;}
.teacher-wrap h2.teacher-title b {font-weight:500;}
.teacher-wrap h2.teacher-title p {margin-top:20px;font-size:18px;line-height:30px;}
.teacher-wrap .teacher-table {position:relative;border-top:2px solid #023793;}
.teacher-wrap .teacher-table ul {position:relative; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.teacher-wrap .teacher-table ul:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background-color:#e5e5e5; content:"";}
.teacher-wrap .teacher-table ul li {float:left; width:50%; text-align:left;}
.teacher-wrap .teacher-table ul li .teacher-inner{padding:28px 15px; }
.teacher-wrap .teacher-table ul li:nth-child(odd) .teacher-inner{padding-left:0}
.teacher-wrap .teacher-table ul li:nth-child(even) .teacher-inner{padding-right:0; border-right-color:#fff;}
.teacher-wrap .teacher-table ul li .teacher-thumb{height:0; padding-top:100%; position:relative; background-color:#ddd;}
.teacher-wrap .teacher-table ul li .teacher-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.teacher-wrap .teacher-table ul li h3 {margin:15px auto 10px;font-size:16px;font-weight:500;color:#222; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.teacher-wrap .teacher-table ul li p {font-size:14px;line-height:22px;font-weight:300;}
.teacher-wrap .teacher-table ul li p span {position:relative; display:block;margin:5px auto 0; /* padding-left:10px;}
.teacher-wrap .teacher-table ul li p span:before{position:absolute; top:11px; left:0px; width:2px; height:2px; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:2px; content:""; background-color:#666; */}

/* *******************************************************
 ### REGISTRATION ###
******************************************************** */
#registrationContent{margin-bottom:160px}
#registrationContent .regi-tit {margin:0 auto 15px;text-align:left;font-weight:normal;font-size:18px;color:#222;}
#registrationContent .regi-tit  span {display:inline-block;padding:18px 20px 0 0;}
/* 입학안내 */
#regiProcessCon{margin-bottom:60px;}
.process-con-bg{position:relative;}
.process-con-bg img{width:100%;}
.process-con{}
.process-con li{position:absolute; top:0px; left:0px; width:100%; height:100%;  opacity:0;filter:Alpha(opacity=0); }
.process-con li.active{opacity:1.0;filter:Alpha(opacity=100);}
/* 레벨테스트 안내 */
#regiLevelTestCon .regi-level-tbl{width:100%; border-top:2px solid #0b8b9f;}
#regiLevelTestCon .regi-level-tbl th,
#regiLevelTestCon .regi-level-tbl td{padding:10px 15px; border-bottom:1px solid #ddd; color:#222; font-size:15px; letter-spacing:-0.25px; font-weight:300; line-height:1.5; word-break:keep-all}
#regiLevelTestCon .regi-level-tbl th{background-color:#f6f6f6;  font-weight: 400; text-align:left; vertical-align:top;}


/* *******************************************************
 ### STORY ###
******************************************************** */
/* ******************  STORY :: 선생님 인터뷰 ********************** */
/* -------- 리스트 -------- */
.teacher_interview-wrap {position:relative;letter-spacing:-0.5px;}
.teacher_interview-wrap ul {overflow:hidden;border-top:none;}
.teacher_interview-wrap ul li {position:relative; border:1px solid #e5e5e5; padding:24px;; margin-top:-1px;}
.teacher_interview-wrap ul li:first-child {margin-top:0}
.teacher_interview-wrap ul li:nth-child(2n) {background-color:#f5f5f5;}
.teacher_interview-wrap ul li:nth-child(2n) div {border-top:3px solid #f5f5f5;}
.teacher_interview-wrap ul li .teacher-thumb{display:inline-block; width:105px; height:105px; margin-right:20px;}
.teacher_interview-wrap ul li .teacher-thumb img {width:105px; height:105px}
.teacher_interview-wrap ul li div img.num01 {background-color:#023793;}
.teacher_interview-wrap ul li div img.num02 {background-color:#d0de2f;}
.teacher_interview-wrap ul li div img.num03 {background-color:#eb6e9a;}
.teacher_interview-wrap ul li div img.num04 {background-color:#08b4ea;}
.teacher_interview-wrap ul li .teacher-info-box{display:inline-block; vertical-align:top; width:calc(100% - 130px); font-size:20px; letter-spacing:-0.25px; font-weight:500; text-align:left;}
.teacher_interview-wrap ul li h3 {margin:0 auto 15px;font-size:20px;font-weight:600;color:#222; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif}
.teacher_interview-wrap ul li p {}
.teacher_interview-wrap ul li p span {position:relative;display:block;font-size:14px;line-height:1.4;color:#999; /* padding-left:10px; */ font-weight:400;}
/* .teacher_interview-wrap ul li p span:before{position:absolute; top:8px; left:0px; width:2px; height:2px; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:2px; content:""; background-color:#999;} */
.teacher_interview-wrap ul li aside {display:block;margin:40px auto 50px;font-size:21px;line-height:30px;color:#222;font-style:italic;}
.teacher_interview-wrap ul li aside em {display:block;font-family:'CHONBUKL';font-size:54px;line-height:1px;color:#ccc;margin:0 auto -8px;}
.teacher_interview-wrap ul li aside em.last {margin:-5px auto 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.teacher_interview-wrap ul li a.btn {display:block;width:80px;margin:0 auto;padding:10px 0;background-color:#222;  color:#fff;font-size:13px;border-radius:3px;text-align:center;}

/* -------- 뷰 -------- */
.teacher_interview-wrap.teacher_interview-wrap-view{border-top:3px solid #023793}
.teacher_interview-view-wrap {position:relative;letter-spacing:-0.5px;}

.teacher_interview-wrap-view ul li{border-bottom:0}
.teacher_interview-view-wrap .left-wrap {/* position:relative; */width:274px;height:100%;display:inline-block;vertical-align:top;}
.teacher_interview-view-wrap .left-wrap .left-wrap-inner{position:absolute; top:0px; width:272px; height:735px;  border:1px solid #e5e5e5; border-top:3px solid #023793; background-color:#fff;}
.teacher_interview-view-wrap .left-wrap.fixed .left-wrap-inner{position:fixed; left:50%; margin-left:-550px}
.teacher_interview-view-wrap .left-wrap .left-wrap-photo {margin:0 auto;text-align:center; padding:50px 0 30px;}
.teacher_interview-view-wrap .left-wrap .left-wrap-photo img.num01 {background-color:#023793;}
.teacher_interview-view-wrap .left-wrap .left-wrap-photo img.num02 {background-color:#d0de2f;}
.teacher_interview-view-wrap .left-wrap .left-wrap-photo img.num03 {background-color:#eb6e9a;}
.teacher_interview-view-wrap .left-wrap .left-wrap-photo img.num04 {background-color:#08b4ea;}
.teacher_interview-view-wrap .left-wrap h3 {margin:0 auto 30px;text-align:center;font-size:20px;font-weight:500;color:#222;}
.teacher_interview-view-wrap .left-wrap .teacher-spec {padding:0 40px;}
.teacher_interview-view-wrap .left-wrap .teacher-spec span {position:relative; display:block;font-size:15px;line-height:24px;color:#999; padding-left:10px;}
.teacher_interview-view-wrap .left-wrap .teacher-spec span:before{position:absolute; top:11px; left:0px; width:4px; height:4px; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px; content:""; background-color:#999;}
.teacher_interview-view-wrap .left-wrap aside {display:block;margin:80px auto 0;font-size:21px;line-height:30px;padding:0 40px;color:#222;font-style:italic;}
.teacher_interview-view-wrap .left-wrap aside em {display:block;font-family:'CHONBUKL';font-size:54px;line-height:1px;color:#ccc;margin:0 auto -8px;}
.teacher_interview-view-wrap .left-wrap aside em.last {margin:-5px auto 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.teacher_interview-view-wrap .left-wrap a.btn {position:absolute;left:0;bottom:30px;right:0;display:inline-block;width:80px;margin:0 auto;padding:10px 0;background-color:#222;color:#fff;font-size:13px;border-radius:3px;text-align:center;}
.teacher_interview-view-wrap .right-wrap {position:relative; padding:30px 15px; border:1px solid #e5e5e5; border-top:0;}
.teacher_interview-view-wrap .right-wrap:before{position:absolute; top:0px; left:9px; right:9px; height:1px; background-color:#e5e5e5; content:"";}
.teacher_interview-view-wrap .right-wrap h2 {font-size:20px;color:#222;font-weight:400;}
.teacher_interview-view-wrap .right-wrap img {display:block;width:calc(100% + 30px);height:auto;margin:30px -15px;}
.teacher_interview-view-wrap .right-wrap p {font-size:15px;line-height:24px;color:#666;}

/* ******************  STORY :: 학생인터뷰 ********************** */
#studentInterview{margin-bottom:100px}
/* -------- 학생인터뷰 :: 상단 -------- */
#studentMainInterview{margin-bottom:80px}
/* 왼쪽영역 */
#studentLeftCon{border:1px solid #ddd; -webkit-box-sizing: border-box; border-top:0; margin-bottom:80px;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 #studentInterviewView #studentLeftCon{margin-bottom:0 ; border-bottom:0}
.student-list-con,
.student-list-con .slick-slider,
.student-list-con .slick-list,
.student-list-con .slick-track{height:100%;}
.student-item{border-top:3px solid #023793;  padding:22px; }
.student-item a{display:block;}
.student-item a:focus{outline:none;}
.student-item .student-photo{display:inline-block; width:105px; height:105px; margin-right:25px;}
.student-item .student-photo img{width:100%; height:100%;}
.student-item .student-name{display:inline-block; vertical-align:top; width:(100% - 135px); font-size:20px; letter-spacing:-0.25px; font-weight:500; text-align:center; }
.student-item .student-name dt{font-size:20px; margin-bottom:15px; color:#222; font-size:500;}
.student-item .student-name dd{font-size:15px; color:#999; font-weight:400; font-size:13px; margin-top:10px;}
.student-item aside {display:block;margin:40px auto 50px;font-size:21px;line-height:30px;color:#222;font-style:italic;}
.student-item aside em {display:block;font-family:'CHONBUKL';font-size:54px;line-height:1px;color:#ccc;margin:0 auto -8px;}
.student-item aside em.last {margin:-5px auto 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.interview-total-num{position:absolute; bottom:25px; color:#c5c5c5; left:0; width:100%; text-align:center; }
.interview-total-num em{margin:0 5px}
.interview-total-num .cur-num{color:#023793;}
.student-list-con .slick-arrow{position:absolute; bottom:19px;  width:23px; height:23px;  text-align:center; border:1px solid #999; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; font-size:0; cursor:pointer; z-index:1;}
.student-list-con .slick-arrow i{color:#888; font-size:18px; line-height:21px;}
.student-list-con .slick-prev{left:50%; margin-left:-50px}
.student-list-con .slick-next{right:50%; margin-right:-50px }
.student-list-con .slick-dots{position:absolute; bottom:-25px; left:0px;width:100%; text-align:center; }
.student-list-con .slick-dots li{display:inline-block; margin:0 5px ; }
.student-list-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:10px; height:10px; background-color:#ccc;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.student-list-con .slick-dots li.slick-active button{background-color:#023793;}		/* 버튼 active */

#studentLeftCon a.btn {display:block;width:80px;margin:0  auto 0;padding:10px 0;background-color:#222;  color:#fff;font-size:13px;border-radius:3px;text-align:center;}

/* 오른쪽영역 */
#studentRightCon{float:left; width:823px; height:600px; background-color:#f5f5f5; padding:31px 24px 35px 50px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 .student-right-inner-con{height:534px; overflow-y:auto}

/* -------- 학생인터뷰 :: 하단 -------- */
#studentInterviewList ul{}
#studentInterviewList .student-interview{border-bottom:1px solid #c5c5c5; padding:20px 0;}
#studentInterviewList .student-interview:first-child{border-top:1px solid #222 ;}
.student-interview-tbl{width:100%;letter-spacing:-0.25px; color:#666; font-size:13px;}
.student-interview-tbl .num{width:80px; text-align:center; }
.student-interview-tbl .name{width:180px; padding-left:70px;}
.student-interview-tbl .name .student-name{font-size:15px; display:block; font-weight:600; margin-bottom:7px}
.student-interview-tbl .name .student-edu-cate{font-weight:400}
.student-interview-tbl .txt{width:770px; }
.student-interview-tbl .student-interview-txt{position:relative; color:#999;  line-height:24px; padding-right:55px; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; word-break:keep-all;}
.student-interview-tbl .student-interview-txt .student-interview-new{position:absolute; top:50%; right:23px; width:15px; height:15px; line-height:15px; margin-top:-7px; text-align:center; background-color:#dadf00; color:#494949; font-size:10px; letter-spacing:-0.25px; font-weight:600; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}





/* *******************************************************
 ### FACILITIES ###
******************************************************** */

/* ******************  FACILITIES :: 센터소개 ********************** */
.center_intro-wrap {font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;letter-spacing:-0.75px;font-weight:300; word-break:keep-all; }
.center_intro-wrap h2.center_intro-title {position:relative; font-size:21px;line-height:1.5;font-weight:300;color:#222; padding-right:80px}
.center_intro-wrap h2.center_intro-title span {font-weight:normal;}
.center_intro-wrap h2.center_intro-title img {position:absolute;top:50%;right:0px; width:70px; margin-top:-40px}
.center_intro-wrap h2.center_intro-title-02 {margin:40px auto 0;font-size:30px;font-weight:600;color:#023793;}
.center_intro-wrap h2.center_intro-title-02 span {display:block;margin:20px auto 0;font-size:16px;color:#666;font-weight:normal;line-height:30px;}
.center_intro-wrap h2.center_intro-title-02 img{}
.center_intro-wrap div.center_intro-content {position:relative;margin:40px auto 0;font-size:16px;line-height:1.5;color:#222;}
.center_intro-wrap div.center_intro-content span {display:block;}
.center_intro-wrap div.center_intro-content span b {font-weight:500;color:#023793;}
.center_intro-wrap div.center_intro-content p {margin-top:10px;}
.center_intro-wrap div.center_intro-imgbox {position:relative;margin:40px auto 0;}
.center_intro-wrap div.center_intro-imgbox ul {overflow:hidden; margin:0 -1%;}
.center_intro-wrap div.center_intro-imgbox ul li {float:left; width:48%; margin:1%;}
.center_intro-wrap div.center_intro-imgbox ul li p {position:relative;width:100%; height:0; padding-top:69.44%}
.center_intro-wrap div.center_intro-imgbox ul li p img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.center_intro-wrap div.center_intro-imgbox span {position:absolute;left:0;bottom:0;display:block;width:100%;padding:10px 0;background-color:rgba(0,0,0,0.5);color:#fff;font-size:13px;text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.center_intro-wrap div.center_intro-imgbox ul li:hover span{top:0;left:0;right:0;bottom:auto;width:100%;height:100%;padding:0;background-color:rgba(0,134,155,0.8);}
.center_intro-wrap div.center_intro-imgbox ul li:hover span em{line-height:1.2; position:absolute; top:50%; left:10px; right:10px;
transform: translateY(-50%);}
/* ******************  FACILITIES :: 셔틀버스안내 ********************** */
/* -------- 셔틀버스 :: 리스트페이지 -------- */
.shuttle-list-con{}
#shuttleListContent{padding-bottom:50px}
.shuttle-list-con li{margin-bottom:20px;}
.shuttle-list-con li a{display:block;border:1px solid #ddd}
.shuttle-list-con li a .shuttle-bus-line-con{background-color:#f6f6f6; height:44px; padding:0 25px; border-bottom:1px solid #ddd; color:#222;}
.shuttle-list-con li a .shuttle-bus-line-con dt{display:inline-block; width:130px; vertical-align:middle; line-height:44px; letter-spacing:-0.25px; font-weight:500; font-size:20px;}
.shuttle-list-con li a .shuttle-bus-line-con .icon i{font-size:20px; margin-right:5px; vertical-align:middle; position:relative; top:-2px;}
.shuttle-list-con li a .shuttle-bus-line-con dt b{font-size:20px; font-weight:500}
.shuttle-list-con li a .shuttle-bus-line-con dd{display:inline-block; width:calc(100% -140px);  vertical-align:middle; font-size:15px; letter-spacing:-0.5px; font-weight:400; line-height:1.2}
.shuttle-list-con li a .shuttle-bus-driver-info{padding:15px 25px;}
.shuttle-list-con li a .shuttle-bus-driver-info .driver-photo-box{display:inline-block; width:130px;vertical-align:middle; }
.shuttle-list-con li a .shuttle-bus-driver-info .driver-photo{display:block; overflow:hidden; width:80px; height:80px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.shuttle-list-con li a .shuttle-bus-driver-info .driver-photo img{width:100%; height:100%;}
.shuttle-list-con li a .shuttle-bus-driver-info .driver-info-box{display:inline-block; width:calc(100% -140px);  vertical-align:middle; }
.shuttle-list-con li a .shuttle-bus-driver-info .driver-info-box .name{letter-spacing:-0.25px; color:#222; font-size:15px; margin-bottom:9px}
.shuttle-list-con li a .shuttle-bus-driver-info .driver-info-box .name b{ font-weight:500; font-size:18px;}
.shuttle-list-con li a .shuttle-bus-driver-info .driver-info-box .tel{background-color:#ddd; padding:0 10px; height:24px; line-height:24px; color:#222; letter-spacing:0.3px; font-size:15px; text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.shuttle-list-con li a:hover{border-color:#023793}
.shuttle-list-con li a:hover .shuttle-bus-line-con{background-color:#023793; color: #fff;}
.shuttle-list-con li a:hover{border-color:#023793}
/* -------- 셔틀버스 :: 뷰페이지 -------- */
#shuttleBusDetailContent{padding-bottom:55px}
/* 상단영역 */
#busDetailTopContent{position:relative; padding:10px 13px 10px 5px; border-top:1px solid #222; border-bottom:1px solid #aaa; margin-bottom:20px;}
#busDetailTopContent .bus-detail-line-con{margin-bottom:15px; margin-right:30px;}
#busDetailTopContent .bus-detail-line-con dt{display:inline-block; width:110px; height:30px; margin-right:15px; vertical-align:middle; line-height:30px; letter-spacing:-0.25px; font-weight:500; font-size:16px; background-color:#023793; color:#fff; text-align:center; border-radius:5px;}
#busDetailTopContent .bus-detail-line-con .icon i{font-size:20px; margin-right:15px; vertical-align:middle; position:relative; top:-3px;}
#busDetailTopContent .bus-detail-line-con dt b{font-size:20px; font-weight:500}
#busDetailTopContent .bus-detail-line-con dd{display:inline-block; vertical-align:middle; font-size:18px; letter-spacing:-0.5px; color:#222; font-weight:600; line-height:1.2}
#busDetailTopContent .bus-detail-driver-info{}
#busDetailTopContent .bus-detail-driver-info .driver-photo{display:inline-block; overflow:hidden; vertical-align:middle; width:60px; height:60px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
#busDetailTopContent .bus-detail-driver-info .driver-photo img{width:100%; height:100%;}
#busDetailTopContent .bus-detail-driver-info .driver-info-box{display:inline-block; vertical-align:middle; margin-left:15px; width:calc(100% - 80px)}
#busDetailTopContent .bus-detail-driver-info .driver-info-box .name{display:inline-block; vertical-align:middle; letter-spacing:-0.25px; color:#222; font-size:12px; margin-right:5px;}
#busDetailTopContent .bus-detail-driver-info .driver-info-box .name b{ font-weight:500; font-size:15px;}
#busDetailTopContent .bus-detail-driver-info .driver-info-box .tel{display:inline-block; vertical-align:middle; background-color:#eee; width:100px; height:24px; line-height:24px; color:#222; letter-spacing:0.3px; font-size:12px; text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
#busDetailTopContent .bus-detail-driver-info .driver-info-box .tel a{color:inherit}
#busDetailTopContent .bus-info-share{position:absolute; top:15px; right:10px;;}
#busDetailTopContent .share-open-btn i{color:#999; font-size:24px; letter-spacing:-0.25px;}

/* 하단영역 */
.bus-detail-tab-list{margin-bottom:35px;}
.bus-detail-tab-list li{position:relative; float:left; width:50%;}
.bus-detail-tab-list li:before{position:absolute; top:50%; left:0px; width:1px; height:38px; margin-top:-19px; content:""; background-color:#ddd;}
.bus-detail-tab-list li:first-child:before{display:none;}
.bus-detail-tab-list li a{display:block; height:43px; line-height:43px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#222; font-size:15px; letter-spacing:-0.25px;}
.bus-detail-tab-list li.selected a{color:#023793; border-color:#023793}
.bus-detail-inner-con{padding-bottom:35px;}
.bus-detail-inner-con > h4{color:#222; font-size:18px; letter-spacing:-0.25px; font-weight:500; margin-bottom:16px;}
.bus-detail-info-con{border:1px solid #ddd;}
.bus-detail-table-con{padding:17px 15px; }
.bus-detail-time-tbl{width:100%;}
.bus-detail-time-tbl th{border-bottom:1px solid #eee; color:#aaa; font-size:12px; font-weight:400; padding-bottom:17px}
.bus-detail-time-tbl tr:first-child td{padding:20px 10px 10px ;}
.bus-detail-time-tbl td{text-align:center; padding:10px 10px; color:#555; font-size:13px; letter-spacing:-0.25px;}
.bus-detail-time-tbl td.station{text-align:left;}
.bus-detail-time-tbl tr:hover td{color:#023793;}
.bus-detail-img-con{border-top:1px solid #ddd; background-color:#eee; }
.bus-detail-img-con img{width:100%; }
/* 이전,다음글 */
#busPrevNextContent li{border-bottom:1px solid #ddd;}
#busPrevNextContent li:first-child{border-top:1px solid #ddd;}
.bus-prev-next-tbl{width:100%;}
.bus-prev-next-tbl th,
.bus-prev-next-tbl td{height:49px; color:#aaa; font-size:13px; letter-spacing:-0.25px; line-height:1.2}
.bus-prev-next-tbl th{color:#555; font-size:12px; font-weight:400;  text-align:left; padding-left:18px}
.bus-prev-next-tbl th i{font-size:24px; color:#ccc; vertical-align:middle; position:relative; top:-2px; margin-right:18px}
.bus-prev-next-detail-tbl{width:100%;}
.bus-prev-next-detail-tbl td{color:#555;}
.bus-prev-next-tbl a:hover .bus-prev-next-detail-tbl td{color:#023793;}

/* ******************  FACILITIES :: 찾아오시는 길  ********************** */
/* 찾아오시는 길 */
#locationContent{position:relative;}
#locationTop{margin-bottom:29px; height:0; padding-top:100%; position:relative; }
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto 30px; height:300px; border:1px solid #ddd;}
#mapWrapper #mapCon{position:absolute; top:50%; left:50%; width:1200px; height:300px; margin-left:-600px; margin-top:-150px;}  
#locationTop iframe{position:absolute; top:0px; left:0px;width:100%; height:100%;}
.location-tbl{border-top:}
.location-tbl{width:100%; border-top:2px solid #0b8b9f;}
.location-tbl th,
.location-tbl td{padding:10px; border-bottom:1px solid #ddd; color:#222; font-size:15px; letter-spacing:-0.25px; font-weight:300; line-height:1.5}
.location-tbl th{background-color:#f6f6f6;  font-weight: 500; vertical-align:top; text-align:left}
.location-tbl td dl{position:relative; padding-left:13px}
.location-tbl td dl:before{position:absolute; top:11px; left:0px; width:4px; height:4px; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px; content:""; background-color:#999;}
.location-tbl td dl dt,
.location-tbl td dl dd{display:inline-block; vertical-align:middle;}
.address-con{position:relative;}
.address-share-box{position:absolute; top:0; right:0px; margin-top:-40px;}
.address-share-box .address-share-btn{display:block; width:30px; height:30px; /* background-color:#023793; */ line-height:32px; color:#999; font-size:24px; text-align:center; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}


/* *******************************************************
 ### SUPPORT ###
******************************************************** */
/* -------- SUPPORT :: 공지사항 -------- */
#noticeContent{margin-bottom:150px;}
#noticeTop{margin-bottom:65px;}
#noticeTopContent{margin:0 -15px 40px;}
.notice-rolling-list-container .notice-list-item{width:80%;}
.notice-rolling-list-container .notice-list-item .notice-thumb{height:0; display:block; padding-top:73.23%; position:relative;}
.notice-rolling-list-container .notice-list-item img{position:absolute; top:0px; left:0px;width:100%; height:100%;}
.notice-rolling-list-container .notice-list-item .notice-list-txt{position:absolute; bottom:0px; left:0px; width:100%; height:50px; line-height:50px; padding:0 10px; text-align:center; background-color:rgba(0,0,0,0.55);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	color:#fff;
	font-size:20px;
	letter-spacing:-0.5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
} 
.notice-rolling-list-container .swiper-pagination{position:static; margin-top:20px;}
.notice-list-con{margin:0 -8.75px  }
.notice-list-con li{float:left; width:355px; height:260px; margin:0 8.75px;}
.notice-list-con li a{display:block; position:relative;}
.notice-list-con li a .notice-thumb{display:block; width:355px; height:260px;}
.notice-list-con li a .notice-thumb img{width:100%; height:100%;}
.notice-list-con li a .notice-list-info{position:absolute; bottom:0px; left:0px; width:100%; height:100px; padding:22px 21px; background-color:rgba(0,0,0,0.55);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
}
.notice-list-con li a .notice-list-info .notice-list-cate{font-size:12px; font-weight:600; letter-spacing:0.25px; color:#ccc;}
.notice-list-con li a .notice-list-info .notice-list-tit{margin-top:10px; height:40px; overflow:hidden;font-size:13.5px; line-height:20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff; letter-spacing:-0.25px;;}
.notice-list-con li a .notice-list-info .notice-list-tit{}
/* View */
.cm-bbs-view-top .cm-bbs-list-tbl{margin:0 -15px; background-color:#f6f6f6; }
.cm-bbs-view-top .cm-bbs-list-tbl .cm-bbs-item{padding:13px 15px;}
.cm-bbs-view-top .cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .cm-bbs-qna-tit{color:#222; font-size:15px; line-height:1.4}
/* -------- SUPPORT :: QNA -------- */
#qnaContent{margin-bottom:150px;}
/* .bbs-view-con .reply-state{display:inline-block; width:58px; height:23px; line-height:24px; border:1px solid #999; border-radius:3px; font-size:12px; color:#999; letter-spacing:-0.15px;text-align:center;}
.bbs-view-con .reply-state.reply-state-finish{border-color:#023793; color:#023793} */
.bbs-view-writer-info-box{margin-bottom:20px}
.bbs-view-writer-info-box dl {overflow:hidden;}
.bbs-view-writer-info-box dl dt,
.bbs-view-writer-info-box dl dd{float:left; line-height:24px;  color:#222; letter-spacing:-0.25px; font-size:11px;}
.bbs-view-writer-info-box dl dt{width:90px;}
.bbs-view-writer-info-box dl dd .pwd-check-btn{display:inline-block; height:20px; line-height:20px; margin-left:12px; font-size:10px; background-color:#363333; padding:0 5px; color:#fff; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}

/* *******************************************************
 ### MY PAGE ###
******************************************************** */

/* ******************  MY CLASS ********************** */
/* -------- MY CLASS 공통 -------- */
/* 타이틀 */
.mypage-tit-box{position:relative; margin-bottom:20px}
.mypage-tit-box .mypage-tit{color:#222; font-size:20px; letter-spacing:-0.25px; font-weight:500;}
.mypage-tit-box .my-page-close-btn{position:absolute; top:0px; right:0px;color:#777; font-size:17px; letter-spacing:-0.25px;}
/* 상단테스트 */
.list-top-state-box{margin-bottom:20px;}
/* 리스트 없을떄 */
.no-index-list{padding:30px 0; text-align:center;}
.no-index-list i{color:#aaa; font-size:50px; display:block; margin-bottom:15px;}
.no-index-list span{color:#222; line-height:1.4; }

/* -------- MY CLASS :: 인덱스 -------- */
/* 인덱스 :: 공통 */
.my-page-inner-con{position:relative; }
.my-page-index-tit{display:inline-block; position:relative; margin-bottom:17px; color:#222; font-size:21px; font-weight:500; letter-spacing:-0.5px;}
.my-page-bbs-more-btn{position:absolute; top:0px; right:0px;}
.my-page-bbs-more-btn i{color:#333; font-size:20px}
.my-page-bbs-more-btn:hover i{color:#023793}
.my-page-index-tit .new-btn{position:absolute; top:0; left:100%; width:12px; height:12px;  margin-left:6px;/* background-color:#dadf00; color:#494949;  font-size:10px; letter-spacing:-0.25px; font-weight:600; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; */ background:url(/images/icon/new_icon.png) no-repeat; background-size:12px 12px;}
/* 공지사항 */
#myNoticeCon{background-color:#f6f6f6; padding:24px 15px 10px; margin:0 -15px;}
.head-line-list{margin:0 -7.5px 18px }
.head-line-list li{float:left; width:245px; height:150px; margin:0 7.5px;}
.head-line-list li a{display:block; position:relative;}
.head-line-list li a .headline-thumb{display:block; width:245px; height:150px;}
.head-line-list li a .headline-thumb img{width:100%; height:100%;}
.head-line-list li a .headline-info{position:absolute; bottom:0px; left:0px; width:100%; height:50px; padding:8px 10px; background-color:rgba(0,0,0,0.55);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
}
.head-line-list li a .headline-info .headline-cate{font-size:10px; font-weight:600; letter-spacing:0.25px; color:#ccc;}
.head-line-list li a .headline-info .headline-tit{margin-top:5px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; font-size:13px; color:#fff; letter-spacing:-0.25px;}
.notice-board-list-con li{border-top:1px solid #ddd;}
.notice-board-list-con li:first-child{border-top:0;}
.notice-board-list-con li a{display:block; height:40px; line-height:40px;}
.notice-board-list-con li a .tit{float:left; width:calc(100% - 90px); color:#666; font-size:13px; letter-spacing:0px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice-board-list-con li a .date{float:right; width:72px; color:#aaa; font-size:13px; font-weight:300; text-align:right;}
.notice-board-list-con li a:hover *{color:#023793;}

/* 학사일정 */
#myScheduleCon{padding:49px 0 42px;}
.my-schedule-tab-list{margin:0 -15px 15px -15px;}
.my-schedule-tab-list li{float:left; width:50%;}
.my-schedule-tab-list li a{display:block; -webkit-box-sizing: border-box; text-align:center; line-height:40px; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#333; font-size:15px;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 .my-schedule-tab-list li.selected a{background-color:#fff; border:0; border-top:2px solid #023793; }
#calendarInfoContent .calendar-info-tit{height:50px; line-height:50px; text-align:center; color:#fff; font-size:15px; font-weight:400; letter-spacing:-0.25px; background-color:#494949}
#calendarInfoContent .calendar-info-box{padding:0 8px; border:1px solid #e5e5e5}
#calendarInfoContent .calendar-info-box dl{height:40px; line-height:40px;  border-top:1px solid #e5e5e5}
#calendarInfoContent .calendar-info-box dl:first-child{border-top:0;}
#calendarInfoContent .calendar-info-box dl dt,
#calendarInfoContent .calendar-info-box dl dd{float:left; width:40%; font-size:15px; color:#aaa; padding-left:10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#calendarInfoContent .calendar-info-box dl dd{width:60%;color:#222; font-size:13px;}
#calendarInfoContent .calendar-info-banner img{width:100%; height:70px}

/* 마이 홈워크 */
#mypageIndexContent{
	position:relative; 
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transform:translateY(30px) ;
	-o-transform:translateY(30px);
	-moz-transform: translateY(30px);
	-webkit-transform:translateY(30px) ;
	transform: translateY(30px);
}
#mypageIndexContent.open{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform:translateY(0) ;
	-o-transform:translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform:translateY(0) ;
	transform: translateY(0);
}
#myPageTop{margin-bottom:10px;}
#myHomeworkContent,
#myWriteContent{ background-color:#fff; }
#myWriteContent{margin:0 10px 0 9px}
.my-page-bottom-inner{position:relative; }
.homework-container{overflow:hidden;}
.my-page-date{position:absolute; top:30px; right:20px; color:#aaa; font-size:13px; font-weight:300;}
.my-page-bottom-inner .my-page-index-tit{margin-bottom:18px;}
.my-page-bottom-inner .mCSB_inside > .mCSB_container{margin-right:0}

/* homework */
#myHomeworkContent{}
.mypage-homework-list-con{ }
.mypage-homework-list-con .homework-item{border:1px solid #e5e5e5; cursor:pointer; margin-top:-1px;}
.mypage-homework-list-con .homework-item dt{position:relative; height:50px; padding:0 70px 0 35px; background-color:#f6f6f6;}
.mypage-homework-list-con .homework-item dt .homework-title{display:block; color:#343434; font-size:21px; font-weight:500; letter-spacing:-0.5px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.mypage-homework-list-con .homework-item dt .arrow{position:absolute; top:50%; left:5px; width:13px; height:9px; margin-top:-13px}
.mypage-homework-list-con .homework-item dt i{color:#333; font-size:26px;}
.mypage-homework-list-con .homework-item.open dt .arrow i{margin-top:-2px; transform:rotate(-180deg);}
.mypage-homework-list-con .homework-item.open dt .homework-title{white-space:normal; text-overflow:unset;}
.mypage-homework-list-con .homework-item dd{display:none; position:relative; border-top:1px solid #d7d7d7; padding:15px; background:#fff; }
.mypage-homework-list-con .homework-item dd .answer-txt-con{line-height:24px; font-size:14px; color:#333; }
.mypage-homework-list-con .homework-item dt .homework-date{
    position:absolute; top:50%; right:15px; height:30px; line-height:30px; text-align:center; color:#aaa; font-size:12px; font-weight:400; margin-top:-15px;
    -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
/* .homework-container{height:214px; padding-top:15px;overflow-y:auto }
.homework-inner{width:225px;} */
.homework-inner p{color:#888; font-size:12px; line-height:20px; font-weight:300; padding-top:10px;}
.homework-inner img{width:100%;}

/* Book History */
#myBookHistoryContent{padding:48px 0;}
.my-book-hisyory-inner{position:relative;}
.my-book-history-rolling-con{}
.my-book-hisyory-con{margin:0 -2%; }
.my-book-hisyory-con li{float:left; width:46%; margin:0 2%;}
.my-book-hisyory-con li .book-thumb{display:block; height:0; position:relative; padding-top:137.5%;; border:1px solid #e5e5e5}
.my-book-hisyory-con li .book-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.my-book-hisyory-con li .book-info{padding-top:8px; text-align:center;}
.my-book-hisyory-con li .book-tit{color:#222; font-size:15px; letter-spacing:-0.25px; line-height:20px; font-weight:400;}
.my-book-hisyory-con .slick-arrow{	position:absolute; top: 68px; cursor:pointer; border:0; cursor:pointer; z-index:9; color:#aaa;}
.my-book-hisyory-con .slick-arrow i{font-size:22px;}
.my-book-hisyory-con .slick-arrow.slick-prev{left:-15px; }
.my-book-hisyory-con .slick-arrow.slick-next{right:-15px;}

.my-book-history-rolling-con{}
.my-book-history-rolling-con .my-book-hisyory-con{margin:0 -7px; }
.my-book-history-rolling-con .my-book-hisyory-con li{float:left; width:46%; margin:0 7px;}
.my-book-history-rolling-con .slick-dots{width:100%; text-align:center; margin-top:10px; }
.my-book-history-rolling-con .slick-dots li{float:none; width:auto;display:inline-block; margin:0 5px ; }
.my-book-history-rolling-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:8px; height:8px; background-color:#000; opacity:0.2; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.my-book-history-rolling-con .slick-dots li.slick-active button{background-color:#023793; opacity:1.0;}		/* 버튼 active */
/* 나의 셔틀버스 */
#myBusInfoContent{margin-bottom:15px;}
.my-suttle-bus-inner{position:relative; }
.my-shuttle-bus-info-box{border:1px solid #e5e5e5; padding:20px 10px;}
/* .my-shuttle-bus-info{padding:0 8px 20px  8px; border-bottom:1px solid #e5e5e5; }
.my-shuttle-bus-info dt{display:inline-block; width:52%; vertical-align:middle;color:#fff; font-weight:500; font-size:13px; letter-spacing:-0.25px;}
.my-shuttle-bus-info dt .bus-line{font-weight:400; color:#222; margin-bottom:10px;}
.my-shuttle-bus-info dt .bus-rider{font-weight:400; color:#999; margin-bottom:10px;}
.my-shuttle-bus-info dt .bus-rider b{color:#023793; font-weight:400;}
.my-shuttle-bus-info dt .bus-number{font-size:20px;}
.my-shuttle-bus-info dd{display:inline-block; vertical-align:middle; width:46%; text-align:center;}
.my-shuttle-bus-info dd .bus-tel{display:inline-block; padding:0 12px; height:29px; line-height:29px; background-color:#e5e5e5; color:#222; letter-spacing:0.25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.my-shuttle-bus-info dd .bus-tel i{margin:-1px 3px 0 0}
.my-bus-stop-info{padding:18px 8px 0}
.my-bus-stop-info dl {font-size:14px; letter-spacing:-0.25px; line-height:25px; word-break:keep-all;}
.my-bus-stop-info dl:first-child{margin-top:0;}
.my-bus-stop-info dl dt{float:left; margin-right:5px;color:#aaa;}
.my-bus-stop-info dl dt i{color:#023793; font-size:16px; vertical-align:top; position:relative; top:-2px;}
.my-bus-stop-info dl dd{float:left; width:calc(100% - 100px); color:#222; }*/
.my-shuttle-bus-info{height:80px; padding-bottom:24px; border-bottom:1px solid #e5e5e5; margin-bottom:25px;}
.my-shuttle-bus-info dt{display:inline-block; vertical-align:middle; width:80px; height:80px; margin-right:6px; background-color:#023793; line-height:80px; color:#fff; text-align:center; font-weight:500; font-size:15px; letter-spacing:-0.25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.my-shuttle-bus-info dt .bus-number{font-size:20px;}
.my-shuttle-bus-info dd{display:inline-block; vertical-align:middle; width:calc(100% - 100px); }
.my-shuttle-bus-info dd .bus-line{font-size:13px; font-weight:600; letter-spacing:-0.25px; color:#222; margin-bottom:10px;}
.my-shuttle-bus-info dd .bus-rider{font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#222; margin-bottom:10px;}
.my-shuttle-bus-info dd .bus-rider b{font-size:15px; font-weight:500;}
.my-shuttle-bus-info dd .bus-tel{display:inline-block; padding:0 5px;text-align:center; height:23px; line-height:23px; background-color:#e5e5e5; color:#222; letter-spacing:0.25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.my-shuttle-bus-info dd .bus-tel a{color:inherit}
.my-bus-stop-info dl {margin-top:9px; font-size:13px; letter-spacing:-0.25px; line-height:15px;}
.my-bus-stop-info dl:first-child{margin-top:0;}
.my-bus-stop-info dl dt{float:left; width:56px; color:#aaa;}
.my-bus-stop-info dl dt i{color:#023793; font-size:16px; vertical-align:top; position:relative; top:-2px;}
.my-bus-stop-info dl dd{float:left; width:calc(100% - 100px);  color:#222; }
/* 나의 인덱스 배너 */
#myBannerContent{margin:0 -15px}
#myBannerContent img{width:100%;}

/* -------- MY CLASS :: 행사 일정 -------- */
#scheduleTop{/* margin-bottom:73px; */ padding-bottom:30px;}
#calendarContent{/* margin-bottom:100px */}
#scheduleBottom{margin-top:75px;}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-tit{font-size:20px;}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-tit span{font-size:13px; color:#aaa; margin-left:6px;}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dt, #calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dd{font-size:13px;}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dt{width:100px}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dd{position:relative; width:calc(100% - 100px);}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl.green dt, #calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl.green dd{color:#023793}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dd .calendar-info-subject{font-weight:400; display:block; padding-right:90px}

#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dd a{position:absolute; top:8px; right:7px; width:85px; height:25px; line-height:25px; text-indent:0;  border-radius:5px; text-align:center; color:#fff; background-color:#555; font-size:13px; letter-spacing:-0.5px;}
#calendarInfoContent.sub-calendar-info-wrapper .calendar-info-box dl dd a.buy-btn{background-color:#023793}
.calendar-info-tit-box{background-color:#494949; padding:0 10px;}
.calendar-info-tit-box h3{position:relative;height:50px; line-height:50px; border-bottom:1px solid #646464; color:#fff; font-size:15px; letter-spacing:-0.5px; font-weight:400; text-align:center; }
.calendar-info-tit-box h3:after{position:absolute; bottom:-1px; left:50%; width:14px; height:1px; margin-left:-7px; background-color:#fff; content:"";}

.calendar-info-tit-box span{display:block; line-height:34px; font-size:12px; letter-spacing:0.5px; text-align:center; color:#fff;}
/* -------- MY CLASS :: BOOK HISTORY -------- */
#bookListTop{padding-bottom:45px}
#bookListTop .book-rolling-list-container{margin:0 -15px;}
.book-rolling-list-container .book-list-item{width:45%;}
.book-rolling-list-container .book-list-item .book-thumb{height:0; display:block; padding-top:137.5%; position:relative;}
.book-rolling-list-container .book-list-item img{position:absolute; top:0px; left:0px;width:100%; height:100%;}
.book-rolling-list-container .book-list-item .book-info{padding-top:11px; text-align:center;}
.book-rolling-list-container .book-list-item .book-tit{display:block; color:#222; font-size:20px; letter-spacing:-0.25px; line-height:22px; margin-bottom:8px; font-weight:500;}
.book-rolling-list-container .book-list-item .book-author{color:#aaa; font-size:11px; font-weight:400;}
.book-rolling-list-container .swiper-pagination{position:static; margin-top:20px;}

/* ******************  MY REPORT ********************** */
/* -------- 리포트 리스트 -------- */
#reportListTop{margin-bottom:40px;}
/* Report Tab */
.report-tab-list-con{margin:0 -2px 0 0}
.report-tab-list-con li{float:left; width:50%; margin:-1px 0 0 -1px}
.report-tab-list-con li a{display:block; height:147px; padding:25px 0; text-align:center; border:1px solid #e5e5e5; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.report-tab-list-con li a .icon{display:block; margin-bottom:13px;}
.report-tab-list-con li a .icon i{font-size:45px; color:#aaa;}
.report-tab-list-con li a .report-tab-info{}
.report-tab-list-con li a .report-tab-info .report-tab-tit{display:inline-block; position:relative; color:#222; font-size:16px; letter-spacing:-0.25px; font-weight:500; margin-bottom:9px; line-height:1.3}
.report-tab-list-con li a .report-tab-info .report-tab-tit .tab-new-icon{position:absolute; top:1px; left:100%; width:10px; height:10px; margin-left:2px; text-align:center; background:url(/images/icon/new_icon.png) no-repeat; background-size:10px 10px;/* background-color:#dadf00; color:#494949; font-size:10px; letter-spacing:-0.25px; font-weight:600; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; */}
.report-tab-list-con li a .report-tab-info p{color:#888; line-height:18px; letter-spacing:-0.3px; font-size:11px; }
.report-tab-list-con li.on a{background-color:#023793}
.report-tab-list-con li.on a .icon i,
.report-tab-list-con li.on a .report-tab-info .report-tab-tit,
.report-tab-list-con li.on a .report-tab-info p{color:#fff;}
.report-tab-list-con li.on a .report-tab-tit .tab-new-icon{color:#023793;}

/* -------- 리포트 뷰 -------- */
#reportViewContent{position:relative; margin:15px; background-color:#fff;}
.report-close-btn{position:absolute; top:20px; right:17px; color:#e8e8e8; font-size:17px; color:#aaa;}
.report-close-btn:hover i{color:#aaa !important;}
.report-close-btn i{font-size:17px}
.report-view-container{}
.report-view-container .report-view-tit-box{padding:17px;}
.report-view-container .report-view-tit-box .report-view-tit{color:#222; font-size:18px; line-height:25px; letter-spacing:-0.25px; font-weight:400; margin-right:50px}
.report-view-print-btn{display:block; float:left; width:120px; height:38px; margin-left:28px; color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-color:#023793;}
.report-view-print-btn .icon{ font-size:24px; display:inline-block; width:45px; text-align:center; line-height:40px; vertical-align:middle;}
.report-view-print-btn b{display:inline-block; vertical-align:middle; font-size:13px; letter-spacing:0.5px; font-weight:400; vertical-align:middle; line-height:16px; border-left:1px solid #2698aa; padding-left:14px;}
.report-view-inner{padding:30px 0}


/* ******************  MY GALLERY ********************** */
/* -------- GALLERY 리스트 -------- */
#galleryListContent{position:relative; padding-top:20px;}
#galleryList{padding-top:25px;}
.gallery-list-con > ul{}
.gallery-list-con .gallery-item{margin-bottom:23px;}
.gallery-list-con .gallery-item a{display:block; position:relative;}
.gallery-list-con .gallery-item a .gallery-thumb{display:block; height:0; padding-top:67.65%; position:relative;}
.gallery-list-con .gallery-item a .gallery-thumb img{position:absolute; top:0px; left:0px;width:100%; height:100%;}
.gallery-list-con .gallery-item a .gallery-tit-info{position:absolute; bottom:0px; left:0px; right:0px; height:40px; background-color:rgba(0,0,0,0.55); z-index:1;}
.gallery-list-con .gallery-item a .gallery-tit-info strong{display:block; color:#fff; padding:0 15px; font-weight:400; font-size:18px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.25px;}
#galleryList .paging{margin-top:0;}

/* -------- GALLERY 찾기 -------- */
.total-search-num{line-height:40px; color:#222; font-size:15px; font-weight:300; letter-spacing:-0.25px; width:350px; }
.total-search-num b{color:#023793; font-weight:500;}
#galleryList .gallery-list-btn{padding-top:0}

/* -------- GALLERY 뷰페이지 -------- */
#galleryViewContent{position:relative; margin:15px; background-color:#fff; }
.gallery-close-btn{position:absolute; top:20px; right:17px; color:#e8e8e8; font-size:17px; color:#aaa;}
.gallery-close-btn:hover i{color:#aaa !important;}
.gallery-close-btn i{font-size:17px}
.gallery-view-container{padding-bottom:40px;}
.gallery-view-tit-box{padding:17px}
.gallery-view-tit-box .gallery-view-tit{color:#222; font-size:18px; letter-spacing:-0.25px; line-height:25px; font-weight:400; margin-right:60px; margin-bottom:10px;}
.gallery-view-tit-box .gallery-view-detail-info{margin:0 -8px;}
.gallery-view-tit-box .gallery-view-detail-info dl{float:left; margin:0 8px}
.gallery-view-tit-box .gallery-view-detail-info dl dt,
.gallery-view-tit-box .gallery-view-detail-info dl dd{display:inline-block; vertical-align:top; line-height:15px; color:#444; font-size:10px; letter-spacing:-0.25px;}
.gallery-view-tit-box .gallery-view-detail-info dl dt{font-weight:600; margin-right:2px; }
.gallery-view-inner{position:relative;}
.gallery-img-con .gallery-img-item img{width:100%}
.gallery-detail-info-con{padding:18px 13px}
.gallery-detail-info-con h4{color:#023793; font-weight:400; font-size:18px; margin-bottom:7px}
.gallery-detail-info-con .gallery-sub-txt{color:#000; font-size:15px; letter-spacing:-0.25px; font-weight:300; line-height:1.3}

.gallery-controls-box{position:absolute; bottom:20px; text-align:center; width:100%;}
.gallery-controls-box:before{position:absolute; top:5px; bottom:5px; left:50%;width:1px;  background-color:#ddd; content:"";}
.gallery-controls-box .gallery-controls{display:inline-block; }
.gallery-controls-box .gallery-controls i{display:inline-block; width:23px; height:23px;  text-align:center; border:1px solid #999; vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; color:#888; font-size:18px; line-height:23px;}
.gallery-controls-box .gallery-controls strong{display:inline-block; vertical-align:middle; font-size:18px; color:#333; font-weight:400;}
.gallery-controls-box .gallery-prev-btn strong{margin:0 35px 0 15px;}
.gallery-controls-box .gallery-next-btn strong{margin:0 15px 0 35px;}

/* -------- 검색 달력 -------- */
/* 달력 :: 날짜선택영역*/
.day-form-con{/* display:inline-block; margin-left:10px;*/ padding:5px 0; vertical-align:middle;}
.day-form-con:first-child{margin-left:0;}
.date-select-con{position:relative; display:inline-block; width:calc(50% - 10px); -webkit-box-sizing: border-box;border:1px solid #e5e5e5;
-moz-box-sizing: border-box;
 box-sizing: border-box; padding-left:30px; }
.date-select-con i{position:absolute; top:50%; left:5px; font-size:20px; margin-top:-10px;}
.date-select-con .date-select-input{width:100%; height:38px; border:0; text-indent:0px; cursor:pointer;-webkit-appearance:none; border-radius:0; margin:0 ; padding:0; background-color:#fff;}
.date-select-con .date-select-input{}
.day-form-con .hypen{width:20px; margin:0 3px; text-align:center;}
/* 달력 ::  DATEPICKER CUSTOM */
/* datepicker box  */
.ui-datepicker{background-color:#fff}
/* datepicker header  */
.ui-datepicker-header{position:relative;height:47px; line-height:47px; color:#fff; background-color:#494949; text-align:center;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute; top:50%; margin-top:-8px;  cursor:pointer; font-size:0; width:9px; height:15px}
.ui-datepicker-prev{left:3%; background:url(/images/button/calendar_prev_btn.jpg) no-repeat}
.ui-datepicker-next{right:3%; background:url(/images/button/calendar_next_btn.jpg) no-repeat}
.ui-datepicker-title{color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.3px;}
/* datepicker calendar */
.ui-datepicker-calendar{border:1px solid #ddd; width:100%; box-sizing:border-box; }
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th{width:14.25%; height:46px; font-size:12px; font-weight:400; letter-spacing:-0.5px;}
.ui-datepicker-calendar thead th:first-child{width:14.5%}
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td{height:42px;  /* border-bottom:1px solid #ddd; border-left:1px solid #ddd; */ text-align:center; vertical-align:middle; font-size:12px; color:#222;}
.ui-datepicker-calendar tr td:first-child{border-left:0;}
.ui-datepicker-calendar td.ui-datepicker-unselectable{color:#ccc}   /* 비활성화 */
.ui-datepicker-calendar td .ui-state-default{display:block; width:100%; /* height:100%; */ padding:0 10px; box-sizing:border-box; color:inherit;}
.ui-datepicker-calendar td.ui-datepicker-today, .ui-datepicker-calendar td .ui-state-hover{}        /* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active{/* background-color:#3666aa;  color:#fff; */}  /*active */

/* ******************  MY PAYMENT ********************** */
/* -------- PAYMENT 리스트 -------- */
#paymentListTop{margin-bottom:20px;}
/* payment Tab */
.payment-list-con{margin:0 -1%}
.payment-list-con li{float:left; width:48%; margin:0 1% 2%}
.payment-list-con li .payment-inner-con{display:block; height:139px;  border:1px solid #e5e5e5}
.payment-list-con li .payment-inner-con .payment-info-con{height:75px; padding:25px  10px 0; border-bottom:1px solid #e5e5e5;}
.payment-list-con li .payment-inner-con .payment-info-con dt{color:#222; font-size:16px; letter-spacing:-0.25px; font-weight:500; margin-bottom:11px;}
.payment-list-con li .payment-inner-con .payment-info-con dd{color:#888; line-height:14px; font-size:13px; letter-spacing:-0.25px;}
.payment-list-con li .payment-inner-con .payment-info-con dd b{color:#222; font-weight:500;}
.payment-list-con li .payment-inner-con .payment-state-con{background-color:#f6f6f6; height:38px; padding:0 10px; line-height:38px;}
.payment-list-con li .payment-inner-con .payment-state-con span{float:left; color:#222; font-size:15px; font-weight:500; letter-spacing:-0.25px;}
.payment-list-con li .payment-inner-con .payment-state-con .icon{float:right; }
.payment-list-con li .payment-inner-con .payment-state-con .icon i{font-size:18px; color:#222; line-height:38px;}
/* 결제완료 */
.payment-list-con li .payment-inner-con.pay-finish .payment-info-con{opacity:0.4;filter:Alpha(opacity=40);}
.payment-list-con li .payment-inner-con.pay-finish .payment-state-con span,
.payment-list-con li .payment-inner-con.pay-finish .payment-state-con .icon i{color:#aaa;}
.payment-list-con li a:hover{border-color:#023793}
.payment-list-con li a:hover .icon i,
.payment-list-con li a:hover .payment-info-con dt{color:#023793;}
.payment-list-con li a:hover .payment-state-con{background-color:#023793} 
.payment-list-con li a:hover .payment-state-con span,
.payment-list-con li a:hover .payment-state-con .icon i{color:#fff;}


/* ******************  게시판 공통 ********************** */
/* 일반 게시판 */
.cm-bbs-list-tbl .cm-bbs-item {border-bottom:1px solid #e5e5e5}
.cm-bbs-list-tbl .cm-bbs-item:first-child{border-top:1px solid #3f3f3f; }
.cm-bbs-list-tbl .cm-bbs-item a{display:block; padding:13px 0;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info-box{padding-bottom:12px}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info-left{float:left;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info-right{float:right;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info{color:#aaa; font-size:12px; display:inline-block; vertical-align:middle;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info.num{width:60px}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-info-right .cm-bbs-info{margin-left:10px;}
.cm-bbs-title-box{position:relative; padding-right:20px;}
.cm-bbs-title-box .cm-bbs-tit{max-height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666; font-size:15px; line-height:20px; word-break:keep-all;}
.cm-bbs-title-box .cm-bbs-tit-no-limit{max-height:none; display:block;}
.cm-bbs-title-box .cm-bbs-new-icon{position:absolute; top:50%; right:0; width:12px; height:12px;  margin-top:-6px; background:url(/images/icon/new_icon.png) no-repeat; background-size:12px 12px;}

/* qna */
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box{overflow:hidden; position:relative; min-height:26px; }
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .cm-bbs-qna-tit{float:left; width:calc(100% - 150px); color:#666; font-size:15px; letter-spacing:-0.25px; line-height:24px;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .cm-bbs-qna-right-box{position:absolute; top:50%; right:0px; margin-top:-12px;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .cm-bbs-qna-right-box{}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .bbs-icons{display:inline-block; vertical-align:middle;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .bbs-icons i{font-size:20px; color:#999;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .reply-state{display:inline-block; vertical-align:middle; margin-left:13px;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .reply-state span{display:inline-block; width:58px; height:23px; line-height:24px; border:1px solid #999; border-radius:3px; font-size:12px; color:#999; letter-spacing:-0.15px;text-align:center;}
.cm-bbs-list-tbl .cm-bbs-item .cm-bbs-qna-box .reply-state.reply-state-finish span{border-color:#023793; color:#023793}

/* 일반게시판 2 */
.cm-bbs-list-tbl .cm-bbs-item2 {border-bottom:1px solid #e5e5e5; padding:13px 0;}
.cm-bbs-list-tbl .cm-bbs-item2:first-child{border-top:1px solid #3f3f3f; }
.cm-bbs-list-tbl .cm-bbs-item2 .cm-bbs-subject{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:12px}
.cm-bbs-list-tbl .cm-bbs-item2 .cm-bbs-subject strong{color:#333; font-size:16px; font-weight:400;}
.cm-bbs-list-tbl .cm-bbs-item2 .cm-bbs-subject span{color:#aaa; font-size:12px; margin-left:5px}
.cm-bbs-list-tbl .cm-bbs-item2 .cm-bbs-subject.with-download{margin-right:120px}
.cm-bbs-list-tbl .cm-bbs-item2 .bbs-down-btn{position:absolute; top:-5px; right:10px;  border:1px #000000 solid; width:80px;height:15px;padding:5px; text-align:center;}
.cm-bbs-class-info-box{position:relative; padding-right:80px}
.cm-bbs-class-info{}
.cm-bbs-class-info dl{float:left; width:35%; padding:2px 0;}
.cm-bbs-class-info dl.first-info{width:65%;}
.cm-bbs-class-info dl dt,
.cm-bbs-class-info dl dd{float:left; width:70px; color:#999; font-size:11.5px; letter-spacing:-0.5px; word-break:keep-all; line-height:1.3; }
.cm-bbs-class-info dl dd{width:calc(100% - 70px); color:#666}
.cm-bbs-class-info dl.last-info dt{width:50px}
.cm-bbs-class-info dl.last-info dd{width:calc(100% - 50px);}
.cm-bbs-class-info-box .bbs-btn{position:absolute; top:50%; right:0px; width:60px; height:25px; line-height:25px; border:1px solid #023793; background-color: #023793; color:#fff; font-size:12px; margin-top:-12.5px; letter-spacing:-0.15px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; -webkit-box-sizing: border-box; text-align:center;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.cm-bbs-class-info-box .bbs-btn.style02{background-color:#fff; color:#023793}

/* 오른쪽영역 없을떄 */

.no-right-object{padding-right:0}
.no-right-object dl{width:45%; }
.no-right-object dl.first-info{width:55%;}

/* 일반게시판 3 */
.cm-bbs-list-tbl .cm-bbs-item3 {border-bottom:1px solid #e5e5e5; padding:13px 0;}
.cm-bbs-list-tbl .cm-bbs-item3:first-child{border-top:1px solid #3f3f3f; }
.cm-bbs-list-tbl .cm-bbs-item3 .left-info-box{display:inline-block; vertical-align:middle; width:calc(100% - 100px)}
.cm-bbs-list-tbl .cm-bbs-item3 .right-info-box{display:inline-block; vertical-align:middle;width:80px; text-align:right;}
.cm-bbs-list-tbl .cm-bbs-item3 .cm-book-info-box{margin-bottom:13px}
.cm-bbs-list-tbl .cm-bbs-item3 .cm-bbs-title strong{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color:#333; font-size:13px; font-weight:400;}
.cm-bbs-list-tbl .cm-bbs-item3 .cm-bbs-score,
.cm-bbs-list-tbl .cm-bbs-item3 .cm-bbs-writer{color:#aaa; font-size:11px; line-height:15px}
.cm-bbs-list-tbl .cm-bbs-item3 .cm-bbs-txt{height:54px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#666; font-size:13px; letter-spacing:-0.5px; line-height:18px}
.cm-bbs-list-tbl .cm-bbs-item3 .cm-bbs-writer{vertical-align:bottom}

/* -------- Modify 추가 -------- */
#modifyContent{padding-bottom:50px;}
.modify-middle-txt{padding:50px 0 20px; text-align:center; line-height:1.5; font-size:13px;}
@media (max-width: 800px){
	#modifyContent .bbs-write-tbl th{font-size:13px; padding:10px 7px;}
	#modifyContent .bbs-write-tbl .write-input{font-size:12px; text-indent:5px;}
}
/* -------- Member Modal 추가 -------- */
#loginModal.member-modal-content{padding-bottom:60px;}
.certification-top-txt{text-align:center; text-align:center; padding:0px 0 27px;  letter-spacing:-0.5px; font-size:12px; line-height:17px}
.member-modal-content .login-modal-caution-box .tel-btn{display:inline-block; padding:0 10px; height:30px; line-height:30px; color:#fff; border-radius:3px; background-color:#023793; color:#fff; text-decoration:none;}
.member-modal-content .login-modal-container .login-btns button{letter-spacing:-0px;}


/* -------- 공유하기 추가 -------- */
.share-container{display:none;}
.share-list-con{position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.8); z-index:9999 }
.share-list-con .table-layout{display:table; width:100%; height:100%; }
.share-list-con .table-cell-layout{display:table-cell; width:100%; vertical-align:middle;}
.share-box{position:relative; z-index:100; width:94%; max-width:320px; margin:0px auto; background-color:#fff; padding:35px 30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.share-box ul{}
.share-box ul li{float:left; width:33.33%; text-align:center; margin:10px 0; line-height:normal;}
.share-box ul li a{display:block; }
.share-box ul li .icon{display:block; width:40px; height:40px; border-radius:40px;  margin:0px auto;}
.share-box ul li i{color:#fff; font-size:24px; line-height:40px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.share-box ul li.share-kakao .icon{background-color:#fab900;}
.share-box ul li.share-facebook .icon{background-color:#395498;}
.share-box ul li.share-blog .icon{background-color:#03cf5d;}
.share-box ul li.share-twt .icon{background-color:#60a9de;}
.share-box ul li.share-link .icon{background-color:#777;}
.share-box ul li.share-google .icon{background-color:#dd4e42}
.share-box ul li.share-link .icon i{font-size:20px;}
.share-box ul li .share-sns-tit{display:block; padding-top:8px; color:#888; font-size:14px; letter-spacing:-0.25px; font-weight:300;}
.prd-url-box{height:37px; position:relative; border:1px solid #e5e5e5; background-color:#f5f5f5; padding-right:80px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:5px; margin-top:18px}
.prd-url-box p{height:35px; border:0; background:none; width:100%; text-indent:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#64a4d5; font-size:14px; letter-spacing:-0.25px; line-height:35px;}
.prd-url-box .prd-copy-btn{position:absolute; top:0px; right:0px; height:100%; background:none; border:0; border-left:1px solid #e5e5e5; color:#333; font-size:14px; letter-spacing:-0.25px; font-weight:300;}
.share-close-btn{position:absolute; top:-25px; right:0px;}
.share-close-btn i{color:#fff; font-size:22px;}