/* ===== COMMON ===== */

.container {position:relative; width:1100px; margin:0 auto; overflow:hidden;}

.text-center {text-align:center;}

/* favorite_wrap */

.favorite_wrap {margin:0 auto; padding:30px 0; width:100%; background: #3d54c3;}

.favorite_wrap .search_wrap {width:600px; height:60px; background:#fff; text-align:center; margin:0 auto; border:4px solid #223cb5; box-sizing:border-box; border-radius:60px;}
.favorite_wrap .search_wrap input {outline:none; font-size:18px; width:450px; height:52px; box-sizing:border-box; border:none; background:none; margin-left:30px;}

.favorite_wrap .search_wrap input::-webkit-input-placeholder {color:#666;}
.favorite_wrap .search_wrap input:focus::-webkit-input-placeholder {color:transparent;}
.favorite_wrap .search_wrap input:focus {border:none !important; color:#666;}

.favorite_wrap .search_wrap .btn_search {display:inline-block; outline:none;  width:100px; height:42px; line-height:42px; margin:5px 0; box-sizing:border-box; border:none; border-radius:42px; color:#fff; font-size:18px; font-weight:500; background:#223cb5; vertical-align:middle;}

.favorite_wrap .search_wrap .btn_search:hover {box-shadow: 1px 2px 1px 1px rgba(0,0,0,.2) inset;}

/* nav_area */

.nav_area_wrap {background:#3d54c3;}
.nationalTit {width: 1100px; margin: 0 auto; text-align: left; font: bold 26px/1.5 "malgun gothic"; color: #fff; padding: 0 0 10px; }
.privateTit { width: 1100px; margin: 0 auto; text-align: left; font: bold 26px/1.5 "malgun gothic"; color: #2b40a2; padding: 0 0 10px; border-bottom: 1px solid #3d54c3;}
.nav_area {width: 1100px; margin: 0 auto; padding: 0; overflow: hidden;}

.nav_area .nav_map h2 {float:left; width:120px; margin:0; padding:25px 15px; font-size:22px; font-weight:700; color:#fff; letter-spacing:-0.5pt; line-height:36px; border-top:1px solid #5a6fd0; font-family: 'Noto Sans Kr';}

.nav_wrap .nav_inner {
    width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0;
}

.nav_area .nav_map ul {float:left; width:85%; border-top:1px solid #5a6fd0; padding:20px 0; min-height:80px;}
.nav_area .nav_map ul li {float:left; width:20%; height:35px; line-height:30px; text-align:left;}
.nav_area .nav_map ul li a {font-size:17px; color:#fff; letter-spacing:-0.5pt; line-height:33px; display:block; padding:0 5px; font-family: 'Noto Sans Kr';}
.nav_area .nav_map ul li a:hover,
.nav_area .nav_map ul li a.searched {background-color:#ffff00; color:#000;}

.new {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    background: #f84c4c;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    margin-bottom: 2px;
    letter-spacing: 1px;
}

/* booklst */

.booklst {width:1100px; margin:0 auto;}
.booklst .blTitWrap {padding:15px 15px; text-align:left; line-height:1.5; font-family: "Noto Sans KR", "Malgun Gothic";}
.booklst .blTitWrap:after {content: ''; display:block; clear:both;}

.booklst .bookcount {display:inline-block; color:#000; font-size:17px; line-height:69px; height:46px;}
.booklst .bookcount strong {font-size:18px; color:#223cb5;}

.booklst .site {float:right;}
.booklst .site .pro_notice {display:block; background:#223cb5; padding:10px 20px 10px 15px; border-radius:100px;}
.booklst .site .pro_notice b {color:#3f43b5; padding:5px 10px; background:#ffeb3b; border-radius:30px; font:bold 14px/1.2em "malgun gothic"; display:inline-block;}
.booklst .site .pro_notice span {color:#fff; font:bold 17px/1.2em "malgun gothic"; letter-spacing:-0.7px; display:inline-block; margin-left:10px;}

.booklst .checkall {width:90px; float:left; clear:both; vertical-align:middle;}

.styled-checkbox {position:absolute; opacity:0;}
.styled-checkbox + label {position:relative; cursor:pointer; padding:0; font:14px/1em "Noto Sans KR", "Malgun Gothic"; vertical-align:middle;}
.styled-checkbox + label:before {content: ''; display:inline-block; vertical-align:text-top; width:20px; height:20px; background:white; border:2px solid #000;}
.styled-checkbox:hover + label:before {background:white;}
.styled-checkbox:checked + label:before {background:white; border:2px solid #000;}
.styled-checkbox:disabled + label {color:#b8b8b8; cursor:auto;}
.styled-checkbox:disabled + label:before {box-shadow:none; background:#000;}
.styled-checkbox:checked + label:after {content: ''; position: absolute; left:6px; top:10px; background:black; width:3px; height:3px; box-shadow:3px 0px 0px black, 4px 0px 0px black, 4px -2px 0px black, 4px -4px 0px black, 4px -6px 0px black, 4px -8px 0px black; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.listcontain {float:left; width:100%; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; clear:both; font-family: 'NanumSquare', sans-serif;}
.listcontain ul {float:left; margin-top:20px; padding:0; margin-left: -25px;}
.listcontain li {float:left; width:350px; height:520px; position:relative; margin-top:20px; margin-left:25px;}
.listcontain li a {color:#000;}
.listcontain .thumTit {display:block; height:80px; padding:0 30px; font-size:14px; line-height:1.3em; text-align:left; color:#333; font-family: "Malgun Gothic", "Noto Sans KR"; font-weight: 600;}

.listcontain .cashWrap {padding:10px 30px 0; text-align:right; position:relative; vertical-align: bottom; font-family: 'Rubik';}
.listcontain .cashWrap .thumSale {font-size:13px; color:#999; text-decoration:line-through; display: inline-block;}
.listcontain .cashWrap .thumCash {font-size:20px; color:#333; font-weight: 700; display: inline-block;}
.listcontain .cashWrap .sales {position:absolute; right:30px; top:-10px; font-size:13px; color:#cc3333; background:url(/img/arr_down.png) no-repeat 0 50% ;padding-left:10px;}
.listcontain .thumPerc{color:#f00; font:600 16px/1.5em "Noto Sans KR", "Malgun Gothic"; margin-top:20px; margin-left:20px; display:none;}

.listcontain .btnset {text-align:center;padding:10px 30px 0;}
.listcontain .btnset a {display:inline-block; width:50%; height:28px; line-height:28px; text-align:center; color:#223cb5; font-size:14px; border:1px solid #223cb5; margin:0 -3px;}
.listcontain .btnset a.ok {color:#fff; background-color:#223cb5;}

.listcontain .styled-checkbox + label{
  position: relative;
  cursor: pointer;
  padding: 0;
  font:14px/1em "Noto Sans KR", "Malgun Gothic";
  vertical-align:middle;
  float:left;
}

.listcontain .sticker {position:absolute; display:block; right:60px; top:-15px;}
.listcontain .sticker .circle {width:57px; height:57px; border-radius:50%; text-align:center; color:#fff; font-weight:bold; padding-top:17px; letter-spacing:-0.8; font-size:13px; font-family: 'Anton';}
.listcontain .sticker .circle .edition {font-weight:bolder; font-size:17px; letter-spacing:-1px;}

.listcontain .sticker .circle.best {background:#f00;}
.listcontain .sticker .circle.new {background:#00b085;}

.listcontain .bookimg {padding-bottom:20px; text-align:center;}
.listcontain .bookimg img {width:160px; height:252px;}

.bar_select {width:100%; overflow:hidden; text-align:center;}

/* BtnWrap */

.BtnWrap {padding:30px 0; line-height:1.5; font-family: "Noto Sans KR", "Malgun Gothic"; }
.BtnWrap .rbwTxt {display:inline-block; font-size:17px; font-weight:400; color:#000; margin-top:13px; margin-right:15px;}

.BtnWrap .buyBtn {display:inline-block; border:1px solid #e02d20; color:#fff; padding:10px 20px; text-align:center; font-size:20px; font-weight:500; background:#e02d20; border-radius:2px;}
.BtnWrap .buyBtn span {color:#fee300;}

.BtnWrap .buyBtn.basket {text-indent:-9999px; background:#fff url('/class/iconbasket7.png') no-repeat center; background-size:57%; padding:10px 32px;}

.bar_select.fix {border-top:1px solid #f5f5f5; background:rgba(255,255,255,.9); position:fixed; bottom:0;}

/* ===== BOOK DETAIL ===== */

/* class_title_wrap */

.class_title_wrap {width:100%; background:#f5f5f5; border-bottom:1px solid #e8e9ef;}
.class_title_wrap .page_title {font-size:35px; color:#111; font-weight:700; font-family:'Noto Sans Kr'; letter-spacing:-0.5px; margin:38px 0 35px 0;}
.class_title_wrap .page_title .small {font-size:20px; color:#333; font-weight:400;}
.class_title_wrap .page_title .small .divider {display:inline-block; margin:0 5px 0 2px;}

.class_title_wrap .breadcrumb {position:absolute; top:50px; right:0; text-align:right;}
.class_title_wrap .breadcrumb > ul {display:inline-block; width:100%;}
.class_title_wrap .breadcrumb > ul > li {float:left; line-height:30px; vertical-align:middle;}

.class_title_wrap .breadcrumb a {display:inline-block; font-size:15px; color:#555; font-weight:400;}
.class_title_wrap .breadcrumb a:hover {text-decoration:underline;}
.class_title_wrap .breadcrumb .divider {display:inline-block; width:7px; height:11px; background:url(/assets/front/img/class_top_iCon01.png); margin:0 10px 0 10px;}

.class_title_wrap .breadcrumb a.home {width:20px; height:18px; background:url(/assets/front/img/class_top_iCon02.png); font-size:0; overflow:hidden; transform:translateY(3px);}

/* class_book_wrap */

.class_book_wrap {width:100%;}
.class_book_wrap a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* class_book_info */

.class_book_wrap .class_book_info {width:100%; margin:40px 0 40px 0;}
.class_book_wrap .class_book_info > ul {display:inline-block; width:100%;}
.class_book_wrap .class_book_info > ul > li {float:left;}

/* class_book_info book_image */

.class_book_info > ul > li.book_image {position:relative; width:350px; margin-right:25px; text-align:center;}

.class_book_info .book_image .prev_image {display:block; width:348px; height:473px; border:1px solid #e7e7e7; font-size:0; margin-bottom:20px;}

.class_book_info .book_image .prev_btn {display:inline-block; color:#666; font-size:14px; text-align:center; border:1px solid #bdbdbd; background:#fff; padding:5px 30px 8px 30px;}
.class_book_info .book_image .prev_btn .prev_iCon {display:inline-block; width:15px; height:17px; background:url(/class/img/class_book_iCon01.png); transform:translateY(3px); margin-right:4px;}
.class_book_info .book_image .prev_btn:hover {background:#f3f3f3;}

/* class_book_info book_info */

.class_book_info > ul > li.book_info {width:725px; /* background:#7cc576; */}

.class_book_info .book_info .info_tit {color:#111; font-size:25px; font-weight:500; font-family:'Noto Sans Kr'; border-bottom:1px solid #ccc; padding:15px 0 18px 0; margin:0 0 0 0;}
.class_book_info .book_info .info_tit .small {color:#555; font-size:16px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:6px;}

/* class_book_info book_info tag */

.class_book_info .book_info .info_tit .tag {display:inline-block; font-size:14px; font-weight:500; padding:1px 4px 3px 4px; letter-spacing:-0.5px; margin-left:2px; vertical-align:middle;}
.class_book_info .book_info .info_tit .tag.tit_tag01 {background:#ff0000; border:1px solid #ff0000; color:#ffffff;}
.class_book_info .book_info .info_tit .tag.tit_tag02 {background:#ffffff; border:1px solid #223cb5; color:#223cb5;}
.class_book_info .book_info .info_tit .tag.tit_tag03 {background:#ffffff; border:1px solid #555555; color:#333333;}

/* class_book_info info_list */

.class_book_info .book_info .info_list {width:685px; padding:20px 20px 15px 20px; border-bottom:1px solid #e7e7e7; background:#fff;}
.class_book_info .book_info .info_list.info_bg {background:#f9f9f9;}

.class_book_info .book_info .info_list > dl {width:100%; display:inline-block;}
.class_book_info .book_info .info_list > dl > dt,
.class_book_info .book_info .info_list > dl > dd {float:left; font-size:15px; color:#555; letter-spacing:-0.3px; line-height:26px;}

.class_book_info .book_info .info_list > dl > dt {width:120px; font-weight:500; color:#333;}
.class_book_info .book_info .info_list > dl > dd {width:565px;}

.class_book_info .book_info .info_list .discount {text-decoration:line-through; letter-spacing:0;}
.class_book_info .book_info .info_list .price {color:#223cb5; font-size:25px; letter-spacing:0; font-weight:700; margin-right:3px;}

.class_book_info .book_info .info_list .info_btn {display:inline-block; text-align:center; color:#555; font-size:13px; border:1px solid #bdbdbd; background:#fff; padding:2px 5px 3px 5px; margin-left:8px; line-height:initial;}
.class_book_info .book_info .info_list .info_btn:hover {background:#f3f3f3;}

/* class_book_info info_list count_book */

.class_book_info .book_info .info_list .count_book > ul {display:inline-block;}
.class_book_info .book_info .info_list .count_book > ul > li {float:left;}

.class_book_info .book_info .info_list .count_book > ul > li .count_btn {display:block; width:30px; height:30px; font-size:0; border:1px solid #ccc;}

.class_book_info .book_info .info_list .count_book > ul > li .count_btn.minus {background:#f9f9f9 url(/img/class_book_iCon02_01.png) no-repeat;}
.class_book_info .book_info .info_list .count_book > ul > li .count_btn.plus {background:#f9f9f9 url(/img/class_book_iCon02_02.png) no-repeat;}

.class_book_info .book_info .info_list .count_book > ul > li .count_btn.minus:hover {background:#eee url(/img/class_book_iCon02_01.png) no-repeat;}
.class_book_info .book_info .info_list .count_book > ul > li .count_btn.plus:hover {background:#eee url(/img/class_book_iCon02_02.png) no-repeat;}

.class_book_info .book_info .info_list .count_book > ul > li input {width:80px; height:30px; font-size:14px; text-align:center; border:1px solid #ccc; border-left:none; border-right:none;}

/* class_book_info book_btn_buy */

.class_book_info .book_info .book_btn_buy {width:100%; padding:20px 0 20px 0;}
.class_book_info .book_info .book_btn_buy > ul {width:100%; display:inline-block;}
.class_book_info .book_info .book_btn_buy > ul > li {float:left; width:355px; text-align:center; letter-spacing:-0.5px;}
.class_book_info .book_info .book_btn_buy > ul > li:first-child {margin-right:15px;}

.class_book_info .book_info .book_btn_buy > ul > li > a {display:block; font-weight:500; color:#333; font-size:16px; border:1px solid #aaa; background:#fff; padding:15px 0 15px 0;}
.class_book_info .book_info .book_btn_buy > ul > li > a:hover {background:#eee;}

.class_book_info .book_info .book_btn_buy > ul > li > a.btn_buy {color:#fff; background:#223cb5; border-color:#223cb5;}
.class_book_info .book_info .book_btn_buy > ul > li > a.btn_buy:hover {background:#00006b; border-color:#00006b;}

/* class_book_tab */

.class_book_wrap .class_book_tab {width:100%; margin-bottom:20px;}
.class_book_wrap .class_book_tab > ul {width:1098px; display:inline-block; border:1px solid #ccc;}
.class_book_wrap .class_book_tab > ul > li {float:left; width:274px; border-right:1px solid #ccc; text-align:center; position:relative;}
.class_book_wrap .class_book_tab > ul > li:last-child {border-right:none; width:272px;}

.class_book_wrap .class_book_tab > ul > li > a {display:block; font-size:16px; color:#555; background:#fff; padding:15px 0 15px 0;}
.class_book_wrap .class_book_tab > ul > li > a:hover,
.class_book_wrap .class_book_tab > ul > li.active > a {color:#333; font-weight:500; background:#f9f9f9;}

.class_book_wrap .class_book_tab > ul > li > a:before {content:''; clear:both; position:absolute; top:-1px; left:0; display:inline-block; width:0; height:3px; margin:0 0 0 0; background:#223cb5; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.class_book_wrap .class_book_tab > ul > li.active > a:before,
.class_book_wrap .class_book_tab > ul > li > a:hover:before {width:274px;}

/* class_book_detail */

.class_book_wrap .class_book_detail {width:980px; padding:20px 60px 60px 60px; margin:0 0 60px 0; background:#f9f9f9;overflow:hidden;}

.class_book_detail .cont_box {width:980px; font-family:'Noto Sans Kr'; font-weight:400;}
.class_book_detail .cont_box .cont_tit {color:#111; font-size:26px; font-weight:700; border-bottom:1px solid #ccc; padding:0 0 20px 0; margin:40px 0 0 0; font-family:'Noto Sans Kr';}
.class_book_detail .cont_box > p {font-size:15px; line-height:25px; color:#555; margin-top:20px;}
.class_book_detail .cont_box > p > img {max-width:980px;}

/* class_book_detail book_detail_table01 */

.book_detail_table01 {width:100%; position:relative; background:#fff;}
.book_detail_table01 > table {border-top:2px solid #222; border-left:1px solid #ddd; width:100%; letter-spacing:-0.3px;}

.book_detail_table01 > table .tit_gray {color:#333; background:#fafafa;}

.book_detail_table01 > table > thead > tr > th, .book_detail_table01 > table > thead > tr > td,
.book_detail_table01 > table > tbody > tr > th, .book_detail_table01 > table > tbody > tr > td {font-size:15px; line-height:26px;}

.book_detail_table01 > table > thead > tr > th, .book_detail_table01 > table > thead > tr > td,
.book_detail_table01 > table > tbody > tr > th, .book_detail_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.book_detail_table01 > table > thead > tr > th, .book_detail_table01 > table > tbody > tr > th {color:#333; font-weight:500;}
.book_detail_table01 > table > thead > tr > td, .book_detail_table01 > table > tbody > tr > td {color:#555;}

/* class_book_detail cont_bg_box */

.class_book_detail .cont_box .cont_bg_box {background:#fff; border:1px solid #e7e7e7; font-size:15px; line-height:27px; padding:30px 30px 30px 30px; box-sizing:border-box;margin-top:30px;overflow:hidden;}
.class_book_detail .cont_box .cont_bg_box > a {color:#555; letter-spacing:0;}
.class_book_detail .cont_box .cont_bg_box > a:hover {text-decoration:underline;}

/* class_book_detail prof_info_wrap */

.class_book_detail .cont_box .prof_info_wrap {width:100%; margin-top:20px;}
.class_book_detail .cont_box .prof_info_wrap > dl {width:980px; display:inline-block;}
.class_book_detail .cont_box .prof_info_wrap > dl > dt,
.class_book_detail .cont_box .prof_info_wrap > dl > dd {float:left; height:400px; background:#fff;}

.class_book_detail .cont_box .prof_info_wrap > dl > dt.prof_image {width:300px; margin-right:20px;}
.class_book_detail .cont_box .prof_info_wrap > dl > dt.prof_image > img {display:block; max-width:300px;}

.class_book_detail .cont_box .prof_info_wrap > dl > dd.prof_info {width:660px; padding:30px 30px 30px 30px; overflow-y:scroll; box-sizing:border-box; border:1px solid #e7e7e7;}
.class_book_detail .cont_box .prof_info_wrap > dl > dd.prof_info .name {color:#333; font-size:16px; font-family:'Noto Sans Kr'; font-weight:700; margin-bottom:10px;}
.class_book_detail .cont_box .prof_info_wrap > dl > dd.prof_info > p {background:url(/class/img/class_book_iCon03.png) no-repeat 0 11px; padding-left:10px; font-size:15px; line-height:24px; color:#555; font-weight:400;}


/* class_book_detail new */
table {border-collapse:collapse;border-spacing:0;width:100%;}
.class_book_detail .cont_box {line-height:1.6;}
.class_book_detail .cont_box .txt_box1 {width:100%;clear:both;overflow:hidden;display:inline-block;margin:30px 0px 15px;}
.class_book_detail .cont_box .tbl01 {width:100%;margin-top:30px;clear:both;border-top:2px solid #222; border-left:1px solid #ddd; }
.class_book_detail .cont_box .tbl01 th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333; background:#fafafa;text-align:center;padding:10px 15px;}
.class_book_detail .cont_box .tbl01 td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333;background-color:#fff;text-align:center;padding:10px 15px;}
.class_book_detail .cont_box .tbl02 {width:100%;margin-bottom:30px;clear:both;border-top:2px solid #222; border-left:1px solid #ddd; }
.class_book_detail .cont_box .tbl02 th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333; background:#fafafa;text-align:center;padding:10px 15px;}
.class_book_detail .cont_box .tbl02 td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333;background-color:#fff;text-align:center;padding:10px 15px;}
.class_book_detail .cont_box .tbl03 {width:100%;margin-bottom:30px;clear:both;border-top:2px solid #222; border-left:1px solid #ddd; }
.class_book_detail .cont_box .tbl03 th {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333; background:#fafafa;text-align:center;padding:10px 15px;}
.class_book_detail .cont_box .tbl03 td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;color:#333;background-color:#fff;text-align:left;padding:10px 15px;}
.class_book_detail .cont_box .prof {width:980px;clear:both;margin-top:30px;overflow:hidden;}
.class_book_detail .cont_box .prof dt {float:left;width:350px;height:400px;box-sizing:border-box;display:inline-block;}
.class_book_detail .cont_box .prof dt img {border:1px solid #e7e7e7;max-width:300px;}
.class_book_detail .cont_box .prof dd {float:left;width:630px;height:400px;overflow-x:auto;padding:30px 30px;box-sizing:border-box;border:1px solid #e7e7e7;line-height:1.6;background-color:#fff;display:inline-block;}
.class_book_detail .cont_box .prof dd b {clear:both;width:100%;margin-bottom:15px;font-weight:bold;display:block;}


/* ===== CLASS ROOM DETAIL ===== */

.class_room_wrap {width:100%; padding:45px 0 45px 0;}

.class_room_wrap .class_room_tit {color:#111; font-size:28px; letter-spacing:-0.5px; font-family:'Noto Sans Kr'; font-weight:700; margin-bottom:30px;}

.class_room_wrap .class_bull_tit01 {color:#111; font-size:24px; letter-spacing:-0.5px; font-family:'Noto Sans Kr'; font-weight:700; border-bottom:1px solid #ccc;
                                    background:url(/class/img/class_room_iCon01.png) no-repeat 0 8px; padding:0 0 15px 32px; margin:0 0 20px 0;}

/* class_com_btn01 */

.class_com_btn {display:inline-block; text-align:center; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.class_com_btn.btn_w350 {width:350px; padding:15px 0 15px 0; font-size:16px;}

.class_com_btn.btn_list {font-size:13px; line-height:13px; padding:4px 5px 6px 5px;}

.class_com_btn.btn_default {color:#333; border:1px solid #aaa; background:#fff;}
.class_com_btn.btn_default:hover {background:#eee;}

.class_com_btn.btn_primary {color:#fff; border:1px solid #223cb5; background:#223cb5;}
.class_com_btn.btn_primary:hover {border:1px solid #00006b; background:#00006b;}

.class_com_btn.btn_black3 {color:#fff; border:1px solid #333; background:#333;}
.class_com_btn.btn_black3:hover {background:#000;}

.class_com_btn.btn_disabled {color:#888; border:1px solid #bbb; background:#fff;}

/* class_room_tab */

.class_room_wrap .class_room_tab {width:100%; margin-bottom:25px;}
.class_room_wrap .class_room_tab > ul {width:1098px; display:inline-block; border:1px solid #ccc;}
.class_room_wrap .class_room_tab > ul > li {float:left; width:auto; border-right:1px solid #ccc; text-align:center; position:relative;}
.class_room_wrap .class_room_tab > ul > li:last-child {border-right:none;}

.class_room_wrap .class_room_tab.col_06 > ul > li {width:182px;}
.class_room_wrap .class_room_tab.col_06 > ul > li:last-child {width:183px;}

.class_room_wrap .class_room_tab.col_06 > ul > li > a.active:before,
.class_room_wrap .class_room_tab.col_06 > ul > li > a:hover:before {width:183px;}

.class_room_wrap .class_room_tab.col_07 > ul > li {width:156px;}
.class_room_wrap .class_room_tab.col_07 > ul > li:last-child {width:156px;}

.class_room_wrap .class_room_tab.col_07 > ul > li > a.active:before,
.class_room_wrap .class_room_tab.col_07 > ul > li > a:hover:before {width:156px;}

.class_room_wrap .class_room_tab > ul > li > a {display:block; font-size:16px; color:#555; background:#fff; padding:15px 0 15px 0;}
.class_room_wrap .class_room_tab > ul > li > a:hover,
.class_room_wrap .class_room_tab > ul > li > a.active {color:#333; font-weight:500; background:#f9f9f9;}

.class_room_wrap .class_room_tab > ul > li > a:before {content:''; clear:both; position:absolute; top:-1px; left:0; display:inline-block; width:0; height:3px; margin:0 0 0 0; background:#223cb5; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.class_room_wrap .notice_box {width:100%; background:#f9f9f9; box-sizing:border-box; padding:45px 50px 45px 50px; font-family:'Noto Sans Kr'; font-weight:400; letter-spacing:-0.5px;}
.class_room_wrap .notice_box .notice_tit {font-size:24px; color:#111; font-family:'Noto Sans Kr'; font-weight:500; border-bottom:1px solid #ccc; padding:0 0 20px 0; margin:0 0 18px 0;}
.class_room_wrap .notice_box > p {background:url(/class/img/class_book_iCon03.png) no-repeat 0 11px; padding-left:12px; margin:2px 0 0 0; font-size:14px; line-height:24px; color:#555; font-weight:400;}

/* class_room_wrap class_room_table01 */

.class_room_table01 {width:100%; position:relative; background:#fff;}
.class_room_table01 > table {border-top:2px solid #222; border-left:1px solid #ddd; width:100%; letter-spacing:-0.3px;}

.class_room_table01 > table .tit_gray {color:#333; background:#fafafa;}

.class_room_table01 > table > thead > tr > th, .class_room_table01 > table > thead > tr > td,
.class_room_table01 > table > tbody > tr > th, .class_room_table01 > table > tbody > tr > td {font-size:15px; line-height:26px;}

.class_room_table01 > table > thead > tr > th, .class_room_table01 > table > thead > tr > td,
.class_room_table01 > table > tbody > tr > th, .class_room_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.class_room_table01 > table > thead > tr > th, .class_room_table01 > table > tbody > tr > th {color:#333; font-weight:500;}
.class_room_table01 > table > thead > tr > td, .class_room_table01 > table > tbody > tr > td {color:#555;}

.class_room_table01 > table > thead > tr > td.a_left, .class_room_table01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}

.class_room_table01 .datetimes {letter-spacing:0;}

/* MARGIN */

.mgt05 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}

.mgr05 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr30 {margin-right:30px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}

.mgb05 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}