@charset "UTF-8";

[class*='section-'] {}
[class*='section-'] header.head-section {padding:0 30px 0 27px; border-bottom:1px solid #e0e0e0; /*background:url(../images/content/bg-subhead.png) 244px 30px no-repeat*/}
[class*='section-'] header.head-section:after {content:""; display:block; clear:both}
[class*='section-'] header.head-section h2 {display:inline-block; padding:21px 0 19px; font-weight:bold; font-size:20px; color:#2f2f2f; letter-spacing:-0.05em}
[class*='section-'] header.head-section .path {float:right; padding:24px 0 23px}
[class*='section-'] header.head-section .path a {font-size:12px; color:#606060}
[class*='section-'] header.head-section .path a ~ a {position:relative; margin-left:20px}
[class*='section-'] header.head-section .path strong {position:relative; margin-left:20px; font-size:12px; color:#0f3653}
[class*='section-'] header.head-section .path a ~ a:before,
[class*='section-'] header.head-section .path strong:before {content:""; position:absolute; left:-13px; top:50%; width:4px; height:7px; margin-top:-4px; background:url(../images/common/bg-path-arrow.png) no-repeat}
[class*='section-'] .cont-section {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
[class*='section-'] .cont-section:after {content:""; display:block; clear:both}
[class*='section-'] .cont-section .side-menu {float:left; width:247px; border-right:1px solid #e0e0e0}
[class*='section-'] .cont-section .side-menu + section.content {margin-left:-1px}
[class*='section-'] .cont-section .side-menu .banner {display:inline-block; padding:10px 20px 0 20px;}
[class*='section-'] .cont-section .side-menu .banner img {width:100%}
[class*='section-'] .cont-section .sub-nav > ul > li {border-bottom:1px solid #e0e0e0}
[class*='section-'] .cont-section .sub-nav > ul > li a {display:inline-block; width:100%; line-height:1.3em; font-size:15px; color:#4c4c4c; background:#f7f7f7; box-sizing:border-box} /* 180208 */
[class*='section-'] .cont-section .sub-nav > ul > li > a {height:51px; padding-left:30px; line-height:53px} /* 180208 */
[class*='section-'] .cont-section .sub-nav > ul > li > ul {display:none}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li {border-top:1px solid #e0e0e0}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > a {position:relative; min-height:51px; padding:17px 20px 14px 40px; color:#606060; word-wrap:break-word; background:#fff} /* 180222 */
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > a:before {content:""; position:absolute; left:30px; top:24px; width:3px; height:3px; border-radius:100%; background:#d7d7d7} /* 180208 */
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul {display:none; padding:0 30px; margin-bottom:-1px; border-top:1px solid #e0e0e0}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li {border-bottom:1px solid #ededed}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > a {min-height:44px; padding-top:13px; padding-bottom:12px; padding-left:19px; text-indent:-10px; font-weight:normal; font-size:14px; word-wrap:break-word; background:#fff} /* 180222 */
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > ul {display:none; margin:0 -30px; padding:15px 0 11px; background:#fbf6f6}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > ul > li {width:100%; padding:0 30px; background:url(../images/common/bg-lnb-arrow.png) right center no-repeat}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > ul > li ~ li {margin-top:4px}
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > ul > li > a {width:92%; height:auto; margin-left:18px; padding-left:0; padding-right:10px; line-height:1.5em; font-size:13px; word-wrap:break-word; background:none} /* 180222 */
[class*='section-'] .cont-section .sub-nav > ul > li > ul > li > ul > li > ul > li > a {width:92%; height:auto; margin-left:18px; padding-left:0; padding-right:10px; line-height:1.5em; font-size:13px; word-wrap:break-word; background:none} /* 180222 */
[class*='section-'] .cont-section .sub-nav > ul > li.active > a {color:#fff; background:#ff5c5c; font-weight: bold; font-size: 16px; position: relative;}
[class*='section-'] .cont-section .sub-nav > ul > li.active > a:before {content: ">"; position: absolute; left: 15px;}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li:first-child {border-top:none}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > a {font-weight:bold; color:#ff5c5c;}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > a:before {background:#ff8482;}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > a.active:before {content:">"; position:absolute; left:25px; top:17px; width:0; height:0;}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li:not('noDepth').active {border-bottom:none}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > a {font-weight:bold; color:#ff5c5c}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > a:before {content:">";}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > ul > li.active {background-image:url(../images/common/bg-lnb-arrow-on.png)}
[class*='section-'] .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a {font-weight:bold; color:#ff5c5c}
.section-specialize .cont-section .sub-nav > ul > li.active > a,
.section-freesemester .cont-section .sub-nav > ul > li.active > a {background:#386689}
.section-specialize .cont-section .sub-nav > ul > li.active > ul > li.active > a,
.section-freesemester .cont-section .sub-nav > ul > li.active > ul > li.active > a {color:#386689}
.section-specialize .cont-section .sub-nav > ul > li.active > ul > li.active > a:before,
.section-freesemester .cont-section .sub-nav > ul > li.active > ul > li.active > a:before {background:#6588a9}
.section-specialize .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > a,
.section-freesemester .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > a {color:#ff5c5c}
.section-specialize .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a,
.section-freesemester .cont-section .sub-nav > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a {color:#386689}
[class*='section-'] section.content {float:left; width:951px; padding:38px 42px 60px 38px; border-left:1px solid #e0e0e0; box-sizing:border-box}
[class*='section-'] section.content header.content {position:relative; padding-bottom:19px; border-bottom:1px solid #ececec}
[class*='section-'] section.content header.content:after {content:""; display:block; clear:both}
[class*='section-'] section.content header.content.type2 {padding-bottom:30px}
[class*='section-'] section.content header.content h3 {float:left; font-size:22px; color:#2f2f2f}
[class*='section-'] section.content header.content .desc {float:left; position:relative; padding-left:8px; margin-left:21px; color:#888; vertical-align:top}
[class*='section-'] section.content header.content .desc:after {content:""; position:absolute; left:0; top:5px; width:2px; height:2px; background:#d4d4d4}
[class*='section-'] section.content header.content .desc span {display:block; position:relative; margin-top:5px}
[class*='section-'] section.content header.content .desc span:after {content:""; position:absolute; left:-8px; top:5px; width:2px; height:2px; background:#d4d4d4}
[class*='section-'] section.content header.content .desc.type2 {margin-top:4px}/* 한줄 */
[class*='section-'] section.content header.content a.subscribe {position:absolute; right:0; top:-6px; width:70px}
[class*='section-'] section.content header.content a.btn-make.subscribe span {padding-right:15px; background:url(../images/content/bg-plus-wht.png) 100% center no-repeat}
[class*='section-'] section.content .sub-section ~ .sub-section {margin-top:41px}
[class*='section-'] section.content .sub-section .box {position:relative; padding:31px 30px 29px; border:1px solid #eaeaea; background:#efefef}
[class*='section-'] section.content .sub-section .box h4 {position:relative; border-bottom:1px solid #eaeaea}
[class*='section-'] section.content .sub-section .box.none {height:295px; box-sizing:border-box}
[class*='section-'] section.content .sub-section .box.none p {margin-top:60px; padding-top:67px; line-height:1.5; font-weight:bold; font-size:14px; color:#919191; text-align:center; background:url(../images/common/bg-nodata.png) center 0 no-repeat}
[class*='section-'] section.content .sub-section .box.none p span {display:block; line-height:1.5}
[class*='section-'] section.content .sub-section h4 {padding-bottom:18px; font-weight:bold; font-size:18px; color:#262626}
[class*='section-'] section.content .sub-section .delete-all {position:absolute; right:0; bottom:18px; padding-left:15px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/content/bg-delete-all.png) 0 50% no-repeat}
[class*='section-'] section.content .sub-section .extra {margin-top:20px; color:#8e9397}
[class*='section-'] .cont-section > div.content.type2 {float:none; width:100%}

.list-subject ul {margin:0 -5px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.list-subject ul:after {content:""; display:block; clear:both}
.list-subject ul li {float:left; margin-bottom:-1px; padding:30px; border-bottom:1px solid #eaeaea}
.list-subject ul li a {display:inline-block; width:116px; text-align:center}
.list-subject ul li a .img {border:1px solid #d9d9d9; box-sizing:border-box}
.list-subject ul li a .img img {width:100%; height:150px}
.list-subject ul li a strong {display:block; line-height:1.3em; padding-top:10px; font-weight:bold; font-size:16px; color:#2f2f2f}

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

/** 스마트교실 **/
.section-smartclass {}
/* 반별 진도 */
.section-smartclass.progress .tbl-basic table thead th.book .ly-sort {left:52px}
.section-smartclass.progress .tbl-basic table tbody tr td.book {padding-left:10px; padding-right:10px; text-align:left}
.section-smartclass.progress .tbl-basic table tbody tr td strong {display:inline-block; overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; line-height:1.3em; margin:2px 0 6px; font-weight:bold; color:#333; letter-spacing:-0.03em}
.section-smartclass.progress .tbl-basic table tbody tr td strong span.now:before {content:">"; margin:0 5px; font-weight:normal; font-size:8px; color:#5c5c5c; vertical-align:middle}
.section-smartclass.progress .tbl-basic table tbody tr td .list {overflow:hidden; text-overflow:ellipsis; max-width:100%; white-space:nowrap; line-height:18px; font-size:13px; color:#777}
.section-smartclass.progress .tbl-basic table tbody tr td .list ~ .list {margin-top:5px}
.section-smartclass.progress .tbl-basic table tbody tr td .list span {display:inline-block; width:26px; height:18px; line-height:18px; margin-right:7px; font-weight:bold; font-size:10px; color:#fff; text-align:center; border-radius:2px; background:#eca2a0}
.section-smartclass.progress .tbl-basic table tbody tr td .list .now {font-style:normal}
.section-smartclass.progress .tbl-basic table tbody tr td .list .now:before {content:">"; margin:0 5px; font-style:normal; font-weight:normal; font-size:5px; color:#5c5c5c; vertical-align:middle}
.section-smartclass.progress .tbl-basic table tbody tr td .list.none {color:#a3a3a3}
.section-smartclass.progress .tbl-basic table tbody tr td .list.none span {background:#ababab}
.section-smartclass.progress .tbl-basic table tbody tr:hover td strong a,
.section-smartclass.progress .tbl-basic table tbody tr:hover td strong span.now:before {color:#f76060}
/* 최근 목차 */
.section-smartclass.recent .tbl-basic table tbody tr td.tit span.now:before {content:">"; margin:0 5px; font-weight:normal; font-size:8px; color:#5c5c5c; vertical-align:middle}
.section-smartclass.recent .tbl-basic table tbody tr:hover td.tit span.now:before {color:#f76060}
.section-smartclass.recent .tbl-basic table tbody tr td.book {padding-left:0px; padding-right:10px; text-align:left}
.section-smartclass.recent .tbl-basic table thead th.book .ly-sort {left:52px}
/* 교과서 설정 */
.list-books {overflow:hidden; margin:0 30px; visibility:hidden}
.list-books.slick-initialized {visibility:visible}
.list-books:after {content:""; display:block; clear:both}
.list-books .book {float:left; width:33.33%; box-sizing:border-box}
.list-books .book:after {content:""; display:block; clear:both}
.list-books .book .img {float:left; position:relative; width:116px; border:1px solid #d2d2d2; box-sizing:border-box}
.list-books .book .img img {width:100%}
.list-books .book .img .delete {position:absolute; right:-9px; top:-9px; width:26px; height:26px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-delete.png) no-repeat}
.list-books .book .info {float:left; width:calc(100% - 116px); padding:10px 20px 0; box-sizing:border-box}
.list-books .book .info strong {display:block; line-height:1.2em; padding-bottom:7px; font-weight:bold; font-size:16px; color:#2f2f2f}
.list-books .book .info span {line-height:1.2em; font-size:14px; color:#787878}
.list-books .slick-arrow {position:absolute; width:48px; height:48px; font-size:0; text-indent:-9999em; cursor:pointer}
.list-books .slick-disabled {cursor:auto}
.list-books .slick-prev {top:50%; background:url(../images/common/arrow-slide-left-on.png) center no-repeat}
.list-books .slick-prev.slick-disabled {background:url(../images/common/arrow-slide-left.png) center no-repeat}
.list-books .slick-next {top:50%; background:url(../images/common/arrow-slide-right-on.png) center no-repeat}
.list-books .slick-next.slick-disabled {background:url(../images/common/arrow-slide-right.png) center no-repeat}
.section-smartclass.textbook section.content header.content {border-bottom:none}
.section-smartclass.textbook section.content .sub-section .extra {color:#ff0000}
.section-smartclass.textbook section.content .sub-section .box.none h4 {display:none}
.section-smartclass.textbook .sub-section h4 > span {display:inline-block; padding-bottom:2px; margin-left:21px; font-weight:normal; font-size:13px; color:#888; vertical-align:middle}
.section-smartclass.textbook .list-books {margin-top:22px; padding-top:8px}
.section-smartclass.textbook .list-books .slick-arrow {margin-top:5px}
.section-smartclass.textbook .list-books .slick-prev {left:10px}
.section-smartclass.textbook .list-books .slick-next {right:10px}
/* 내 수업안 */
.section-smartclass.planning .tbl-basic table thead th.select .ly-sort {left:45px}
.section-smartclass.planning .tbl-basic table tbody td.book,
.section-smartclass.planning .tbl-basic table tbody td.date {padding-left:0; padding-right:0}
.section-smartclass.planning .tbl-basic table tbody td.tit {font-weight:bold}
.section-smartclass.planning .tbl-basic table tbody td.tit span.now:before {content:">"; margin:0 5px; font-weight:normal; font-size:8px; color:#5c5c5c; vertical-align:middle}
.section-smartclass.planning .tbl-basic table tbody tr:hover td.tit span.now:before {color:#f76060}
/* 내 시험지 */
.section-smartclass.testpaper .tbl-basic table thead th.select .ly-sort {left:78px}
.section-smartclass.testpaper .tbl-basic table tbody td.tit a {font-weight:normal}
/* 스크랩 자료 */
.section-smartclass.scrapdata section.content header.content {border-bottom:none}
/* .section-smartclass.scrapdata .tbl-basic table {table-layout:auto} */
.section-smartclass.scrapdata .tbl-basic table tbody tr td.tit {padding-left:10px; padding-right:10px; font-weight:bold}
.section-smartclass.scrapdata .tbl-basic table tbody tr td.tit span {margin-right:14px}
.section-smartclass.scrapdata .tbl-basic table thead th.select .ly-sort {left:69px}
/* 내가 올린 자료 */
.section-smartclass.uploadeddata section.content header.content {border-bottom:none}
.section-smartclass.uploadeddata .upload-state {padding:20px 20px 18px; border:1px solid #eaeaea; background:#efefef}
.section-smartclass.uploadeddata .upload-state:after {content:""; display:block; clear:both}
.section-smartclass.uploadeddata .upload-state .state {float:left}
.section-smartclass.uploadeddata .upload-state .state .curr {line-height:35px; font-size:14px}
.section-smartclass.uploadeddata .upload-state .state .curr em {font-style:normal; font-weight:bold; font-size:14px; color:#ff5c5c}
.section-smartclass.uploadeddata .upload-state .state .bar {display:inline-block; overflow:hidden; position:relative; width:365px; height:13px; line-height:35px; margin-left:17px; vertical-align:middle; border-radius:2em; background:#e1e1e1}
.section-smartclass.uploadeddata .upload-state .state .bar .inner {position:absolute; left:0; top:0; height:13px; font-size:0; text-indent:-9999em; background:#ff8482}
.section-smartclass.uploadeddata .upload-state .state .total {line-height:35px; margin-left:16px}
.section-smartclass.uploadeddata .upload-state .state .total em {font-style:normal; font-weight:bold; color:#ff7171}
.section-smartclass.uploadeddata .upload-state .state .total span {position:relative; margin-left:18px}
.section-smartclass.uploadeddata .upload-state .state .total span:after {content:""; position:absolute; left:-10px; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:100%; background:#d1d1d1}
.section-smartclass.uploadeddata .upload-state .btn-make {float:right}
.section-smartclass.uploadeddata .sub-section {padding-top:20px}
.section-smartclass.uploadeddata .tbl-basic table {table-layout:auto}
.section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit {padding-left:10px; padding-right:10px; font-weight:bold}
.section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit a {max-width:398px}
.section-smartclass.uploadeddata .tbl-basic table tbody tr td.tit span {margin-right:14px}
.section-smartclass.uploadeddata .tbl-basic table tbody tr td .badge-view {margin-left:10px}
/* 파일업로드 팝업 */
.popup-uploaddata .popup-section {width:700px}
.popup-uploaddata .popup-section .file-content {padding-top:20px}
.popup-uploaddata .popup-section .upload-file {margin-bottom:8px}
.popup-uploaddata .popup-section .upload-file:after {content:""; display:block; clear:both}
.popup-uploaddata .popup-section .upload-file p {float:left; padding-top:2px; line-height:35px; font-size:14px}
.popup-uploaddata .popup-section .upload-file .wrap-file {float:right}
.popup-uploaddata .popup-section .state-file {padding:10px 14px 10px 20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
.popup-uploaddata .popup-section .state-file .total {float:right; line-height:33px; margin-left:16px; font-weight:bold; letter-spacing:0}
.popup-uploaddata .popup-section .state-file .total em {font-style:normal; color:#ff7171}
.popup-uploaddata .popup-section .state-file .total span {position:relative; margin-left:18px}
.popup-uploaddata .popup-section .state-file .total span:after {content:""; position:absolute; left:-10px; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#d1d1d1}
.popup-uploaddata .popup-section .tbl-basic {position:relative; overflow:auto; font-size:0; max-height:230px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.popup-uploaddata .popup-section .tbl-basic table thead th {border-top:none}
.popup-uploaddata .popup-section .tbl-basic table tbody tr td:first-child {padding-left:20px}
.popup-uploaddata .popup-section .tbl-basic table tbody tr:last-child td {border-bottom:none}
.popup-uploaddata .popup-section .tbl-basic table tbody tr:hover td {background:none}
.popup-uploaddata .popup-section .tbl-basic table tbody tr:hover td {background:none}
.popup-uploaddata .popup-section table.tbl-fixable thead th {padding:18px 0; font-weight:bold; font-size:14px; color:#565656; text-align:center; background:#fdf3f2}
.popup-uploaddata .popup-section table.tbl-fixable tbody td.tit {padding-left:10px; padding-right:10px; font-weight:bold; color:#3d3d3d}
.popup-uploaddata .popup-section .extra {padding-top:20px; color:#ff5c5c}
.popup-uploaddata .popup-section .uploading {padding:75px 0 78px; text-align:center; border:1px solid #e0e0e0}
.popup-uploaddata .popup-section .uploading > p {padding-top:70px; font-size:14px; background:url(../images/common/bg-uploading.png) 50% 0 no-repeat}
.popup-uploaddata .popup-section .uploading .bar {display:inline-block; overflow:hidden; position:relative; width:365px; height:13px; line-height:35px; margin-top:30px; vertical-align:middle; border-radius:2em; background:#e7e7e7}
.popup-uploaddata .popup-section .uploading .bar .inner {position:absolute; left:0; top:0; height:13px; font-size:0; text-indent:-9999em; background:#ff8482}
.popup-uploaddata .popup-section .select-file {padding:88px 0 81px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7}
.popup-uploaddata .popup-section .select-file > p {line-height:1.6em; padding-top:70px; font-weight:bold; font-size:14px; color:#919191; background:url(../images/common/bg-selectfile.png) 50% 0 no-repeat}
.popup-uploaddata .popup-section .select-file > p span {display:block; line-height:1.6em}
.popup-uploaddata .popup-section .tbl-format table tbody td {padding-top:10px; padding-bottom:10px}
/* 최근 본 자료 */
.section-smartclass.recentdata section.content header.content {border-bottom:none}
/* .section-smartclass.recentdata .tbl-basic table {table-layout:auto} */
.section-smartclass.recentdata .tbl-basic table tbody tr td.tit {padding-left:10px; padding-right:10px; font-weight:bold}
.section-smartclass.recentdata .tbl-basic table tbody tr td.tit span {margin-right:14px}
.section-smartclass.recentdata .tbl-basic table thead th.select .ly-sort {left:69px}
/* 구독 메뉴 */
.section-smartclass.subscribe .tbl-basic table tbody tr td.tit a {font-weight:normal}
.section-smartclass.subscribe .tbl-basic table tbody tr td.tit .new {display:inline-block; width:14px; height:14px; margin:4px 0 0 5px; font-size:0; text-indent:-9999em; vertical-align:top; background:url(../images/content/ico-new.png) 50% 50% no-repeat}
.section-smartclass.subscribe .tbl-basic table tbody td.date span.date-tit {display:none}
/* 알림 */
.section-smartclass.noticemsg .msg-content {padding:50px; border:1px solid #f3f3f3; background:url(../images/content/bg-dot.png) repeat}
.section-smartclass.noticemsg .msg-content ul li {position:relative}
.section-smartclass.noticemsg .msg-content ul li:after {content:""; display:block; clear:both}
.section-smartclass.noticemsg .msg-content ul li ~ li {margin-top:30px}
.section-smartclass.noticemsg .msg-content ul li .date {position:absolute; left:0; top:8px; text-align:center}
.section-smartclass.noticemsg .msg-content ul li .date .year {font-family: 'Co Headline Corp'; font-weight:300; font-size:14px; color:#8e8e8e; letter-spacing:0}
.section-smartclass.noticemsg .msg-content ul li .date strong {display:block; font-family: 'Co Headline Corp'; font-size:26px; color:#f97270; letter-spacing:-0.005em}
.section-smartclass.noticemsg .msg-content ul li .msg {display:inline-block; position:relative; line-height:1.3em; margin-left:106px; padding:21px 30px 20px; font-size:14px; color:#555; border:1px solid #e0e0e0; border-radius:1.2em; background:#fff}
.section-smartclass.noticemsg .msg-content ul li .msg:after {content:""; position:absolute; left:-6px; top:21px; width:6px; height:11px; background:url(../images/content/bg-arrow-msg.png) no-repeat}
.section-smartclass.noticemsg .msg-content ul li .msg ~ .msg {margin-top:10px}
/* 쿠폰 */
.section-smartclass.coupon section.content header.content {border-bottom:none}
.section-smartclass.coupon section.content .sub-section .box:after {content:""; display:block; clear:both}
.section-smartclass.coupon section.content .sub-section .box .bann {float:left; border:1px solid #ddd}
.section-smartclass.coupon section.content .sub-section .box .bann img.mobile {display:none}
.section-smartclass.coupon section.content .sub-section .box .notice {float:left; margin-left:50px}
.section-smartclass.coupon section.content .sub-section .box .notice strong {font-weight:bold; font-size:16px; color:#265a9f}
.section-smartclass.coupon section.content .sub-section .box .notice ul {margin-top:17px}
.section-smartclass.coupon section.content .sub-section .box .notice ul li {line-height:1.3em; font-size:14px; color:#6a6a6a}
.section-smartclass.coupon section.content .sub-section .box .notice ul li ~ li {margin-top:7px}
.section-smartclass.coupon section.content .sub-section .box .notice ul li span {display:block; line-height:1.3em; padding-left:7px}
.section-smartclass.coupon section.content .sub-section .box img.mobile {display:none}
.section-smartclass.coupon .coupon-list > ul {margin:-20px 0 0 -20px}
.section-smartclass.coupon .coupon-list > ul:after {content:""; display:block; clear:both}
.section-smartclass.coupon .coupon-list > ul > li {float:left; width:425px; height:116px; margin:20px 0 0 20px; background:url(../images/content/bg-coupon.png) no-repeat; box-sizing:border-box}
.section-smartclass.coupon .coupon-list > ul > li:after {content:""; display:block; clear:both}
.section-smartclass.coupon .coupon-list > ul > li .tit {float:left;  width:45%; height:116px; padding:21px 0 0 36px; box-sizing:border-box}
.section-smartclass.coupon .coupon-list > ul > li .tit strong {font-family:'Co Headline Corp'; font-weight:bold; font-size:40px; color:#ff8482}
.section-smartclass.coupon .coupon-list > ul > li .tit strong span {margin:0 0 2px 3px; font-weight:normal; font-size:20px}
.section-smartclass.coupon .coupon-list > ul > li .tit .desc {display:block; padding-top:5px; line-height:1.25em; font-size:14px; color:#ff8482}
.section-smartclass.coupon .coupon-list > ul > li .cont {float:left; width:55%; height:116px; padding:29px 0 0 22px; box-sizing:border-box}
.section-smartclass.coupon .coupon-list > ul > li .cont ul li ~ li {margin-top:5px}
.section-smartclass.coupon .coupon-list > ul > li .cont ul li strong {display:inline-block; width:52px; font-weight:bold; font-size:11px; color:#6c6c6c}
.section-smartclass.coupon .coupon-list > ul > li .cont ul li strong span {font-size:13px; color:#868686}
.section-smartclass.coupon .coupon-list > ul > li .cont ul li.num + li {margin-top:12px}
.section-smartclass.coupon .coupon-list > ul > li .cont ul li.num span {font-weight:bold; font-size:14px; color:#262626}
.section-smartclass.coupon .coupon-list > ul > li.expire {position:relative}
.section-smartclass.coupon .coupon-list > ul > li.expire:before {content:""; position:absolute; left:0; top:0; width:425px; height:116px; background:url(../images/content/bg-coupon-disabled.png) no-repeat; opacity:.1}
.section-smartclass.coupon .coupon-list > ul > li.expire * {opacity:0.6}
.section-smartclass.coupon .coupon-list > ul > li.expire .cap {position:absolute; left:50%; top:50%; z-index:1; width:80px; height:80px; margin:-40px 0 0 -40px; padding-top:16px; text-align:center; border-radius:100%; background:#ff8482; opacity:1; box-sizing:border-box}
.section-smartclass.coupon .coupon-list > ul > li.expire .cap span {display:inline-block; padding-top:31px; font-weight:bold; font-size:14px; color:#fff; opacity:1; background:url(../images/content/bg-clock.png) 50% 0 no-repeat}
/* 1대1 문의 */
.section-smartclass.question .tbl-basic table tbody tr td:not(.nodata) {padding-top:28px; padding-bottom:24px}
.section-smartclass.question .tbl-basic table tbody tr td.tit a {font-weight:normal}
.section-smartclass.question .tbl-basic table tbody tr td.sort,
.section-smartclass.question .tbl-basic table tbody tr td.check {font-size:14px; text-align:center}
.section-smartclass.question .tbl-basic table tbody tr td.check span {font-weight:bold; letter-spacing:-0.03em}
.section-smartclass.question .tbl-basic table tbody tr td.check span.wait {color:#8e9397}
.section-smartclass.question .tbl-basic table tbody tr td.check span.ans {color:#ff5c5c}
.section-smartclass.question .note-center {margin-top:20px; padding:29px; border:1px solid #e1e1e1}
.section-smartclass.question .note-center:after {content:""; display:block; clear:both}
.section-smartclass.question .note-center > p {float:left}
.section-smartclass.question .note-center > p > span.tit {display:inline-block; margin-bottom:3px; font-size:16px; color:#0f3653; vertical-align:bottom}
.section-smartclass.question .note-center > p > strong a {display:inline-block; margin-left:22px; font-family:'Co Headline Corp'; font-weight:normal; font-size:28px; color:#e83a33; vertical-align:middle}
.section-smartclass.question .note-center > p > span.time {display:inline-block; margin:0 0 3px 19px; font-size:13px; color:#5c5c5c; letter-spacing:0; vertical-align:bottom}
.section-smartclass.question .note-center .btns {float:right}
.section-smartclass.question .note-center .btns a {float:left; width:111px; height:31px; line-height:31px; font-weight:bold; color:#757575; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box}
.section-smartclass.question .note-center .btns a ~ a {margin-left:-1px}
.section-smartclass.question .note-center .btns a span {line-height:30px}
/* 1:1 문의 상세 */
.board-content .tbl-format table thead th.title {position:relative}
.board-content .tbl-format table thead th strong {display:inline-block; width:90%; line-height:1.3em}
.board-content .tbl-format table tbody td {padding-top:15px; padding-bottom:15px}
.board-content .tbl-format table tbody td.attach {padding-top:13px; padding-bottom:13px; font-size:13px}
.board-content .tbl-format table tbody td.attach.type2 {padding:11px 19px}
.board-content .tbl-format table tbody td.attach .file {display:inline-block; width:calc(100% - 90px)}
.board-content .tbl-format table tbody td.attach .file > span.name {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 38px); padding-bottom:1px; vertical-align:middle; border-bottom:1px solid #c7c7c7}
.board-content .tbl-format table tbody td.attach [class*="ico-"] {margin-right:9px; text-decoration:none}
.board-content table thead th .date {position:absolute; right:20px; top:50%; margin-top:-10px; font-weight:normal; font-size:13px; line-height:20px; color:#6a6a6a}
.board-content table tbody td .type {display:inline-block; font-size:13px; color:#6a6a6a}
.board-content table tbody td .type strong {font-weight:bold}
.board-content table tbody td .type strong ~ strong,
.board-content table tbody td .type span ~ span {position:relative; margin-left:24px}
.board-content table tbody td .type strong ~ strong:after,
.board-content table tbody td .type span ~ span:after {content:""; position:absolute; left:-13px; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:3px; background:#d1d1d1}
.board-content table tbody td .list-attach > li {position:relative}
.board-content table tbody td .list-attach > li ~ li {margin-top:10px}
.board-content table tbody td .list-attach > li a.attach {display:inline-block; line-height:1.3em; padding-left:17px; font-size:13px; letter-spacing:-0.03em; vertical-align:middle}
.board-content table tbody td .list-attach > li .list-func {position:absolute; right:0; top:50%; margin-top:-10px}
.board-content table tbody td .list-attach > li .list-func:after {content:""; display:block; clear:both}
.board-content table tbody td .list-attach > li .list-func li {float:left; position:relative}
.board-content table tbody td .list-attach > li .list-func li ~ li {margin-left:20px}
.board-content table tbody td .list-attach > li .list-func li ~ li:after {content:""; position:absolute; left:-10px; top:50%; width:1px; height:10px; margin-top:-5px; background:#bababa}
.board-content .board-detail {border-bottom:1px solid #e0e0e0}
.board-content .board-detail .inner {padding:24px 20px 54px; font-size:15px; color:#3d3d3d; letter-spacing:-0.03em}
.board-content .board-detail .inner img {max-width:100%; height:auto !important}
.board-content .board-detail .inner strong {font-weight:bold}
.board-content .board-detail .inner p {line-height:1.6em}
.board-content .board-detail .inner iframe,
.board-content .board-detail .inner video {max-width:100%}
.board-content .board-answer {padding:30px; border:1px solid #ecdede}
.board-content .board-answer .tbl-basic.row table thead th.title {position:relative}
.board-content .board-answer .tbl-basic.row table thead th {padding:15px 20px 13px; text-align:left}
.board-content .board-answer .tbl-basic.row table thead th strong {display:inline-block; padding-left:17px; font-weight:bold; font-size:18px; color:#262626; background:url(../images/content/bg-arrow-ans.png) 0 2px no-repeat}
.board-content .board-answer .tbl-basic.row table tbody td.attach {padding-top:12px; padding-bottom:13px}
.board-content .board-answer .detail .inner {padding:26px 20px 24px; font-size:15px; color:#3d3d3d; letter-spacing:-0.03em}
.board-content .board-answer .detail .inner p {line-height:1.6em}
.board-content .board-detail + .board-answer {margin-top:-1px}
.board-content .board-detail {}
.board-content .board-detail .title.large {line-height:1.4em; font-weight:bold; color:#333; font-size:25px; letter-spacing:-0.05em}
.board-content .board-detail .title.medium {line-height:1.7em; color:#333; font-size:20px; letter-spacing:-0.05em}
.board-content .board-detail .title.small {line-height:1.8em; color:#777; font-size:16px; letter-spacing:-0.05em}
.board-content .board-detail .indent.type1 {padding-left:20px}
.board-content .board-detail .indent.type1 .type2 {padding-left:15px}
.board-content .board-detail .indent.type2 {padding-left:35px}
.board-content .board-detail .txt-bul {padding-left:20px; font-size:13px; text-indent:-20px}
.board-content .board-detail .txt-bul:before {margin-right:9px}
.board-content .board-detail .txt-bul.type1:before {content:"◆"}
.board-content .board-detail .txt-bul.type2:before {content:"◎"}
.board-content .board-detail .txt-bul.type3:before {content:"□"}
.board-content .board-detail .txt-bul.type4:before {content:"•"}
.board-content .board-detail .txt-bul.type5:before {content:"●"}
.board-content .board-detail .txt-bul.type6:before {content:"▶"}
.board-content .board-detail .quote {display:block; line-height:1.3em; padding-left:10px; letter-spacing:-0.03em; border-left:3px solid}
.board-content .board-detail .quote.black {color:#333; border-color:#333}
.board-content .board-detail .quote.blue {color:#0f3653; border-color:#0f3653}
.board-content .board-detail .quote.gray {color:#777; border-color:#777}
.board-content .board-detail .quote.large {font-weight:bold; font-size:18px}
.board-content .board-detail .quote.medium {font-size:15px}
.board-content .board-detail .quote.small {font-size:13px}
.board-content .board-detail .quote-marks {position:relative; display:block; text-align:center}
.board-content .board-detail .quote-marks span {font-style:italic; line-height:1.4em; font-size:18px; letter-spacing:-0.03em}
.board-content .board-detail .quote-marks > span:before,
.board-content .board-detail .quote-marks > span:after {content:""; position:absolute; width:25px; height:20px}
.board-content .board-detail .quote-marks.type1 {padding:36px 0}
.board-content .board-detail .quote-marks.type1 span {line-height:1.5em; color:#777}
.board-content .board-detail .quote-marks.type1 span:before {top:0; left:50%; margin-left:-12px; background:url(../images/content/bg-quote-type1-front.png) no-repeat}
.board-content .board-detail .quote-marks.type1 span:after {bottom:0; left:50%; margin-left:-12px; background:url(../images/content/bg-quote-type1-end.png) no-repeat}
.board-content .board-detail .quote-marks.type2 span {padding-bottom:3px; border-bottom:1px solid}
.board-content .board-detail .quote-marks.type2 .wrap {position:relative; display:inline-block}
.board-content .board-detail .quote-marks.type2 .wrap:before {content:""; position:absolute; width:32px; height:32px; top:0; left:-46px}
.board-content .board-detail .quote-marks.type2 .wrap:after {content:""; position:absolute; width:32px; height:32px; bottom:0; right:-46px}
.board-content .board-detail .quote-marks.type2 .wrap span {line-height:1.8em}
.board-content .board-detail .quote-marks.type2.gray span {color:#999; border-color:#999}
.board-content .board-detail .quote-marks.type2.gray .wrap:before {background:url(../images/content/bg-quote-type2-front.png) 50% 50% no-repeat}
.board-content .board-detail .quote-marks.type2.gray .wrap:after {background:url(../images/content/bg-quote-type2-end.png) 50% 50% no-repeat}
.board-content .board-detail .quote-marks.type2.pink span {color:#ff5c5c; border-color:#ff5c5c}
.board-content .board-detail .quote-marks.type2.pink .wrap:before {background:url(../images/content/bg-quote-type3-front.png) 50% 50% no-repeat}
.board-content .board-detail .quote-marks.type2.pink .wrap:after {background:url(../images/content/bg-quote-type3-end.png) 50% 50% no-repeat}
.board-content .board-detail .tip-box {padding:20px 20px 18px; border:3px solid}
.board-content .board-detail .tip-box .tit {display:block; padding-bottom:5px; font-weight:bold; font-size:16px; letter-spacing:-0.03em}
.board-content .board-detail .tip-box .cont {display:block; font-size:14px; color:#777; letter-spacing:-0.03em}
.board-content .board-detail .tip-box.pink {border-color:#fecdcd}
.board-content .board-detail .tip-box.pink .tit {color:#ff5c5c}
.board-content .board-detail .tip-box.blue {border-color:#aacce6}
.board-content .board-detail .tip-box.blue .tit {color:#0f3653}
.board-content .board-detail .tip-box.full {padding:16px; border:none}
/* .board-content .board-detail .tip-box.gray {border:none; background:#fdf2f6} */
.board-content .board-detail .double-box {line-height:1.3em; padding:20px 0; font-weight:bold; font-size:16px; color:#316f9d; border-top:2px solid #316f9d; border-bottom:1px solid #ddd}
.board-content .board-detail .txt-underline {position:relative; padding:8px 0; border-bottom:2px solid}
.board-content .board-detail .txt-underline strong {display:inline-block; line-height:1.3em; font-size:16px; letter-spacing:-0.03em}
.board-content .board-detail .txt-underline.icon {padding-left:42px}
.board-content .board-detail .txt-underline.icon:after {content:""; position:absolute; right:0; bottom:-2px; width:calc(100% - 194px); height:2px}
.board-content .board-detail .txt-underline.pink {border-color:#ff5c5c}
.board-content .board-detail .txt-underline.pink strong {color:#ff5c5c}
.board-content .board-detail .txt-underline.pink.icon {background:url(../images/content/ico-book-pink.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.pink.icon.type2 {background:url(../images/content/ico-pen-pink.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.pink.icon.type3 {background:url(../images/content/ico-msg-pink.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.pink.icon:after {background:#0f3653}
.board-content .board-detail .txt-underline.blue {border-color:#0f3653}
.board-content .board-detail .txt-underline.blue strong {color:#0f3653}
.board-content .board-detail .txt-underline.blue.icon {background:url(../images/content/ico-book-blue.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.blue.icon.type2 {background:url(../images/content/ico-pen-blue.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.blue.icon.type3 {background:url(../images/content/ico-msg-blue.png) 10px 10px no-repeat}
.board-content .board-detail .txt-underline.blue.icon:after {background:#ff5c5c}
.board-content .board-detail .tip-point {padding-left:30px; font-size:14px; color:#777; letter-spacing:-0.03em}
.board-content .board-detail .tip-point.type1 {background:url(../images/content/ico-tip-point1.png) 0 1px no-repeat}
.board-content .board-detail .tip-point.type2 {background:url(../images/content/ico-tip-point2.png) 0 1px no-repeat}
.board-content .board-detail .tip-point.type3 {background:url(../images/content/ico-tip-point3.png) 0 4px no-repeat}
.board-content .board-detail .tip-point.type4 {padding-left:34px; background:url(../images/content/ico-tip-point4.png) 0 4px no-repeat}
.board-content .board-detail .column-content {display:flex; display:-webkit-flex; display:-ms-flexbox}
.board-content .board-detail .column-content .set {flex:1; -webkit-flex:1; -ms-flex:1; display:inline-block}
.board-content .board-detail .column-content.col2 .set ~ .set {margin-left:30px}
.board-content .board-detail .column-content.col3 .set ~ .set {margin-left:20px}
.board-content .board-detail .column-content .set .img {padding-bottom:16px}
.board-content .board-detail .column-content .set .img img {width:100%}
.board-content .board-detail .column-content .set .tit {line-height:1.4em; font-size:15px; color:#ff5c5c}
.board-content .board-detail .column-content .set .tit em {display:inline-block; padding-right:4px; font-style:normal; font-size:13px; color:#333; vertical-align:middle}
.board-content .board-detail .column-content .set .tit em:after {content:"/"; margin-left:4px; color:#ccc}
.board-content .board-detail .column-content .set .cont {line-height:1.6em; padding-top:7px; font-size:14px; color:#777}
.section-smartclass.question-detail section.content header.content {border-bottom:none}
.section-smartclass.question-detail .btns-submit {text-align:right}
.section-smartclass.question-detail .btns-submit a + .other {margin-left:1px}
.section-smartclass.question-detail .tbl-basic table tbody tr:hover td {background:none}
/* 1:1문의 등록 */
.section-smartclass.question-reg section.content header.content {border-bottom:none}
.section-smartclass.question-reg .tbl-format table tbody tr th {vertical-align:top}
.section-smartclass.question-reg .tbl-format table tbody tr td {padding-top:10px; padding-bottom:10px}
.section-smartclass.question-reg .tbl-format table tbody tr td .textarea-wrap textarea {height:288px}
.section-smartclass.question-reg .tbl-format table tbody tr td .textarea-wrap .count {padding-top:8px; font-size:13px; color:#8e9397}
.section-smartclass.question-reg .tbl-format table tbody tr td .textarea-wrap .count span {font-weight:bold}
.section-smartclass.question-reg .tbl-format table tbody tr td .wrap-file {padding-top:4px}
.section-smartclass.question-reg .tbl-format table tbody tr td .wrap-file .note {padding:0 10px; line-height:13px; margin-left:5px; font-size:13px; color:#8e9397}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set {margin-top:10px}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li {position:relative; padding:7px 10px 6px; border:1px solid #eaeaea; background:#fcfcfc; box-sizing:border-box}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li ~ li {margin-top:5px}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li strong {display:inline-block; max-width:94%; line-height:1.6em; padding-left:17px; font-size:13px; color:#fc6565; letter-spacing:-0.03em; background:url(../images/common/ico-attach.png) 0 3px no-repeat}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li .bar {display:inline-block; overflow:hidden; position:relative; width:365px; height:13px; margin-left:16px; vertical-align:middle; border-radius:2em; background:#e7e7e7}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li .bar .inner {position:absolute; left:0; top:0; height:13px; font-size:0; text-indent:-9999em; background:#ff8482}
.section-smartclass.question-reg .tbl-format table tbody tr td .file-set ul li .cancel {position:absolute; right:0; top:0; width:35px; height:35px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-delete-file.png) center no-repeat}
/* 일정관리 */
.section-smartclass .date-header {padding:26px 20px 28px 0}
.section-smartclass .date-header:after {content:""; display:block; clear:both}
.section-smartclass .date-header .nav-date {float:left; position:relative; padding:0 48px; text-align:center}
.section-smartclass .date-header .nav-date strong {display:inline-block; line-height:34px; font-family:'Co Headline Corp'; font-weight:normal; font-size:34px; color:#fe5c5a; letter-spacing:-0.01em}
.section-smartclass .date-header .nav-date a {position:absolute; top:0; width:48px; height:34px; font-size:0; text-indent:-9999em; cursor:pointer}
.section-smartclass .date-header .nav-date a.prev {left:0; background:url(../images/common/arrow-slide-left.png) center no-repeat}
.section-smartclass .date-header .nav-date a.prev:hover {background:url(../images/common/arrow-slide-left-on.png) center no-repeat}
.section-smartclass .date-header .nav-date a.next {right:0; background:url(../images/common/arrow-slide-right.png) center no-repeat}
.section-smartclass .date-header .nav-date a.next:hover {background:url(../images/common/arrow-slide-right-on.png) center no-repeat}
.section-smartclass .date-header .tab-date {float:right; padding-top:2px; text-align:center}
.section-smartclass .date-header .tab-date:after {content:""; display:block; clear:both}
.section-smartclass .date-header .tab-date a {float:left; width:54px; height:30px; line-height:30px; color:#fff; text-align:center; background:#848484}
.section-smartclass .date-header .tab-date a ~ a {border-left:1px solid #9f9f9f}
.section-smartclass .date-header .tab-date a.active {background:#ff5c5c}
.section-smartclass .sub-section .day-content {position:relative; padding-right:229px}
.section-smartclass .sub-section .share-content {position:absolute; right:0; top:0; width:229px; height:100%}
.section-smartclass .sub-section .share-content .list {position:relative; height:100%; border:1px solid #eaeaea; border-left:none; background:#f2f2f3; box-sizing:border-box}
.section-smartclass .sub-section .share-content .list .head {position:relative; padding:22px 20px 20px}
.section-smartclass .sub-section .share-content .list .head strong {display:inline-block; position:relative; padding-right:25px; font-weight:bold; font-size:16px; color:#262626}
.section-smartclass .sub-section .share-content .list .head strong .help {position:absolute; right:0; top:50%; width:21px; height:21px; margin-top:-12px; font-size:0; text-indent:-9999em; background:url(../images/content/ico-help.png) no-repeat}
.section-smartclass .sub-section .share-content .list .head strong .note {display:none; position:absolute; left:-53px; top:28px; z-index:2; width:251px; line-height:1.4em; padding:15px 20px 12px; font-size:12px; color:#fff; border-radius:1.2em; background:#f75b31; box-sizing:border-box}
.section-smartclass .sub-section .share-content .list .head strong .note span {display:block; line-height:1.4em}
.section-smartclass .sub-section .share-content .list .head strong .note:after {content:""; position:absolute; left:78px; top:-4px; width:8px; height:4px; background:url(../images/content/bg-arrow-note.png) no-repeat}
.section-smartclass .sub-section .share-content .list .head strong .help:hover + .note {display:block}
.section-smartclass .sub-section .share-content .list .head .add {position:absolute; right:21px; top:50%; margin-top:-6px; padding-left:14px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/content/bg-plus-gray.png) 0 50% no-repeat}
.section-smartclass .sub-section .share-content .list ul {overflow-x:hidden; overflow-y:auto; height:calc(100% - 58px); margin:0 0 20px 18px; padding-top:10px; padding-right:18px; border-top:1px solid #eaeaea}
.section-smartclass .sub-section .share-content .list ul li {padding:8px 0}
.section-smartclass .sub-section .share-content .list ul li a {display:block; position:relative; font-size:14px; color:#4e4e4e}
.section-smartclass .sub-section .share-content .list ul li a:after {content:""; position:absolute; right:0; top:1px; width:15px; height:15px; background:url(../images/content/bg-plus-cirle.png) no-repeat}
.section-smartclass .sub-section .share-content .list ul li a.disabled {color:#ccc}
.section-smartclass .sub-section .share-content .list ul li a.disabled:after {opacity:.3}
.section-smartclass .sub-section .share-content .list ul li a span {display:inline-block; overflow:hidden; width:90%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle}
.section-smartclass .sub-section .share-content .list .toggle {position:absolute; left:0; bottom:0; width:100%; height:52px; font-size:0; text-indent:-9999em; border-top:1px solid #eaeaea; background:#fff url(../images/content/bg-arrow-up.png) center no-repeat}
.section-smartclass .sub-section .share-content .list .toggle.on {background:#fff url(../images/content/bg-arrow-down.png) center no-repeat}
.section-smartclass .sub-section .schedule-sort {height:53px; padding-left:43px; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; box-sizing:border-box}
.section-smartclass .sub-section .schedule-sort ul:after {content:""; display:block; clear:both}
.section-smartclass .sub-section .schedule-sort ul li {float:left; line-height:53px}
.section-smartclass .sub-section .schedule-sort ul li ~ li {margin-left:20px}
.section-smartclass .sub-section .schedule-sort ul li span {display:inline-block; position:relative; padding-left:13px; font-size:13px; color:#828282; vertical-align:middle}
.section-smartclass .sub-section .schedule-sort ul li span:after {content:""; position:absolute; left:0; top:50%; width:8px; height:8px; margin-top:-5px; border-radius:100%}
.section-smartclass .sub-section .schedule-sort ul li span.person:after {background:#7dae22}
.section-smartclass .sub-section .schedule-sort ul li span.school:after {background:#37bdb9}
.section-smartclass .sub-section .schedule-sort ul li span.common:after {background:#9810b2}
/* 일정관리 - 월간 */
.section-smartclass .cal-content {border-right:1px solid #eaeaea}
.section-smartclass .cal-content .day {display:table; table-layout:fixed; width:100%; border-top:1px solid #eaeaea; background:#f2f2f3; box-sizing:border-box}
.section-smartclass .cal-content .day > .inner {display:table-row}
.section-smartclass .cal-content .day > .inner > div {display:table-cell; height:57px; text-align:center; font-weight:bold; font-size:19px; color:#0f3653; vertical-align:middle; border-left:1px solid #eaeaea}
.section-smartclass .cal-content .day > .inner > div.sun {color:#f24747}
.section-smartclass .cal-content .day > .inner > div.sat {color:#97a0aa}
.section-smartclass .cal-content .cal-table {display:table; table-layout: fixed; position:relative; width:100%; border-top:1px solid #eaeaea}
.section-smartclass .cal-content .cal-table .cal-row {display:table-row}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell {display:table-cell; height:99px; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .date {padding:10px 6px 3px; font-family:'Co Headline Corp'; font-size:16px; color:#545454; letter-spacing:-0.03em}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .date span {display:inline-block; width:29px; height:19px; line-height:19px; text-align:center; border-radius:2em; box-sizing:border-box}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .date span.today {color:#fff; background:#ff5c5c}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .date em {float:right; margin:5px 0 0 0; font-family:"Nanum Gothic"; font-style:normal; font-weight:bold; font-size:11px; color:#fe5c5a}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell div:not(.date) {position:absolute; height:21px; line-height:22px; padding:0 12px; font-size:12px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .sun {color:#f24747}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .sat {color:#97a0aa}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .off {color:#f24747}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x1 {left:1px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x2 {left:92px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x3 {left:183px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x4 {left:275px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x5 {left:366px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x6 {left:458px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x7 {left:550px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .y2 {margin-top:21px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .y3 {margin-top:42px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-1 {width:91.5px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-2 {width:182px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-3 {width:273px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x3.w-3 {width:274px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x5.w-3 {width:274px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-4 {width:364px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x2.w-4 {width:365px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x3.w-4 {width:365px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x4.w-4 {width:365px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-5 {width:456px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x3.w-5 {width:457px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-6 {width:547px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .x2.w-6 {width:548px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .w-7 {width:639px}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .person,
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .person a {position:relative; z-index:1; font-weight:bold; color:#72a700}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .school,
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .school a {position:relative; z-index:1; font-weight:bold; color:#1db8b4}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .common,
.section-smartclass .cal-content .cal-table .cal-row .cal-cell .common a {position:relative; z-index:1; font-weight:bold; color:#9810b2}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].person {background:#f7ffe6}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].school {background:#effbfe}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].common {background:#fdf3ff}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell [class*="w-"].w-1 {background:none}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell div.today {position:absolute; z-index:2; width:92px; height:100px; margin:-1px 0 0 -1px; font-size:0; text-indent:-9999em; border:1px solid #fd8c8b}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell div.detail {position:absolute; z-index:3; width:92px; height:100px; margin:-1px 0 0 -1px; font-size:0; text-indent:-9999em}
.section-smartclass .cal-content .cal-table .cal-row .cal-cell div.detail a {display:block; height:100%}
/* 일정관리 - 주간 */
.section-smartclass.schedule-week .cal-content .cal-table {display:table; table-layout:fixed; position:relative; width:100%; border-top:1px solid #eaeaea}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row {display:table-row}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell {display:table-cell; height:503px; vertical-align:top; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div:not(.date) {position:static; z-index:2; height:auto; padding:8px 9px; line-height:1.3em; font-size:13px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {position:absolute !important}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div .time {display:block; line-height:1.3em}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div.today {position:absolute; top:0; width:93px; height:100%; font-size:0; text-indent:-9999em; border:1px solid #fd8c8b; border-top:none}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell div.today.x7 {width:92px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .person a,
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .school a,
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .common a {display:block; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3em}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h1 {padding-top:32px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h2 {padding-top:64px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h3 {padding-top:96px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h4 {padding-top:128px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h5 {padding-top:160px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h6 {padding-top:192px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h7 {padding-top:224px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h8 {padding-top:256px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h9 {padding-top:288px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell.h10 {padding-top:320px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y1 {top:0; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y2 {top:32px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y3 {top:64px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y4 {top:96px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y5 {top:128px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y6 {top:160px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y7 {top:192px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y8 {top:224px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y9 {top:256px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y10 {top:288px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y11 {top:320px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y12 {top:352px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y13 {top:384px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y14 {top:416px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y15 {top:448px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .y16 {top:480px; margin:0}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-2 {width:182px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-3 {width:274px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .x2.w-3 {width:273px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .x4.w-3 {width:273px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-4 {width:364px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-5 {width:456px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-6 {width:547px}
.section-smartclass.schedule-week .cal-content .cal-table .cal-row .cal-cell .w-7 {width:639px}
.section-smartclass.schedule-week .cal-content .day > .inner > div strong {font-family:'Co Headline Corp'; font-size:20px; color:#0f3653; letter-spacing:-0.01em}
.section-smartclass.schedule-week .cal-content .day > .inner > div span {display:block; margin-top:3px; font-size:12px; color:#495e72}
.section-smartclass.schedule-week .cal-content .day > .inner > div.today {position:relative; background:#0f3653}
.section-smartclass.schedule-week .cal-content .day > .inner > div.today:after {content:""; position:absolute; left:-1px; top:-1px; width:100%; height:57px; border:1px solid #0f3653}
.section-smartclass.schedule-week .cal-content .day > .inner > div.today strong,
.section-smartclass.schedule-week .cal-content .day > .inner > div.today span {color:#ff5c5c}
.section-smartclass.schedule-week .cal-content .day > .inner > div.off strong,
.section-smartclass.schedule-week .cal-content .day > .inner > div.off span {color:#a5adb6}
/* 일정관리 - 일간 */
.section-smartclass.schedule-day .cal-content .cal-table .cal-col1 {display:table-column; width:80px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-col2 {display:table-column}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell {position:relative; height:50px; font-weight:bold; font-size:14px; vertical-align:middle}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell.th {padding-right:8px; color:#8e9397; text-align:right; vertical-align:middle}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row.all .cal-cell.th {color:#0f3653}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row.all .cal-cell {padding-left:15px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row.all .cal-cell strong ~ strong {position:relative; margin-left:24px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row.all .cal-cell strong ~ strong:after {content:""; position:absolute; left:-12px; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:100%; background:#d7d7d7}
.section-smartclass.schedule-day .cal-content .day > .inner > div strong {font-family:'Co Headline Corp'; font-size:23px; color:#0f3653; letter-spacing:-0.01em}
.section-smartclass.schedule-day .cal-content .day > .inner > div span {display:inline-block; margin-left:7px; margin-bottom:5px; font-weight:normal; font-size:14px; color:#0f3653; vertical-align:middle}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div {top:0; left:0; padding-right:0; height:49px; line-height:49px; font-size:14px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div a {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div:after {content:""; position:absolute; left:0; top:49px; width:100%; height:1px; background:#eaeaea}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w1 {width:100%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w2 {width:50%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w3 {width:33.33%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w4 {width:25%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w5 {width:20%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w6 {width:16.66%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .w7 {width:14.28%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h2 {height:100px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h3 {height:150px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h4 {height:200px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h5 {height:250px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h6 {height:300px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h7 {height:350px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h8 {height:400px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h9 {height:450px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h10 {height:500px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h11 {height:550px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .h12 {height:600px}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x1.w1 {left:0}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w2 {left:50%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w3 {left:33.33%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w4 {left:25%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w5 {left:20%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w6 {left:16.66%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x2.w7 {left:14.28%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x3.w3 {left:66.7%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x3.w4 {left:50%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x3.w5 {left:40%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x3.w6 {left:33.32%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x3.w7 {left:28.56%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x4.w4 {left:75%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x4.w5 {left:60%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x4.w6 {left:49.98%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x4.w7 {left:42.84%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x5.w5 {left:80%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x5.w6 {left:66.64%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x5.w7 {left:57.12%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x6.w6 {left:83.3%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x6.w7 {left:71.4%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell .x7.w7 {left:85.68%}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div.person {background:#f7ffe6}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div.school {background:#effbfe}
.section-smartclass.schedule-day .cal-content .cal-table .cal-row .cal-cell div.common {background:#fdf3ff}
/* 일정 상세 팝업 */
.popup-schedule-detail .popup-section {width:700px}
.popup-schedule-detail .popup-section .top-state > span {padding-top:0}
.popup-schedule-detail .popup-section .tbl-basic {overflow-x:hidden; overflow-y:auto; font-size:0; max-height:285px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.popup-schedule-detail .popup-section .tbl-basic table tbody td a ~ a {margin-left:11px}
.popup-schedule-detail .popup-section .tbl-basic table tbody tr td {border-bottom:none}
.popup-schedule-detail .popup-section .tbl-basic table tbody tr ~ tr td {border-top:1px solid #eaeaea}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li {position:relative; line-height:1.3em; padding-left:10px; font-size:13px; color:#797979}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit {padding-left:0; font-weight:bold; font-size:15px; color:#3d3d3d}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li ~ li {margin-top:6px}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background:#d1d1d1}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit:after {display:none}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.secret,
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.repeat {display:inline-block; margin-left:10px; font-size:0; text-indent:-9999em; vertical-align:middle}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.secret {width:11px; height:14px; background:url(../images/content/ico-secret.png) no-repeat}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li span.repeat {width:15px; height:15px; background:url(../images/content/ico-repeat.png) no-repeat}
.popup-schedule-detail .popup-section .tbl-basic table tbody tr:hover td {background:none}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit span.sort {display:inline-block; position:relative; margin-left:15px; padding-left:13px; font-weight:normal; font-size:13px; color:#828282}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit span.sort:after {content:""; position:absolute; left:0; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:100%}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit span.sort.person:after {background:#7dae22}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit span.sort.school:after {background:#37bdb9}
.popup-schedule-detail .popup-section .tbl-basic table tbody td ul li.tit span.sort.common:after {background:#9810b2}
/* 일정 등록 팝업 */
.popup-schedule-reg .popup-section {width:782px}
.popup-schedule-reg .popup-section .tbl-format table tbody th {vertical-align:top}
.popup-schedule-reg .popup-section .tbl-format table tbody td {padding-top:11px; padding-bottom:10px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.tit input[type="checkbox"] + label {margin-left:16px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.tit input[type="checkbox"].type2 + label:before {border-color:#81b70d; background-color:#81b70d}
.popup-schedule-reg .popup-section .tbl-format table tbody td.tit input[type="checkbox"].type3 + label:before {border-color:#3fb8b5; background-color:#3fb8b5}
.popup-schedule-reg .popup-section .tbl-format table tbody td.date {padding-right:15px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.date .hyphen {margin:0 6px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.date select {margin-left:7px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.date .select-title {vertical-align:top}
.popup-schedule-reg .popup-section .tbl-format table tbody td.date input[type="checkbox"] + label {margin-left:17px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.public {padding-top:16px}
.popup-schedule-reg .popup-section .tbl-format table tbody td.public input[type="radio"] + label ~ label {margin-left:55px}
.popup-schedule-reg .popup-section .tbl-format table tbody td .extra {padding-top:8px; font-size:13px; color:#8e9397}
/* 비밀번호 재확인 */
.section-smartclass.recheckpass section.content header.content {border-bottom:none}
.section-smartclass.recheckpass .check-content {padding:40px 40px 0; text-align:center; border:1px solid #eaeaea; background:#f7f7f7}
.section-smartclass.recheckpass .check-content > p {padding:71px 0 39px; font-weight:bold; font-size:14px; color:#656565; background:url(../images/common/bg-notice.png) 50% 0 no-repeat}
.section-smartclass.recheckpass .check-content .info {padding:37px 0 41px; border-top:1px solid #eaeaea}
.section-smartclass.recheckpass .check-content .info ul {display:inline-block}
.section-smartclass.recheckpass .check-content .info ul li {padding:5px 0}
.section-smartclass.recheckpass .check-content .info ul li:after {content:""; display:block; clear:both}
.section-smartclass.recheckpass .check-content .info ul li strong {float:left; width:80px; line-height:33px; font-weight:bold; font-size:14px; color:#000; text-align:left}
.section-smartclass.recheckpass .check-content .info ul li span {float:left; line-height:33px; font-size:14px; color:#7b7b7b}
.section-smartclass.recheckpass .check-content .info ul li input[type="password"]{float:left}
/* 개인정보 변경 */
.section-smartclass.changeinfo section.content header.content {border-bottom:none}
.section-smartclass.changeinfo .btns-basic + .sub-section {margin-top:30px}
.section-smartclass.changeinfo .tbl-format tbody th {vertical-align:top}
.section-smartclass.changeinfo .tbl-format tbody td {padding-top:10px; padding-bottom:12px}
.section-smartclass.changeinfo .tbl-format tbody td * {vertical-align:middle}
.section-smartclass.changeinfo .tbl-format tbody td .badge {display:inline-block; width:50px; height:23px; line-height:24px; margin-right:5px; font-weight:bold; font-size:12px; color:#fff; letter-spacing:-0.1em; border-radius:2em; text-align:center;  vertical-align:middle; box-sizing:border-box}
.section-smartclass.changeinfo .tbl-format tbody td .badge.jung {background:#eca2a0}
.section-smartclass.changeinfo .tbl-format tbody td .badge.jun {background:#bd9870}
.section-smartclass.changeinfo .tbl-format tbody td .gender {display:inline-block}
.section-smartclass.changeinfo .tbl-format tbody td .gender input[type="radio"] + label {float:left; width:66px; height:31px; line-height:32px; margin:0; padding:0; font-size:13px; color:#767676; text-align:center; border:1px solid #dbdbdb}
.section-smartclass.changeinfo .tbl-format tbody td .gender input[type="radio"]:checked + label {position:relative; font-weight:bold; color:#fff; border-color:#ff8482; background:#ff8482}
.section-smartclass.changeinfo .tbl-format tbody td .gender input[type="radio"] + label:after,
.section-smartclass.changeinfo .tbl-format tbody td .gender input[type="radio"] + label:before {display:none}
.section-smartclass.changeinfo .tbl-format tbody td .gender input[type="radio"] + label ~ input[type="radio"] + label {margin-left:-1px}
/* .section-smartclass.changeinfo .tbl-format tbody td .gender {display:inline-block; border:1px solid #dbdbdb}
.section-smartclass.changeinfo .tbl-format tbody td .gender a {float:left; width:66px; height:31px; font-size:13px; color:#767676; text-align:center}
.section-smartclass.changeinfo .tbl-format tbody td .gender a span {line-height:32px}
.section-smartclass.changeinfo .tbl-format tbody td .gender a ~ a {margin-left:-1px}
.section-smartclass.changeinfo .tbl-format tbody td .gender a.on {position:relative; font-weight:bold; color:#fff;  background:#ff8482}
.section-smartclass.changeinfo .tbl-format tbody td .gender a.on:after {content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:1px solid #ff8482} */
.section-smartclass.changeinfo .tbl-format tbody td .frm-set ~ .frm-set {margin-top:10px}
.section-smartclass.changeinfo .tbl-format tbody td .hyphen {display:inline-block; line-height:33px; margin:0 8px; font-size:14px; color:#565656}
.section-smartclass.changeinfo .tbl-format tbody td .btn-lgray,
.section-smartclass.changeinfo .tbl-format tbody td .btn-lwht {width:108px; margin-left:5px}
.section-smartclass.changeinfo .tbl-format tbody td select ~ select {margin-left:8px}
.section-smartclass.changeinfo .tbl-format tbody td input[type="checkbox"] + label ~ label {margin-left:28px}
.section-smartclass.changeinfo .tbl-format tbody td .cap {padding-top:10px; font-size:13px; color:#8e9397}
.section-smartclass.changeinfo .tbl-format tbody td.member a {width:98px; margin-left:17px; padding:0 10px; font-weight:normal; color:#fff; border-color:#848484; background:#848484}
.section-smartclass.changeinfo .tbl-format tbody td.email input[type="text"] + select {margin:1px 0 0 6px}
.section-smartclass.changeinfo .tbl-format.optional tbody td {padding-top:21px; padding-bottom:20px}
.section-smartclass.changeinfo .sub-section ~ .sub-section .tbl-format tbody th {vertical-align:middle}
/* 학교찾기 팝업 */
.popup-findschool .popup-section {width:700px}
.popup-findschool .popup-section .search-content {padding:20px; border:1px solid #eaeaea; background:#f7f7f7}
.popup-findschool .popup-section .search-content:after {content:""; display:block; clear:both}
.popup-findschool .popup-section .search-content input[type="text"] {float:left}
.popup-findschool .popup-section .search-content a {float:right; width:82px}
.popup-findschool .popup-section .nodata-notice {margin-top:20px; padding:75px 0 73px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7}
.popup-findschool .popup-section .nodata-notice p {line-height:1.5em; padding-top:70px; font-size:14px; background:url(../images/common/bg-notice.png) 50% 0 no-repeat}
.popup-findschool .popup-section .top-state + .nodata-notice.insert {margin-top:0}
.popup-findschool .popup-section .nodata-notice.insert p span {display:block; line-height:1.5em}
.popup-findschool .popup-section .nodata-notice.insert ul {margin-top:20px; padding:0 50px}
.popup-findschool .popup-section .nodata-notice.insert ul li:after {content:""; display:block; clear:both}
.popup-findschool .popup-section .nodata-notice.insert ul li strong {display:inline-block; float:left; width:202px; line-height:33px; vertical-align:middle}
.popup-findschool .popup-section .nodata-notice.insert ul li strong + input[type="text"] {float:right}
.popup-findschool .popup-section .nodata-notice.insert ul li ~ li {margin-top:5px}
.popup-findschool .popup-section .nodata-notice.insert .school-grade {display:inline-block; vertical-align:top}
.popup-findschool .popup-section .nodata-notice.insert .school-grade input[type="radio"] + label {float:left; width:66px; height:31px; line-height:32px; margin:0; padding:0; font-size:13px; color:#767676; text-align:center; border:1px solid #dbdbdb}
.popup-findschool .popup-section .nodata-notice.insert .school-grade input[type="radio"]:checked + label {position:relative; font-weight:bold; color:#fff; border-color:#ff8482; background:#ff8482}
.popup-findschool .popup-section .nodata-notice.insert .school-grade input[type="radio"] + label:after,
.popup-findschool .popup-section .nodata-notice.insert .school-grade input[type="radio"] + label:before {display:none}
.popup-findschool .popup-section .nodata-notice.insert .school-grade input[type="radio"] + label ~ input[type="radio"] + label {margin-left:-1px}
.popup-findschool .popup-section .tbl-basic {position:relative; overflow-x:hidden; overflow-y:auto; font-size:0; max-height:230px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.popup-findschool .popup-section .tbl-basic table thead th {border-top:none}
.popup-findschool .popup-section .tbl-basic tbody td {padding-top:17px; padding-bottom:13px; background:none}
.popup-findschool .popup-section .tbl-basic table tbody tr:last-child td {border-bottom:none}
.popup-findschool .popup-section .tbl-basic tbody td.tit {font-weight:bold; color:#3d3d3d}
.popup-findschool .popup-section .tbl-basic tbody td.tit strong {font-weight:bold}
.popup-findschool .popup-section .tbl-basic tbody td.add {font-weight:normal; font-size:14px; color:#797979}
.popup-findschool .popup-section .tbl-basic tbody td.nodata {padding:44px 0 38px}
.popup-findschool .popup-section .tbl-basic tbody tr.on td {position:relative; border-color:#ebf5ff; background:#ebf5ff}
.popup-findschool .popup-section .tbl-basic tbody tr.on td:after {content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#ebf5ff}
.popup-findschool .popup-section table.tbl-fixable thead th {padding:21px 0 18px; font-weight:bold; font-size:14px; color:#565656; text-align:center; background:#fdf3f2}
.popup-findschool .popup-section .tbl-basic table tbody tr:hover td.tit a {font-weight:bold; color:#3d3d3d}
.popup-findschool .popup-section .tbl-basic table tbody tr td.chk label {font-size:0; text-indent:-9999em}
/* #popupFindSchool .schoolGradeCode {display:inline-block}
#popupFindSchool input[name="schoolGradeCode"] + label {float:left; width:66px; height:31px; line-height:32px; margin:0; padding:0; font-size:13px; color:#767676; text-align:center; border:1px solid #dbdbdb}
#popupFindSchool input[name="schoolGradeCode"]:checked + label {position:relative; font-weight:bold; color:#fff; border-color:#ff8482; background:#ff8482}
#popupFindSchool input[name="schoolGradeCode"] + label:after,
#popupFindSchool input[name="schoolGradeCode"] + label:before {display:none}
#popupFindSchool input[name="schoolGradeCode"] + label ~ input[type="radio"] + label {margin-left:-1px} */


/* 비밀변호 변경 */
.section-smartclass.changepass section.content header.content {border-bottom:none}
.section-smartclass.changepass .tbl-format table tbody td {padding-top:10px; padding-bottom:10px}
/* 회원탈퇴 */
.section-smartclass.withdrawal section.content header.content {border-bottom:none}
.section-smartclass.withdrawal .tbl-format table tbody th {padding-top:17px; line-height:1.3em; vertical-align:top}
.section-smartclass.withdrawal .tbl-format table tbody th span {display:block; line-height:1.3em}
.section-smartclass.withdrawal .tbl-format table tbody td ul li ~ li {margin-top:15px}
.section-smartclass.withdrawal .tbl-format table tbody td ul li textarea {height:73px; margin-top:10px}
/* 탈퇴완료 */
.section-smartclass.complete .cont-section > div.content {padding:134px 0; text-align:center}
.section-smartclass.complete .compl-notice {display:inline-block; width:820px}

/* 교과서 자료 */
.detail-book {margin-bottom:20px; padding:20px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#efefef}
.detail-book > .info {position:relative}
.detail-book > .info:after {content:""; display:block; clear:both}
.detail-book > .info > .img {float:left; position:relative; width:157px; box-sizing:border-box}
.detail-book > .info > .img img {display:block; width:100%; border:1px solid #d2d2d2; box-sizing:border-box}
.detail-book > .info > .img .year {position:absolute; right:0; top:0; width:40px; height:24px; line-height:24px; font-weight:bold; font-size:12px; color:#fff; text-align:center; background:#fda8a7}
.detail-book > .info > .img .reg {display:inline-block; position:relative; z-index:2; line-height:1.3em; margin-top:10px; width:100%; font-weight:bold; color:#917171; text-align:center}
.detail-book > .info > .img .reg span {display:inline-block; line-height:1.3em; padding-left:13px; background:url(../images/content/bg-plus-brown.png) 0 50% no-repeat}
.detail-book > .info .cont {width:780px; min-height:208px; padding-left:177px; padding-bottom:60px}
.detail-book > .info .cont > ul > li {line-height:2em; font-size:14px; color:#787878}
.detail-book > .info .cont .more-cont {position:absolute; left:177px; bottom:48px}
.detail-book > .info .cont .more-cont a {width:auto; height:30px; line-height:30px; padding:0 10px; border-color:#e0e0e0}
.detail-book > .info .cont .more-cont a ~ a {margin-left:2px}
.detail-book > .info .cont .more-cont a span {line-height:28px}
.detail-book > .info .viewer-links {position:absolute; right:-4px; bottom:48px}
.detail-book > .info .viewer-links a {float:left; width:77px; padding-top:58px; color:#5c5c5c; text-align:center; white-space:nowrap}
.detail-book > .info .viewer-links a:hover {color:#f37270}
.detail-book > .info .viewer-links a.book1 {background:url(../images/content/ico-book1.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book2 {background:url(../images/content/ico-book2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book3 {background:url(../images/content/ico-book3.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book4 {background:url(../images/content/ico-book4.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book5 {background:url(../images/content/ico-book5.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book4-1 {background:url(../images/content/ico-book4-1.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book1:hover {background:url(../images/content/ico-book1-2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book2:hover {background:url(../images/content/ico-book2-2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book3:hover {background:url(../images/content/ico-book3-2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book4:hover {background:url(../images/content/ico-book4-2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book4-1:hover {background:url(../images/content/ico-book4-1-2.png) 50% 0 no-repeat}
.detail-book > .info .viewer-links a.book5:hover {background:url(../images/content/ico-book5-2.png) 50% 0 no-repeat}
.detail-book > .info .more-info {position:absolute; right:0; top:0}
.detail-book > .info .more-info:after {content:""; display:block; clear:both}
.detail-book > .info .more-info a {float:left; width:auto; height:30px; padding:0 10px; font-size:13px; border-color:#e0e0e0}
.detail-book > .info .more-info a span {line-height:30px}
.detail-book > .info .more-info .select-title {float:left; height:30px; line-height:30px; margin-left:5px; padding:0 10px; font-weight:bold; font-size:13px}
.detail-book > .info .more-info .select-title strong {font-weight:bold}
.detail-book > .info .btns-mobile {display:none}
.detail-book .rel {position:relative; z-index:1; padding-left:177px}
.detail-book .rel > strong {display:block; line-height:30px; border-top:1px solid #eaeaea}
.detail-book .rel > strong a {display:inline-block; margin-top:2px; padding-right:19px; font-weight:bold; font-size:14px; color:#e77978; vertical-align:middle; background:url(../images/content/bg-arrow-list-down.png) 100% center no-repeat}
.detail-book .rel > strong.open a {background:url(../images/content/bg-arrow-list-up.png) 100% center no-repeat}
.detail-book .rel .box {position:absolute; left:177px; top:45px; height:250px; margin-top:-6px; padding:30px 0 26px; border:1px solid #ff7c7a; border-radius:1em; background:#fff}
.detail-book .rel .box:after {content:""; position:absolute; left:51px; top:-6px; width:10px; height:6px; background:url(../images/content/bg-arrow-list.png) no-repeat}
.detail-book .rel .box .inner {position:relative; overflow:hidden; max-width:979px; margin-top:6px; padding:0 37px}
.detail-book .rel .box .inner .list-relbooks {overflow:hidden}
.detail-book .rel .box .inner .list-relbooks:after {content:""; display:block; clear:both}
.detail-book .rel .box .inner .list-relbooks .book {float:left; margin:0 17px; box-sizing:border-box}
.detail-book .rel .box .inner .list-relbooks .book .img {width:116px; border:1px solid #d2d2d2; box-sizing:border-box}
.detail-book .rel .box .inner .list-relbooks .book .img img {width:100%}
.detail-book .rel .box .inner .list-relbooks .book .info {width:116px; padding-top:10px; text-align:center}
.detail-book .rel .box .inner .list-relbooks .book .info strong {display:block; overflow:hidden; /*width:116px; */padding-bottom:5px; font-weight:bold; font-size:14px; color:#2f2f2f; text-overflow:ellipsis; white-space:nowrap}
.detail-book .rel .box .inner .list-relbooks .book .info span {display:block; overflow:hidden; /*width:116px;*/ font-size:14px; color:#787878; text-overflow:ellipsis; white-space:nowrap}
.detail-book .rel .box .inner .list-relbooks .slick-arrow {position:absolute; top:54px; width:48px; height:48px; font-size:0; text-indent:-9999em; cursor:pointer}
.detail-book .rel .box .inner .list-relbooks .slick-disabled {cursor:auto}
.detail-book .rel .box .inner .list-relbooks .slick-prev {left:0; background:url(../images/common/arrow-slide-left-on.png) center no-repeat}
.detail-book .rel .box .inner .list-relbooks .slick-prev.slick-disabled {background:url(../images/common/arrow-slide-left.png) center no-repeat}
.detail-book .rel .box .inner .list-relbooks .slick-next {right:0; background:url(../images/common/arrow-slide-right-on.png) center no-repeat}
.detail-book .rel .box .inner .list-relbooks .slick-next.slick-disabled {background:url(../images/common/arrow-slide-right.png) center no-repeat}
/* .detail-book.non-rel > .info .cont .more-cont,
.detail-book.non-rel > .info .viewer-links {bottom:0}
.detail-book.non-rel .rel {display:none} */
.section-textbooks header.head-section {padding:0 20px 0 21px; background:none}
.section-textbooks header.head-section h2 {padding:22px 0 18px; font-weight:bold; font-size:20px}
.section-textbooks header.head-section .path {padding:24px 0 23px}
.section-textbooks .cont-section {border-right:none}
.section-textbooks section.content {padding-top:6px; padding-right:0}
.section-textbooks section.content header.content {border-bottom:none}
.section-textbooks section.content header.content h3 {font-weight:bold; font-size:16px}
.section-textbooks section.content .sub-section .btns-basic.large {display:none}
.section-textbooks section.content .sub-section .box-sort {margin-bottom:0; padding:10px 20px}
.section-textbooks section.content .sub-section .box-sort ul li {padding:0}
.section-textbooks section.content .sub-section .box-sort ul li strong {width:65px; line-height:58px; font-size:13px}
.section-textbooks section.content .sub-section .box-sort ul li .btns-sort {float:right; width:805px; margin-top:0}
.section-textbooks section.content .sub-section .box-sort ul li .btns-sort a {height:22px; line-height:24px; margin-top:0}
.section-textbooks section.content .sub-section .box-sort ul li .btns-sort ~ .btns-sort {margin-top:5px; margin-bottom:-1px; border-top:1px solid #e0e0e0}
.section-textbooks section.content .top-state > span {padding:15px 0 9px}
.section-textbooks section.content .box-sort input[type="radio"] + label,
.section-textbooks section.content .box-sort input[type="checkbox"] + label {height:24px; line-height:24px; font-size:13px}
.section-textbooks section.content .paginate {margin-top:20px}
.section-textbooks .tbl-basic table thead tr th {height:36px; padding:7px 0; font-size:13px}
.section-textbooks .tbl-basic table thead tr th.act span ~ span {margin-left:10px}
.section-textbooks .tbl-basic table tbody tr td:not(.nodata) {padding-top:10px; padding-bottom:10px}
.section-textbooks .tbl-basic table tbody tr td.tit {padding-left:10px}
.section-textbooks .tbl-basic table tbody tr td .action {text-align:center}
.section-textbooks .tbl-basic table tbody tr td .action a ~ a {margin-left:26px}
.section-textbooks .btns-submit {margin-top:20px}
/* 교사용CD 다운로드 팝업 */
.popup-forteachers .popup-section {width:532px}
.popup-forteachers .popup-content .cap {padding-bottom:19px; font-size:14px; color:#626262}
.popup-forteachers .popup-content .list-cd ul {margin:-10px -10px 0 -10px}
.popup-forteachers .popup-content .list-cd ul:after {content:""; display:block; clear:both}
.popup-forteachers .popup-content .list-cd ul li {float:left; margin:10px 10px 0 10px}
.popup-forteachers .popup-content .list-cd ul li a {display:inline-block; width:144px; height:104px; text-align:center; border:1px solid #eaeaea; background:#f7f7f7; box-sizing:border-box}
.popup-forteachers .popup-content .list-cd ul li:hover a {border:1px solid #ff8e8d; background:#fff}
.popup-forteachers .popup-content .list-cd ul li a span {display:inline-block; width:40px; margin-top:20px; padding-top:50px; font-weight:bold; font-size:14px; color:#4b4b4b; background:url(../images/content/bg-cd.png) center 0 no-repeat; }
/* 단원별 자료 */
.section-textbooks .cont-section .sub-nav {border-top:1px solid #e0e0e0}
.section-textbooks section.content .sub-section ~ .sub-section {margin-top:30px}
.section-textbooks section.content .sub-section.box {padding:30px 20px; border:1px solid #e0e0e0}
.section-textbooks section.content .sub-section.box .top-state {padding-bottom:14px}
.section-textbooks section.content .sub-section.box .top-state:after {content:""; display:block; clear:both}
.section-textbooks section.content .sub-section.box .top-state h4 {float:left; position:relative; padding:0 0 0 9px; font-weight:bold; font-size:15px; color:#464646}
.section-textbooks section.content .sub-section.box .top-state h4:after {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:100%; background:#d7d7d7}
.section-textbooks section.content .sub-section.box .top-state > span {float:right; padding:0}
.section-textbooks section.content .sub-section.mid .tbl-basic table thead th {background:#faf9ed}
.section-textbooks section.content .sub-section.sml .tbl-basic table thead th {background:#f7f7f7}
.section-textbooks section.content .sub-section.time .tbl-basic table thead th {background:#f4f6fb}
.section-textbooks section.content .sub-section.time .top-state {position:relative; padding-bottom:27px}
.section-textbooks section.content .sub-section.time .top-state h4 {padding-top:4px; padding-bottom:0}
.section-textbooks section.content .sub-section.time .top-state h4:after {top:10px}
.section-textbooks section.content .sub-section.time .top-state .btns {position:absolute; right:0; top:0}
.section-textbooks section.content .sub-section.time .top-state .btns a {float:left; line-height:31px; margin-left:1px; font-size:13px}
.section-textbooks section.content .sub-section.time .top-state .btns a span {line-height:31px}
.section-textbooks section.content .sub-section.time .corner {margin-bottom:15px; padding:7px 20px 5px; background:#f7f7f7} /* 180219 */
.section-textbooks section.content .sub-section.time .corner a {display:inline-block; position:relative; line-height:1.9em; font-size:13px; color:#757575} /* 180219 */
.section-textbooks section.content .sub-section.time .corner a ~ a {margin-left:7px; padding-left:13px}
.section-textbooks section.content .sub-section.time .corner a ~ a:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#d7d7d7}
.section-textbooks section.content .sub-section.time .corner a.active {font-weight:bold; color:#ff5c5c}
.section-textbooks section.content .sub-section.time .corner a.active span {display:inline-block; border-bottom:1px solid #ff5c5c}
/* 문제은행 */
.section-questionbank section.content header.content {border-bottom:none}
.section-questionbank section.content .tbl-basic {margin-top:30px}
/*.section-questionbank section.content .sub-section .box.notice {position:relative; margin-bottom:40px; padding:33px 30px 38px 170px}
.section-questionbank section.content .sub-section .box.notice h4 {padding-bottom:17px; font-weight:bold; font-size:18px; color:#262626}
.section-questionbank section.content .sub-section .box.notice h4 span {float:right; line-height:23px; font-weight:normal; font-size:13px; color:#999999}
.section-questionbank section.content .sub-section .box.notice ul {margin-top:21px}
.section-questionbank section.content .sub-section .box.notice ul li {position:relative; padding-left:8px; font-size:14px; color:#6c6b6b}
.section-questionbank section.content .sub-section .box.notice ul li ~ li {margin-top:10px}
.section-questionbank section.content .sub-section .box.notice ul li:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#aeaeae}
.section-questionbank section.content .sub-section .box.notice a {display:inline-block; position:absolute; right:30px; bottom:30px; width:87px; height:31px; line-height:32px; font-weight:bold; font-size:13px; color:#757575; text-align:center; border:1px solid #e0e0e0; background:#fbfbfb; box-sizing:border-box}*/
.section-questionbank.subject section.content .sub-section .testpaper {padding:30px 30px 0; border-bottom:none}
.section-questionbank.subject section.content .sub-section .testpaper h4 {padding-bottom:17px; font-weight:bold; font-size:18px; color:#262626; border-bottom:none}
.section-questionbank.subject section.content .sub-section .testpaper ul:after {content:""; display:block; clear:both}
.section-questionbank.subject section.content .sub-section .testpaper ul li {float:left; position:relative; width:246px; height:270px; padding-top:15px; text-align:center; border:1px solid #e1e1e1; background:#fff}
.section-questionbank.subject section.content .sub-section .testpaper ul li ~ li {margin-left:35px}
.section-questionbank.subject section.content .sub-section .testpaper ul li ~ li:after {content:""; position:absolute; left:-23px; top:68px; width:8px; height:12px; background:url(../images/common/arrow-slide-right.png) no-repeat}
.section-questionbank.subject section.content .sub-section .testpaper ul li .tit span {line-height:32px; font-family:"Co Headline Corp"; font-weight:300; color:#f97270}
.section-questionbank.subject section.content .sub-section .testpaper ul li .tit span em {display:inline-block; margin:2px 0 0 5px; font-style:normal; font-weight:normal; font-size:26px; vertical-align:top}
.section-questionbank.subject section.content .sub-section .testpaper ul li .tit strong {display:block; padding-top:3px; font-weight:bold; font-size:17px; color:#f97270}
.section-questionbank.subject section.content .sub-section .testpaper ul li p {padding-top:114px; line-height:1.35em; color:#646464}
.section-questionbank.subject section.content .sub-section .testpaper ul li:first-child p {padding-top:124px}
.section-questionbank.subject section.content .sub-section .testpaper ul li p span {display:block; line-height:1.35em}
.section-questionbank.subject section.content .sub-section .testpaper ul li.step1 p {background:url(../images/content/bg-list-test1.png) center 20px no-repeat}
.section-questionbank.subject section.content .sub-section .testpaper ul li.step2 p {background:url(../images/content/bg-list-test2.png) center 20px no-repeat}
.section-questionbank.subject section.content .sub-section .testpaper ul li.step3 p {background:url(../images/content/bg-list-test3.png) center 20px no-repeat}
.section-questionbank.subject section.content .sub-section .box-sort {padding:20px 30px 18px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.section-questionbank.subject section.content .sub-section .box-sort:after {content:""; display:block; clear:both}
.section-questionbank.subject section.content .sub-section .box-sort ul {float:left; position:relative; width:calc(100% - 135px)}
.section-questionbank.subject section.content .sub-section .box-sort ul:after {content:""; position:absolute; left:0; top:0; width:calc(100% + 135px); height:1px; background:#e1e1e1}
.section-questionbank.subject section.content .sub-section .box-sort a {float:right; width:115px; height:140px; margin-top:12px; padding-top:35px; text-align:center; border:1px solid #ff7272; box-sizing:border-box; background:#ff7272}
.section-questionbank.subject section.content .sub-section .box-sort a.disabled {opacity:0.3; pointer-events:none}
.section-questionbank.subject section.content .sub-section .box-sort a > span {display:inline-block; padding-top:32px; line-height:1.3em; font-weight:bold; font-size:15px; color:#fff; background:url(../images/content/bg-book.png) center 0 no-repeat}
.section-questionbank.subject section.content .sub-section .box-sort a > span > span {display:block; line-height:1.3em}
.section-questionbank.subject section.content .sub-section .box-sort ul li > strong {width:85px}
.section-questionbank.subject section.content .tbl-basic {margin-top:0}
.section-questionbank.subject section.content .tbl-basic table tbody td a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%}
.section-questionbank.subject section.content .tbl-basic table tbody td a span {margin-right:8px; vertical-align:middle}
.section-questionbank.subject section.content .sub-section .top-state span {padding-top:20px}
.section-questionbank.grammar section.content .box-sort .btns-sort .select-title {margin-left:5px}
.section-questionbank.grammar section.content .top-state {padding-bottom:10px}
.section-questionbank.grammar section.content .top-state .inp {text-align:right}
.section-questionbank.grammar section.content .top-state .inp .select-title {margin-left:17px}
.section-questionbank.grammar section.content .tbl-basic {margin-top:0}
.section-questionbank.grammar section.content .tbl-basic table thead th {padding-left:20px; padding-right:20px; text-align:left}
.section-questionbank.grammar section.content .tbl-basic table tbody td {position:relative; padding-left:58px; padding-top:17px}
.section-questionbank.grammar section.content .tbl-basic table tbody td .level {position:absolute; left:20px; top:18px; width:18px; height:18px; line-height:19px; font-weight:bold; font-size:10px; color:#fff; letter-spacing:-0.1em; text-align:center; border-radius:3px}
.section-questionbank.grammar section.content .tbl-basic table tbody td .level.low {background:#ababab}
.section-questionbank.grammar section.content .tbl-basic table tbody td .level.mid {background:#f4a214}
.section-questionbank.grammar section.content .tbl-basic table tbody td .level.high {background:#f14c4c}
.section-questionbank.grammar section.content .tbl-basic table tbody td .sent {line-height:1.3em; font-weight:bold; color:#3d3d3d}
.section-questionbank.grammar section.content .tbl-basic table tbody td .intp {line-height:1.3em; padding-top:3px; font-size:13px; color:#cd8d8d}
.section-questionbank.grammar section.content .tbl-basic table tbody tr td.nodata {padding:92px 0 126px}

/* 문제은행 > 퀴즈배틀 */
.section-questionbank.subject section.content .sub-section .box-sort.battle-box {position: relative;}
.section-questionbank.subject section.content .sub-section .box-sort.battle-box ul {float: left; position: relative; width:calc(100% - 140px);}
.section-questionbank.subject section.content .sub-section .box-sort.battle-box ul:after {content:""; position:absolute; left:0; top:0; width:calc(100% + 140px); height:0; background:#e1e1e1}
.section-questionbank.subject section.content .sub-section .box-sort.battle-box .img {float:right; position:relative; width:130px; height:auto; box-sizing: border-box;}
.section-questionbank.subject section.content .sub-section .box-sort.battle-box .img img {display:block; width:100%; height:100%; border:1px solid #d2d2d2; box-sizing:border-box}
/* END 문제은행 > 퀴즈배틀 */


/*.section-questionbank.words section.content .sub-section .box.notice {background:#f7f7f7 url(../images/content/bg-words.png) 30px 40px no-repeat}
.section-questionbank.vocabulary section.content .sub-section .box.notice {background:#f7f7f7 url(../images/content/bg-voca.png) 30px 40px no-repeat}
.section-questionbank.grammar section.content .sub-section .box.notice {background:#f7f7f7 url(../images/content/bg-gramm.png) 30px 40px no-repeat}*/
/* 시험지 만들기 */
.popup-make-test {height:100%; background:#f1f1f1}
.popup-make-test > header {height:30px}
.popup-make-test > header h1 {float:left; height:30px; line-height:30px; font-size:14px;}
.popup-make-test > header .full {float:left; line-height:30px; font-size:12px; color:#fff; margin-left:10px}
.popup-make-test > header .close {height:30px; background-image:url(../images/common/bg-close-min.png)}
.popup-make-test .popup-content {width:1410px; height:calc(100% - 30px); margin:0 auto; padding:0}
.popup-make-test .popup-content:after {content:""; display:block; clear:both}
.popup-make-test .process {float:left; width:488px; height:100%; margin-left:17px; background:#fff}
.popup-make-test .process1 {width:400px; margin-left:0}
.popup-make-test .process header {background:#757575; padding-right:20px}
.popup-make-test .process3 header {background:#ff8482}
.popup-make-test .process ~ .process header:after {content:""; position:absolute; left:-28px; top:10px; width:38px; height:38px; border:1px solid #e0e0e0; background:#f1f1f1 url(../images/content/ico-arrow-make-process.png) 50% 50% no-repeat; border-radius:100%}
.popup-make-test .process header h2 {float:left; font-size:18px; font-weight:normal}
.popup-make-test .process header [class*="btn-"] {float:right; margin-top:15px}
.popup-make-test .process header .cap {float:right; height:60px; line-height:60px; font-size:13px; color:#fdadac}
.popup-make-test .process .content {height:calc(100% - 60px); border:1px solid #e0e0e0; border-top:0}
.popup-make-test .process .content .top {padding:10px 0; margin:0 20px; margin-bottom:20px; border-bottom:1px solid #e6e6e6}
.popup-make-test .process .content .top:after {content:""; display:block; clear:both}
.popup-make-test .process1 .content .top p {color:#0f3653}
.popup-make-test .process .content .top p {text-align:center; line-height:31px}
.popup-make-test .process2 .content .top {display:flex; display:-webkit-flex; display:-ms-flexbox} /* 180408 */
.popup-make-test .process2 .content .top .select-title {flex:1; -webkit-flex:1; -ms-flex:1} /* 180408 */
/* .popup-make-test .process .content .top .select-title {float:left; width:calc((100% - 33px) / 3) !important} 180408 */
.popup-make-test .process .content .top .select-title ~ .select-title {margin-left:16px}
.popup-make-test .process .content .body {position:relative; height:calc(100% - 151px); /*width:358px;*/ overflow-x:hidden; overflow-y:auto; margin:0 0 0 20px; text-align:center}
/*.popup-make-test .process1 .content .body {overflow-x:hidden; overflow-y:auto}*/
.popup-make-test .process2 .content .body,
.popup-make-test .process3 .content .body {margin:0 0 0 20px}
.popup-make-test .process .content .bottom {padding:20px 0; margin:0 20px; border-top:1px solid #e6e6e6}
.popup-make-test .process .content .bottom .input {position:relative; min-height:37px}
.popup-make-test .process .content .bottom .input:after {content:""; display:block; clear:both}
.popup-make-test .process2 .content .bottom .input {padding-left:31px; padding-right:100px}
.popup-make-test .process3 .content .bottom .input {padding-left:31px; padding-right:123px}
.popup-make-test .process .content .bottom .input input[type="text"] {display:block; width:100%; height:37px; padding:0 20px; line-height:35px; background:#f1f1f1}
.popup-make-test .process .content .bottom .input .ico-tooltip {position:absolute; left:0; bottom:6px; width:21px; height:21px; text-indent:0; border:1px solid #e0e0e0; border-radius:100%}
.popup-make-test .process .content .bottom .input .ico-tooltip a {display:block; height:100%; background:url(../images/content/ico-question-mark.png) 50% 50% no-repeat}
.popup-make-test .process .content .bottom .input .ico-tooltip .tip {display:none; position:absolute; bottom:32px; left:50%; margin-left:-116px; width:233px; padding-bottom:4px; background:url(../images/content/bg-arrow-note-down.png) 50% 100% no-repeat}
.popup-make-test .process .content .bottom .input .ico-tooltip .tip p {font-size:12px; line-height:16px; color:#fff; padding:16px 20px 14px; background:#f75b31; border-radius:13px}
.popup-make-test .process .content .bottom .input .ico-tooltip a:hover + .tip,
.popup-make-test .process .content .bottom .input .ico-tooltip a:focus + .tip {display:block}
.popup-make-test .process .content .bottom .input .btn-pop {position:absolute; right:0; bottom:0}
.popup-make-test .process2 .content .bottom .input .btn-pop,
.popup-make-test .process3 .content .bottom .input .btn-pop {padding:0 0 0 0}
.popup-make-test .process2 .content .bottom .input .btn-pop {width:90px}
.popup-make-test .process3 .content .bottom .input .btn-pop {width:113px}
.popup-make-test .process1 .content .body .range {position:relative; width:358px; margin-top:25px; border-top:1px solid #e6e6e6; text-align:left}
.popup-make-test .process1 .content .body .range ~ .range {padding-top:25px}
.popup-make-test .process1 .content .body .range h3 {margin-bottom:9px; font-size:14px; color:#2f2f2f}
.popup-make-test .process1 .content .body .range .reset {display:none; position:absolute; right:0; top:25px; width:15px; height:15px; text-indent:-999em; background:url(../images/content/ico-reset.png) 50% 50% no-repeat}
.popup-make-test .process1 .content .body .range .reset.opened {background-image:url(../images/content/ico-reset-open.png)}
.popup-make-test .process1 .content .body .range .wrap-select {position:relative}
.popup-make-test .process1 .content .body .range .select {margin-bottom:25px}
.popup-make-test .process1 .content .body .range .select:after {content:""; display:block; clear:both}
.popup-make-test .process1 .content .body .range .select input[type="radio"] + label {font-size:14px; box-sizing:border-box; height:auto; cursor:pointer; padding:0 0 0 0}
.popup-make-test .process1 .content .body .range .select input[type="radio"] + label:before {display:none}
.popup-make-test .process1 .content .body .range .select input[type="radio"] + label ~ label {margin-left:0}
.popup-make-test .process1 .content .body .range .select input[type="radio"]:checked + label:after {display:none}
.popup-make-test .process1 .content .body .range .selected {display:none}
.popup-make-test .process1 .content .body .range .selected {position:relative; border:1px solid #ff5c5c}
.popup-make-test .process1 .content .body .range .selected strong {display:block; height:38px; line-height:38px; padding:0 44px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.popup-make-test .process1 .content .body .range.pass .reset {display:block}
.popup-make-test .process1 .content .body .range.pass .wrap-select .select {display:none; position:absolute; left:0; top:0; width:100%; z-index:1}
.popup-make-test .process1 .content .body .range.pass .wrap-select .selected {display:block}
.popup-make-test .process1 .content .body .range.class {margin-top:0; border-top:0}
.popup-make-test .process1 .content .body .range.class .select input[type="radio"] + label {float:left; width:33.33%; line-height:40px; text-align:center; background:#757575; color:#fff}
.popup-make-test .process1 .content .body .range.class .select input[type="radio"] + label ~ label {border-left:1px solid #fff}
.popup-make-test .process1 .content .body .range.class .select input[type="radio"]:checked + label {background:#ff5c5c}
.popup-make-test .process1 .content .body .range.subject .select {position:relative; background:#f7f7f7; padding:1px 0 0 1px}
.popup-make-test .process1 .content .body .range.subject .select:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e0e0e0}
.popup-make-test .process1 .content .body .range.subject .select input[type="radio"] + label {float:left; width:calc(25% + 1px); line-height:48px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7; margin:-1px 0 0 -1px}
.popup-make-test .process1 .content .body .range.subject .select input[type="radio"]:checked + label {background:#fff; border-color:#ff5c5c; z-index:1}
.popup-make-test .process1 .content .body .range.book .select {max-height:241px; overflow-x:hidden; overflow-y:auto; border:1px solid #e0e0e0}
.popup-make-test .process1 .content .body .range.book .select input[type="radio"] + label {display:block; height:auto; padding:0 20px; line-height:39px; background:#f7f7f7; color:#757575}
.popup-make-test .process1 .content .body .range.book .select input[type="radio"]:focus + label,
.popup-make-test .process1 .content .body .range.book .select input[type="radio"] + label:hover {background:#fff}
.popup-make-test .process1 .content .body .range.book .select input[type="radio"] + label ~ label {border-top:1px solid #e0e0e0}
.popup-make-test .process1 .content .body .range.book .select input[type="radio"]:checked + label {background:#fff; color:#ff8482}
.popup-make-test .process1 .content .body .range.unit .select .inner {max-height:241px; overflow-x:hidden; overflow-y:auto; border:1px solid #e0e0e0}
.popup-make-test .process1 .content .body .range.unit .select .inner ul li {position:relative; border-top:1px solid #e0e0e0}
.popup-make-test .process1 .content .body .range.unit .select .inner ul li label {display:block; height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:32px; margin-left:0; line-height:39px; background:#f7f7f7}
.popup-make-test .process1 .content .body .range.unit .select .inner ul li label:hover {background:#fff}
/*.popup-make-test .process1 .content .body .range.unit .select .inner ul li input[type="checkbox"] {position:absolute; left:10px; top:13px}*/
.popup-make-test .process1 .content .body .range.unit .select .inner ul li input[type="checkbox"]:checked + label {background:#fff}
.popup-make-test .process1 .content .body .range.unit .select .inner ul li input[type="checkbox"] + label:before,
.popup-make-test .process1 .content .body .range.unit .select .inner ul li input[type="checkbox"] + label:after {left:10px; top:50%; margin-top:-8px}
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li:first-child {border-top:0}
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > input[type="checkbox"] + label:before,
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > input[type="checkbox"] + label:after {left:29px}
/*.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > input[type="checkbox"] {left:29px}*/
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > label {padding-left:49px}
/*.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > ul > li > input[type="checkbox"] {left:48px}*/
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > ul > li > input[type="checkbox"] + label:before,
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > ul > li > input[type="checkbox"] + label:after {left:48px}
.popup-make-test .process1 .content .body .range.unit .select .inner > ul > li > ul > li > ul > li > label {padding-left:68px}
.popup-make-test .process1 .content .body .range.unit .select .set {padding:16px; text-align:right; background:#fff;  border:1px solid #e0e0e0; /*border-top:0*/ border-bottom:0}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected {}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .toggle {position:absolute; right:8px; top:0; width:38px; height:38px; text-indent:-999em; background:url(../images/content/ico-make-unit.png) 50% 50% no-repeat}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .toggle.active {background-image:url(../images/content/ico-make-unit-active.png)}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .units {position:absolute; z-index:1; left:-1px; right:-1px; top:100%; border:1px solid #ff5c5c; background:#fff; max-height:196px; overflow-y:auto}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .units ul li {padding:0 20px; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #e2e2e2}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .units > ul > li:first-child {border-top:0 none}
.popup-make-test .process1 .content .body .range.unit .wrap-select .selected .units ul li ul {margin:0 -20px}
.popup-make-test .process1 .content .body .range.result {padding-bottom:25px; border-bottom:0; text-align:center}
.popup-make-test .process1 .content .body .range.result h3 {margin-bottom:14px; font-size:15px; font-weight:bold; color:#0f3653}
.popup-make-test .process1 .content .body .range.result .nums {padding:0 34px}
.popup-make-test .process1 .content .body .range.result .nums ul:after {content:""; display:block; clear:both}
.popup-make-test .process1 .content .body .range.result .nums ul li {float:left; height:70px; padding-top:19px; border:1px solid #e0e0e0; background:#f1f1f1}
.popup-make-test .process1 .content .body .range.result .nums ul li ~ li {margin-left:5px}
.popup-make-test .process1 .content .body .range.result .nums ul li *{display:block; font-size:15px}
.popup-make-test .process1 .content .body .range.result .nums ul li span {font-weight:bold; color:#0f3653}
.popup-make-test .process1 .content .body .range.result .nums ul li strong {margin-top:3px; color:#ff5c5c}
.popup-make-test .process1 .content .body .range.result .nums ul.level li {width:calc((100% - 10px) / 3)}
.popup-make-test .process1 .content .body .range.result .nums ul.level li ~ li ~ li {float:right; margin-left:0}
.popup-make-test .process1 .content .body .range.result .nums ul.type {margin-top:5px}
.popup-make-test .process1 .content .body .range.result .nums ul.type li {width:calc((100% - 5px) / 2)}
.popup-make-test .process1 .content .body .range.book .selected {padding:20px; padding-right:44px}
.popup-make-test .process1 .content .body .range.book .selected strong,
.popup-make-test .process1 .content .body .range.book .selected span {display:inline-block; vertical-align:bottom}
.popup-make-test .process1 .content .body .range.book .selected span {margin-right:16px}
.popup-make-test .process1 .content .body .range.book .selected strong {height:auto; padding:0; line-height:normal}
.popup-make-test .process1 .content .bottom .input .btn-pop.disabled {opacity:0.3; pointer-events:none}
/*.popup-make-test .process1 .content .body .range.book .selected .reset {top:50%; margin-top:-19px}
.popup-make-test .process1 .content .body .range.unit .selected .reset:after {content:""; position:absolute; left:-29px; top:50%; margin-top:-7px; width:28px; height:14px; border-right:1px solid #e0e0e0; background:url(../images/content/ico-make-unit.png)0 50% no-repeat}*/
.popup-make-test .process .content .body .guide {position:absolute; left:0; top:0; width:100%; height:100%}
.popup-make-test .process .content .body .guide:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup-make-test .process .content .body .blank {display:inline-block; margin:0 auto; width:90%; text-align:center; vertical-align:middle; line-height:28px; font-size:18px; color:#909090}
.popup-make-test .process2 .content .body .blank {padding-top:65px; background:url(../images/content/ico-make-questions.png) 50% 0 no-repeat}
.popup-make-test .process3 .content .body .blank {padding-top:105px; background:url(../images/content/ico-make-here.png) 50% 0 no-repeat}
.popup-make-test .process3 .content {position:relative}
.popup-make-test .process3 .content .popup-loading {position:absolute}
.popup-make-test .process3 .content .popup-loading .popup-content {width:auto; height:auto}
.popup-make-test .popup-test-loading .popup-section {width:365px; height:208px}
.popup-make-test .popup-test-loading .popup-content {width:auto; height:auto}
.popup-make-test .popup-test-loading .popup-content strong {line-height:1.4em; font-size:13px; background:url(../images/content/loading-w.gif) center 0 no-repeat}
.popup-make-test .popup-test-loading .popup-content strong > span {display:block; line-height:1.4em}
.popup-make-test .control {position:fixed; right:20px; top:50px; font-size:0; background:#fff}
.popup-make-test .control .btn {position:relative}
.popup-make-test .control .btn input {padding:0; outline:none}
.popup-make-test .control .btn:hover {z-index:1}
.popup-make-test .control .btn .tooltip {display:none; position:absolute; top:100%; left:50%; margin-top:7px; margin-left:-42px; padding-top:4px; background:url(../images/content/bg-arrow-note.png) 50% 0 no-repeat; text-align:center}
.popup-make-test .control .btn .tooltip .tip {display:inline-block; font-size:12px; line-height:16px; color:#fff; padding:16px 20px 14px; background:#f75b31; border-radius:13px; white-space:nowrap}
.popup-make-test .control .btn .tooltip .tip span {display:none}
.popup-make-test .control .btn > input[type="button"] {position:relative; width:41px; height:41px; border:0; cursor:pointer; border:1px solid #c8ccce}
.popup-make-test .control .btn > input[type="button"]:hover + .tooltip,
.popup-make-test .control .btn > input[type="button"]:focus + .tooltip {display:block}
.popup-make-test .control .btn > input.full {background:url(../images/content/ico-fullscreen.png) 50% 50% no-repeat}
.popup-make-test .control .btn > input.full.on {background:url(../images/content/ico-fullscreen-off.png) 50% 50% no-repeat}
.popup-make-test .control .btn > input.full.on + .tooltip .tip span {display:block}
.list-test-question {/*position:relative; z-index:1;*/ width:446px; /*min-height:100%;*/ height:100%; text-align:left}
.list-test-question li.disabled {opacity:.4}
.list-test-question li {position:relative; width:446px; border:1px solid #e0e0e0; overflow:hidden; /*-webkit-transition:border .3s; transition:border .3s;*/ background:#fff}
.list-test-question li:not(.disabled):hover {border-color:#f39191}
.list-test-question li ~ li {margin-top:15px}
.list-test-question li .img img {display:block; width:100%}
.list-test-question li .info:after {content:""; display:block; clear:both}
.list-test-question li .info *{float:left; line-height:32px; height:32px; border-bottom:1px solid #e0e0e0; box-sizing:border-box}
.list-test-question li .info strong {width:81px; padding-left:16px; background:#f1f1f1}
.list-test-question li .info span {padding:0 15px 0 20px; border-left:1px solid #e0e0e0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.list-test-question li .info1 span {width:363px; color:#0f3653}
.list-test-question li .info2 strong ~ strong {width:73px; border-left:1px solid #e0e0e0}
.list-test-question li .info2 span {width:182px}
.list-test-question li .info2 span ~ span {width:108px; color:#ff5c5c}
.list-test-question li .control {position:absolute; left:0; top:-200%; width:100%; height:100%; text-align:center; background:rgba(255,255,255,.6); opacity:0; /*-webkit-transition:opacity .5s; transition:opacity .5s;*/}
.list-test-question li:not(.disabled):hover .control {top:0; opacity:1}
.list-test-question li .control:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.list-test-question li .control .inner {display:inline-block; vertical-align:middle}
.list-test-question li .control .inner a {display:inline-block; width:51px; height:51px; background-color:#ff5c5c; background-position:50% 50%; background-repeat:no-repeat; text-align:left; text-indent:-999em; overflow:hidden; border-radius:100%; margin:0 8px}
.list-test-question li .control .inner .add {background-image:url(../images/content/ico-question-add.png)}
.list-test-question li .control .inner .up {background-image:url(../images/content/ico-question-up.png)}
.list-test-question li .control .inner .down {background-image:url(../images/content/ico-question-down.png)}
.list-test-question li .control .inner .del {background-image:url(../images/content/ico-question-del.png)}
.list-test-question li .control .inner .listen {background-image:url(../images/content/ico-make-listen.png)}
.list-test-question li .control .inner .listen.paused {background-image:url(../images/content/ico-question-play.png); background-position:58% 50%}
.list-test-question li .control .inner .listen.played {background-image:url(../images/content/ico-question-pause.png)}
.process2 .list-test-question li .control .inner .del,
.process2 .list-test-question li .control .inner .up,
.process2 .list-test-question li .control .inner .down {display:none}
.process3 .list-test-question li .control .inner .add {display:none}
.hidden-audio {position:fixed; left:0; top:-999em; z-index:1000; height:200px; width:200px; overflow:hidden}

/* 특화자료 */
.section-specialize section.content header.content {border-bottom:none}
.section-specialize .list-media {border-top:1px solid #eaeaea}
.section-specialize .list-media:after {content:""; display:block; clear:both}
.section-specialize .list-media .set {float:left; position:relative; width:33.33%; position:relative; padding:44px 26px 21px}
.section-specialize .list-media .set:nth-child(3n+1):after {content:""; position:absolute; left:0; bottom:0; width:300%; height:1px; background:#eaeaea}
.section-specialize .list-media .set input[type="checkbox"] + label {position:absolute; left:24px; top:16px}
.section-specialize .list-media .set .img {overflow:hidden; width:247px; height:140px}
.section-specialize .list-media .set .img img {width:100%; height:140px}
.section-specialize .list-media .set .info {position:relative; padding-top:13px}
.section-specialize .list-media .set .info strong {display:block; overflow:hidden; text-overflow:ellipsis; width:90%; line-height:1.3em; margin-bottom:6px; font-weight:bold; font-size:16px; color:#3d3d3d}
.section-specialize .list-media .set .info strong a {max-width:100%; white-space:nowrap; line-height:1.3em; font-weight:bold; font-size:16px; color:#3d3d3d}
.section-specialize .list-media .set .info strong .card {display:inline-block; width:24px; height:18px; margin-right:8px; font-size:0; text-indent:-9999em; vertical-align:top; background:url(../images/content/ico-cardboard.png) no-repeat}
.section-specialize .list-media .set .info .date {font-weight:bold; font-size:14px; color:#aaa}
.section-specialize .list-media .set .info .date > span {position:relative; margin-left:24px; font-weight:normal; color:#6a6a6a}
.section-specialize .list-media .set .info .date > span:after {content:""; position:absolute; left:-12px; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:3px; background:#d1d1d1}
.section-specialize .list-media .set .info .link-scrap {position:absolute; right:-10px; top:50%; margin-top:-2px}
.section-specialize .list-media.video .set .img {background:#f7f7f7 url(../images/content/bg-img-type2.png) center no-repeat; background-size:cover}
.section-specialize .list-media.video .set .img a {display:block; position:relative}
.section-specialize .list-media.video .set .img a:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/content/bg-play.png) center no-repeat; opacity:0.5}
.section-specialize .list-media.video .set .img a:hover:after {opacity:1}
.section-specialize .list-media .set.coming .img {background:#f7f7f7 url(../images/content/bg-coming.png) center no-repeat}
/* 과목별 자료실 */
.section-specialize.subject section.content {padding-top:41px}
.section-specialize.subject section.content header.content {border-bottom:none}
.section-specialize.subject .introduce-area {padding:30px 54px; border:1px solid #dde7ed; background:#f6f8fb}
.section-specialize.subject .introduce-area:after {content:""; display:block; clear:both}
.section-specialize.subject .introduce-area .book {float:left; width:205px}
.section-specialize.subject .introduce-area .book .img {overflow:hidden; width:205px; border:1px solid #d4d4d4}
.section-specialize.subject .introduce-area .book .img img {max-width:100%}
.section-specialize.subject .introduce-area .book .btns {padding-top:10px; font-size:0; text-align:center}
.section-specialize.subject .introduce-area .book .btns a {display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; border:1px solid #e2e2e2; background:#fff; box-sizing:border-box}
.section-specialize.subject .introduce-area .book .btns a ~ a {margin-left:5px}
.section-specialize.subject .introduce-area .book .btns a span {display:inline-block; vertical-align:middle; font-weight:bold; font-size:13px; color:#757575}
.section-specialize.subject .introduce-area .book .btns a.preview span {padding-left:16px; background:url(../images/content/ico-preview-large.png) 0 0 no-repeat; background-size:12px auto}
.section-specialize.subject .introduce-area .book .btns a.request span {padding-left:18px; background:url(../images/content/ico-email-large.png) 0 1px no-repeat; background-size:14px auto}
.section-specialize.subject .introduce-area .book .btns a:hover {color:#386689; border-color:#a3afbb}
.section-specialize.subject .introduce-area .book .btns a.preview:hover span {background:url(../images/content/ico-preview-large-on.png) 0 0 no-repeat; background-size:12px auto}
.section-specialize.subject .introduce-area .book .btns a.request:hover span {background:url(../images/content/ico-email-large-on.png) 0 1px no-repeat; background-size:14px auto}
.section-specialize.subject .introduce-area .desc {float:left; width:calc(100% - 205px); padding:10px 0 0 45px}
.section-specialize.subject .introduce-area .desc .tit {display:block; padding-bottom:28px; font-weight:bold; font-size:22px; color:#262626}
.section-specialize.subject .introduce-area .desc .more {display:none}
.section-specialize.subject .introduce-area .desc .detail {padding-top:26px; border-top:1px solid #dde7ed}
.section-specialize.subject .introduce-area .desc .detail strong {/*display:block; line-height:1.7em;*/ font-weight:700; /*font-size:16px;*/ word-break:keep-all}
.section-specialize.subject .introduce-area .desc .detail p {margin:5px 0; line-height:1.75em; font-size:14px}
.section-specialize.subject .introduce-area .nodata {padding:40px 60px 26px 0; text-align:center}
.section-specialize.subject .introduce-area .nodata p {padding-top:70px; font-weight:bold; font-size:14px; color:#919191; background:url(../images/common/bg-nodata.png) 50% 0 no-repeat}
.section-specialize.subject .tbl-basic.media table tbody td.thumb {padding-left:0}
.section-specialize.subject .tbl-basic.media table tbody td.tit {padding-left:20px}
.section-specialize.subject .tbl-basic.media table tbody td.tit > strong {display:block; overflow:hidden; text-overflow:ellipsis}
.section-specialize.subject .tbl-basic.media table tbody td.tit > strong a {max-width:100%; white-space:nowrap}
.section-specialize.subject .tbl-basic.media table tbody td.tit .detail {overflow:hidden; text-overflow:ellipsis; padding-top:5px}
.section-specialize.subject .tbl-basic.media table tbody td.tit .detail a {max-width:100%; white-space:nowrap; font-weight:normal; font-size:14px; color:#6a6a6a}
.section-specialize.subject .tbl-basic.media tbody td.tit .period strong {color:#aaa}
.section-specialize.subject .btns-submit .btn-gray {width:107px}
.section-specialize.subject-detail section.content header.content h3 {font-weight:bold}
.section-specialize.subject-detail section.content header.content h3 > .subtit {margin-left:10px; font-weight:normal; font-size:16px; color:#696969}
.section-specialize.subject-detail .btns-submit .btnset-gray a:first-child {width:99px}
/* 자료신청 팝업 */
.popup-data-request .popup-section {width:700px}
.popup-data-request .popup-content .note {margin-top:-3px; padding-bottom:16px}
.popup-data-request .popup-content .note ul li {position:relative; line-height:1.5em; padding-left:10px; font-size:14px; color:#7a7a7a}
.popup-data-request .popup-content .note ul li span {display:block; line-height:1.5em}
.popup-data-request .popup-content .note ul li:after {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.popup-data-request .popup-content .tbl-format table tbody td {padding-top:10px; padding-bottom:10px}
.popup-data-request .popup-content .tbl-format table tbody td .hyphen {margin:0 8px}
.popup-data-request .popup-content .tbl-format table tbody td .frm-set a {margin-left:10px; font-size:13px; vertical-align:top}
.popup-data-request .popup-content .tbl-format table tbody tr.add th {vertical-align:top}
.popup-data-request .popup-content .tbl-format table tbody tr.add td > input[type="text"] {margin-top:5px}
/* 우편번호찾기 팝업 */
.popup-find-post .popup-section {width:700px}
.popup-find-post .popup-section .search-content {padding:20px; border:1px solid #eaeaea; background:#f7f7f7}
.popup-find-post .popup-section .search-content:after {content:""; display:block; clear:both}
.popup-find-post .popup-section .search-content input[type="text"] {float:left}
.popup-find-post .popup-section .search-content a {float:right; width:82px}
.popup-find-post .popup-section .nodata-notice {padding:75px 0 73px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7}
.popup-find-post .popup-section .nodata-notice p {padding-top:70px; line-height:1.6em; font-size:14px; color:#919191; background:url(../images/common/bg-notice.png) 50% 0 no-repeat}
.popup-find-post .popup-section .nodata-notice p span {display:block; line-height:inherit}
.popup-find-post .popup-section .tbl-basic {position:relative; overflow-x:hidden; overflow-y:auto; font-size:0; max-height:230px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.popup-find-post .popup-section .tbl-basic table thead th {border-top:none}
.popup-find-post .popup-section table.tbl-fixable thead th {padding:21px 0 18px; font-weight:bold; font-size:14px; color:#565656; text-align:center; background:#fdf3f2}
.popup-find-post .popup-section .tbl-basic tbody td {padding-top:17px; padding-bottom:13px}
.popup-find-post .popup-section .tbl-basic table tbody tr:last-child td {border-bottom:none}
.popup-find-post .popup-section .tbl-basic tbody td.tit {font-weight:bold; color:#3d3d3d}
.popup-find-post .popup-section .tbl-basic tbody td.tit strong {font-weight:bold}
.popup-find-post .popup-section .tbl-basic tbody td.sel {text-align:center}
.popup-find-post .popup-section .tbl-basic tbody td.add {font-weight:normal; font-size:14px; color:#797979}
.popup-find-post .popup-section .tbl-basic tbody td.add p.list ~ p.list {margin-top:5px}
.popup-find-post .popup-section .tbl-basic tbody td.add p.list:after {content:""; display:block; clear:both}
.popup-find-post .popup-section .tbl-basic tbody td.add p.list span {float:left; display:inline-block; vertical-align:middle; width:35px; height:18px; margin-right:7px; line-height:20px; text-align:center; font-size:10px; font-weight:normal; color:#fff; border-radius:2px; background:#ababab}
.popup-find-post .popup-section .tbl-basic tbody td.add p.list strong {float:left; display:inline-block; vertical-align:middle; width:calc(100% - 42px); line-height:18px}
.popup-find-post .popup-section .tbl-basic tbody td.nodata {padding:44px 0 38px}
.popup-find-post .popup-section .tbl-basic tbody tr.on td {position:relative; border-color:#ebf5ff; background:#ebf5ff}
.popup-find-post .popup-section .tbl-basic tbody tr.on td:after {content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#ebf5ff}
.popup-find-post .popup-section .tbl-basic table tbody tr:hover td {background:#ebf5ff}
.popup-find-post .popup-section .tbl-basic table tbody tr:hover td a {color:#3d3d3d}
/* 창의적 체험활동 - 이달의 키워드 */
.section-specialize.keyword .monthy-keyword {position:relative; margin-bottom:30px; visibility:hidden}
.section-specialize.keyword .monthy-keyword .slick-initialized {visibility:visible}
.section-specialize.keyword .monthy-keyword .inner {overflow:hidden}
.section-specialize.keyword .monthy-keyword .inner .key {float:left; position:relative}
.section-specialize.keyword .monthy-keyword .inner .key img {width:100%}
.section-specialize.keyword .monthy-keyword .inner .key img.img-m {display:none}
.section-specialize.keyword .monthy-keyword .inner .key .more {position:absolute; right:32px; top:133px; line-height:10px; padding-left:12px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/content/bg-arrow-more.png) 0 0 no-repeat}
.section-specialize.keyword .monthy-keyword .slick-dots {position:absolute; left:0; right:0; bottom:30px; text-align:center}
.section-specialize.keyword .monthy-keyword .slick-dots li {display:inline-block}
.section-specialize.keyword .monthy-keyword .slick-dots li ~ li {margin-left:7px}
.section-specialize.keyword .monthy-keyword .slick-dots li button {width:13px; height:13px; border-radius:13px; font-size:0; text-indent:-9999em; background:#cecece}
.section-specialize.keyword .monthy-keyword .slick-dots li.slick-active button {background:#103b58}
.section-specialize.keyword .box-sort {margin-bottom:0}
.section-specialize.keyword .tbl-basic.media table tbody td.thumb {padding-left:0}
.section-specialize.keyword .tbl-basic.media table tbody td.tit {padding-left:10px}
.section-specialize.keyword .tbl-basic.media table tbody td.tit .keyword {padding-bottom:8px; font-size:14px; color:#6a6a6a}
.section-specialize.keyword .tbl-basic.media table tbody td.tit > strong {display:block; overflow:hidden; text-overflow:ellipsis}
.section-specialize.keyword .tbl-basic.media table tbody td.tit > strong a {max-width:100%; white-space:nowrap}
.section-specialize.keyword .btns-submit .btn-gray {width:107px}
/* 창의적 체험활동 - AR, VR */
.section-specialize.reality .btns-submit .btn-gray {width:107px}
.section-specialize.reality.vr .sub-section .box {margin-top:-2px; padding-left:168px; background-image:url(../images/content/bg-ico-vr.png); background-position:31px center; background-repeat:no-repeat}
.section-specialize.reality.vr .sub-section .box .desc {margin-top:15px}
.section-specialize.reality.vr .sub-section .box .desc li {line-height:1.8em; font-size:14px; color:#6c6b6b}
.section-specialize.reality.vr .sub-section .box .desc li.m {display:none}
.section-specialize.reality.vr .sub-section .box .extra {margin-top:12px}
.section-specialize.reality.vr .sub-section .box .extra li {line-height:1.4em}
.section-specialize.reality.vr .sub-section .box .extra li ~ li {margin-top:4px}
.section-specialize.reality.vr .sub-section .box .extra li span {display:block; margin-left:12px}
/* 선생님 채널 */
.section-specialize.teacher-channel section.content .sub-section .box {padding:0; border:none; background:none}
.section-specialize.teacher-channel section.content .sub-section .box img.mobile {display:none}
/* .section-specialize.teacher-channel .sub-section .box p.desc {padding-top:15px; line-height:1.6em; font-size:14px; color:#6c6b6b}
.section-specialize.teacher-channel .sub-section .box p.desc span {display:block; line-height:1.6em}
.section-specialize.teacher-channel .sub-section .box.sort2 {background-image:url(../images/content/bg-teacher-sort2.png); background-position:30px 50%; background-repeat:no-repeat} */
.section-specialize.teacher-channel .tbl-basic.media table tbody td.thumb {padding-left:0}
.section-specialize.teacher-channel .tbl-basic.media table tbody td.tit {padding-left:10px}
.section-specialize.teacher-channel .tbl-basic.media table tbody td.tit > strong {display:block; overflow:hidden; text-overflow:ellipsis}
.section-specialize.teacher-channel .tbl-basic.media table tbody td.tit > strong a {max-width:100%; white-space:nowrap}
.section-specialize.teacher-channel .tbl-basic.media table tbody td.tit .detail {padding-top:5px}
.section-specialize.teacher-channel .tbl-basic.media table tbody td.tit .detail a {overflow:hidden; text-overflow:ellipsis; max-width:472px; white-space:nowrap; font-weight:normal; font-size:14px; color:#6a6a6a}
.section-specialize.teacher-channel .btns-submit .btn-gray {width:107px}
/* Y클라우드 소식지 */
.section-specialize.ynews .monthy-ynews {position:relative; margin-bottom:30px}
.section-specialize.ynews .monthy-ynews .inner {overflow:hidden}
.section-specialize.ynews .monthy-ynews .inner .key {float:left; position:relative}
.section-specialize.ynews .monthy-ynews .inner .key img {width:100%}
.section-specialize.ynews .monthy-ynews .inner .key img.img-m {display:none}
.section-specialize.ynews .monthy-ynews .inner .key .more {position:absolute; right:32px; top:133px; line-height:10px; padding-left:12px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/content/bg-arrow-more.png) 0 0 no-repeat}
.section-specialize.ynews .monthy-ynews .slick-dots {position:absolute; left:0; right:0; bottom:30px; text-align:center}
.section-specialize.ynews .monthy-ynews .slick-dots li {display:inline-block}
.section-specialize.ynews .monthy-ynews .slick-dots li ~ li {margin-left:7px}
.section-specialize.ynews .monthy-ynews .slick-dots li button {width:13px; height:13px; border-radius:13px; font-size:0; text-indent:-9999em; background:#cecece}
.section-specialize.ynews .monthy-ynews .slick-dots li.slick-active button {background:#103b58}
.section-specialize.ynews section.content .sub-section .box-sort.year {position:relative; padding:24px 20px 12px}
.section-specialize.ynews section.content .sub-section .box-sort.year strong.year {display:block; padding-bottom:2px; font-family: 'Co Headline Corp'; font-size:26px; color:#262626; text-align:center}
.section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr {position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; font-size:0}
.section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr.prev {left:5px; background:url(../images/content/bg-btn-year-prev.png) 50% 50% no-repeat}
.section-specialize.ynews section.content .sub-section .box-sort.year a.btns-arr.next {right:5px; background:url(../images/content/bg-btn-year-next.png) 50% 50% no-repeat}
.section-specialize.ynews section.content .sub-section .box-sort.year ul li {padding:7px 0; text-align:center}
.section-specialize.ynews section.content .sub-section .box-sort.year ul li .btns-sort {float:none; display:inline-block; width:auto; margin:0}
.section-specialize.ynews section.content .sub-section .ynews-articles .article:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 {padding-top:30px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple .head {height:52px;} /*2019.03.30 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple .path.type2 {position:absolute;}/*2019.03.30 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 {padding-top:40px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap {float:left; width:calc(50% - 10px); background:#f7f7f7}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap ~ .wrap {margin-left:20px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .wrap {position:relative; padding:28px 29px 30px; border:1px solid #ddd}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head {display:block; margin-bottom:20px; padding-bottom:9px; border-bottom:1px solid #eaeaea}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon {display:inline-block; height:26px; font-size:0; text-indent:-9999em; vertical-align:middle}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon1 {width:133px; background:url(../images/content/bg-tit-article1.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon2 {width:106px; background:url(../images/content/bg-tit-article2.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon3 {width:161px; background:url(../images/content/bg-tit-article3.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon4 {width:109px; background:url(../images/content/bg-tit-article4.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon5 {width:144px; background:url(../images/content/bg-tit-article5.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon6 {width:148px; background:url(../images/content/bg-tit-article6.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon7 {width:99px; background:url(../images/content/bg-tit-article7.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path {float:right; line-height:26px; font-size:12px; color:#606060; vertical-align:middle; white-space:nowrap}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path * {position:relative; line-height:1.4em; margin-left:15px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path > span:after,
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path > strong:after {content:""; position:absolute; left:-9px; top:50%; width:4px; height:7px; margin-top:-4px; background:url(../images/content/bg-path.png) 0 0 no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path > strong {color:#0f3653; white-space:nowrap}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap {height:539px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .head .path {color:#7a7a7a}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .head .path,
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .head .path {display:inline-block; float:none; line-height:24px; margin:2px 0 0 20px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .img {overflow:hidden; width:220px; height:140px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .img img {width:100%}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .img.m, .section-specialize.ynews section.content .sub-section .ynews-articles .article .img img.m {display:none} /*2019-06-28*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .img {width:365px; height:185px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .cont {padding-top:30px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .wrap .cont {padding-bottom:67px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .tit {display:block; margin-top:-5px; line-height:1.5em; font-weight:bold; font-size:20px; word-break:keep-all}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .cont p {padding-top:12px; line-height:1.5em; font-size:14px; color:#6a6a6a}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .more {position:absolute; right:30px; bottom:30px; min-width:88px; height:33px; font-weight:bold; font-size:14px; color:#2880d2; text-align:center; border:1px solid #2880d2}/*2019-03-04 수정*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article .more span {display:inline-block; line-height:33px;padding:0 15px;} /*2019-03-04 수정*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article .more.detail {width:102px; color:#ef3939; border-color:#ef3939}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1 .wrap .more {color:#ef3939; border:1px solid #ef3939}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .wrap:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .img {float:left}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .cont {float:left; width:calc(100% - 250px); margin-left:30px; padding-top:0}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .triple {display:table; border:1px solid #ddd; border-top:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .triple:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .triple > .wrap {display:table-cell; width:calc(100% - 590px); border:none; border-left:1px solid #ddd}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .triple > .wrap .img {float:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .triple > .wrap .cont {float:none; width:100%; margin-left:0; padding-top:20px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .double {display:table-cell; width:590px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .double .wrap {border:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .double .wrap .cont p {padding-top:4px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .double .wrap .cont .tit span {display:block; padding:5px 0 7px; font-size:14px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .double .wrap ~ .wrap {border-top:1px solid #ddd}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .head {padding-bottom:0; border-bottom:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap {padding:0; border:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner {position:relative; padding:28px 29px 30px; border:1px solid #ddd; background:#f7f7f7}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner > .img {float:left}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont {float:left; width:calc(100% - 250px); margin-left:30px; padding:0 0 67px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img.full {float:noen;width:auto;height:auto;padding-top:47px;}/*2019.03.30 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img.full + .cont {float:noen;width:100%;padding-bottom:15px;margin-left:0;}/*2019.03.30 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .img.full + .cont .tit {position:absolute;top:29px;}
/* .section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .cont {padding:0} */ /*2019-03-04 수정*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner .more {background:#fff}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner  ~ .inner {border-top:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .cont {float:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .cont p {padding-top:5px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .cont {width:100%; margin-left:0; padding:0 0 25px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul {margin-top:-20px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li {float:left; width:50%; height:200px; margin-top:20px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li:after {content:""; display:block; clear:both}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li .img {float:left; overflow:hidden; width:140px; height:200px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li .img img.m {display:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article3 .wrap .inner.list .books ul li p {float:left; width:calc(100% - 164px); margin-top:-4px; padding-left:20px; font-size:14px; color:#6a6a6a; line-height:1.5em}
/* new style 9월 기준 공통 181002 */
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .path.type2 {display:block; float:none; line-height:20px; padding-top:6px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack {padding:30px; border:1px solid #ddd; background:#f7f7f7}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner {float:left; position:relative; width:calc(50% - 15px); height:386px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner ~ .inner {margin-left:30px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .inner .cont .tit .path {margin-left:20px; font-weight:normal; font-size:12px; color:#7a7a7a; vertical-align:middle}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .more {right:0; bottom:0}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack ~ .article1.pack {border-top:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack ~ .article1.pack .inner {height:365px}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack ~ .article1.pack .inner.h410 {height:410px} /*2019-06-28*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article1.pack .img,
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row .img {overflow:hidden; width:100%; height:auto}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row {border-left:none}
.section-specialize.ynews section.content .sub-section .ynews-articles .article.article2 .triple.row > .wrap {width:33.33%}
/* //new style 9월 기준 공통 */
/* 6월 */
.section-specialize.ynews section.content .sub-section.ynews6 .ynews-articles .article.article3 .wrap .inner {padding-bottom:80px}
/* 9월 */
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 {padding:30px; border:1px solid #ddd; background:#f7f7f7}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner {float:left; position:relative; width:calc(50% - 15px); height:386px}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner ~ .inner {margin-left:30px}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .inner .cont .tit .path {margin-left:20px; font-weight:normal; font-size:12px; color:#7a7a7a; vertical-align:middle}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .more {right:0; bottom:0}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 ~ .article1 {border-top:none}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 ~ .article1 .inner {height:365px}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article1 .img,
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article2 .triple .img {overflow:hidden; width:100%; height:auto}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article2 .head .path {display:block; float:none; line-height:20px; padding-top:6px}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article.article3 .wrap .inner {padding-bottom:85px}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .triple {border-left:none}
.section-specialize.ynews section.content .sub-section.ynews9 .ynews-articles .article .triple > .wrap {width:33.33%}
/* 10월 */
.section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article1.pack .inner,
.section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article1.pack ~ .article1.pack .inner {height:404px}
.section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article2 .wrap {padding-left:25px; padding-right:25px}
.section-specialize.ynews section.content .sub-section.ynews10 .ynews-articles .article.article3 .wrap .inner {padding-bottom:85px}
/* 11월 */
.section-specialize.ynews section.content .sub-section.ynews11 .ynews-articles .article.article3 .img {width:370px}
.section-specialize.ynews section.content .sub-section.ynews11 .ynews-articles .article.article3 .wrap .inner .cont {width:calc(100% - 400px); padding-bottom:67px}
/* 12월 : 2018-12-04 추가*/
.section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article.article1.pack ~ .article1.pack .inner {height:395px}
.section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article.article3 .img {width:290px}
.section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article.article3 .wrap .inner .cont {width:calc(100% - 320px); padding-bottom:67px}
.section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article .head .path.w {display:block;}
.section-specialize.ynews section.content .sub-section.ynews12 .ynews-articles .article .head .path.m {display:none;}
/* (s)2019년 5월 : 2019-04-25 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon8 {width:197px; background:url(../images/content/bg-tit-article8.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon9 {width:197px; background:url(../images/content/bg-tit-article9.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon10 {width:197px; background:url(../images/content/bg-tit-article10.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section .ynews-articles .article .head .icon11 {width:197px; background:url(../images/content/bg-tit-article11.png) 0 bottom no-repeat}
.section-specialize.ynews section.content .sub-section.ynews1905 .ynews-articles .article.article1.pack .inner .cont {padding-top:10px;}
.section-specialize.ynews section.content .sub-section.ynews1905 .ynews-articles .article.article1.pack .inner .cont .tit .path {margin-left:0; }
.section-specialize.ynews section.content .sub-section.ynews1905 .ynews-articles .article .wrap .cont {padding-bottom: 45px;}
/* (e)2019년 5월 : 2019-04-25 추가*/

/* (s)2019년 6월 : 2019-06-03 추가*/
.section-specialize.ynews section.content .sub-section .ynews-articles .article .cont .tit {margin-top:0;line-height:1.2em;}
.section-specialize.ynews section.content .sub-section.ynews1905 .ynews-articles .article.article1.pack .inner .cont .tit .path {display:inline-block;margin-left:0;margin-bottom:8px; }
/* (e)2019년 6월 : 2019-06-03 추가*/

/* 자기계발 자료 - Ted Talk */
.section-specialize.share section.content header.content {border-bottom:1px solid #ececec}
.section-specialize.share .box-sort {margin-bottom:0}
.section-specialize.share .btns-submit .btn-gray {width:107px}
/* 자기계발 자료 - 뉴스클립 */
.section-specialize.trend section.content header.content {border-bottom:1px solid #ececec}
.section-specialize.trend .tbl-basic table tbody tr td.tit {overflow:hidden; text-overflow:ellipsis}
.section-specialize.trend .tbl-basic table tbody tr td.tit a {white-space:nowrap; max-width:100%; font-weight:normal}
/* 매거진 */
.section-specialize.magazine .magazine-title {margin-bottom:30px}
.section-specialize.magazine .magazine-title img.m {display:none}
.section-specialize.magazine .magazine-area {position:relative; border:1px solid #ddd}
.section-specialize.magazine .magazine-area:after {content:""; display:block; clear:both}
.section-specialize.magazine .magazine-area:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.section-specialize.magazine .magazine-area .item {float:left; width:50%; padding:30px; text-align:center}
.section-specialize.magazine .magazine-area .item .img {display:inline-block; position:relative; overflow:hidden; width:129px; height:181px}
.section-specialize.magazine .magazine-area .item .img img {width:100%}
.section-specialize.magazine .magazine-area .item .img .links {display:none; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .8)}
.section-specialize.magazine .magazine-area .item .img .links:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.section-specialize.magazine .magazine-area .item .img .links .inner {display:inline-block; vertical-align:middle}
.section-specialize.magazine .magazine-area .item .img .links .link {display:inline-block; position:relative; padding-top:43px}
.section-specialize.magazine .magazine-area .item .img .links .link:after {content:""; position:absolute; left:50%; top:0; width:36px; height:36px; margin-left:-18px; border-radius:100%; background:#f75b31 url(../images/content/ico-preview-wht.png) 50% 50% no-repeat}
.section-specialize.magazine .magazine-area .item .img .links .link ~ .link:after {background:#f75b31 url(../images/content/ico-down-wht.png) 50% 50% no-repeat}
.section-specialize.magazine .magazine-area .item .img .links .link ~ .link {margin-left:10px}
.section-specialize.magazine .magazine-area .item .img .links .link span {font-weight:bold; font-size:10px; color:#fff; letter-spacing:-0.05em}
.section-specialize.magazine .magazine-area .item .img:hover .links {display:block}
.section-specialize.magazine .magazine-area .item > .name {display:block; padding-top:20px; font-weight:bold; font-size:16px; color:#3d3d3d; letter-spacing:-0.03em}
.section-specialize.magazine .magazine-area .item > .name span {display:block; padding-top:8px}
.section-specialize.magazine .magazine-area .item .subs {padding-top:15px; text-align:left}
.section-specialize.magazine .magazine-area .item .subs:after {content:""; display:block; clear:both}
.section-specialize.magazine .magazine-area .item .subs > a {float:left; width:92px}
.section-specialize.magazine .magazine-area .item .subs .list {float:right; position:relative; width:calc(100% - 102px); height:40px; border:1px solid #ff5c5c}
.section-specialize.magazine .magazine-area .item .subs .list:after {content:""; position:absolute; right:20px; top:50%; width:0; height:0; margin-top:-2px; border-top:3.5px solid #ff5c5c; border-left:4px solid transparent; border-right:4px solid transparent}
.section-specialize.magazine .magazine-area .item .subs .list .toggle {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; line-height:38px; font-weight:bold; font-size:14px; color:#2f2f2f; letter-spacing:-0.03em; padding:0 20px; box-sizing:border-box}
.section-specialize.magazine .magazine-area .item .subs .list ul {display:none; position:absolute; left:-1px; right:-1px; top:38px; max-height:140px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; background:#f9f9f9}
.section-specialize.magazine .magazine-area .item .subs .list ul li {height:38px}
.section-specialize.magazine .magazine-area .item .subs .list ul li ~ li {border-top:1px solid #ddd}
.section-specialize.magazine .magazine-area .item .subs .list ul li:after {content:""; display:block; clear:both}
.section-specialize.magazine .magazine-area .item .subs .list ul li .name {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 106px); line-height:38px; padding-left:20px; font-weight:bold; font-size:14px; color:#2f2f2f; letter-spacing:-0.03em; box-sizing:border-box}
.section-specialize.magazine .magazine-area .item .subs .list ul li .btns {float:left; width:106px; height:38px; line-height:38px; text-align:center}
.section-specialize.magazine .magazine-area .item .subs .list ul li .btns a ~ a {position:relative; margin-left:18px}
.section-specialize.magazine .magazine-area .item .subs .list ul li .btns a ~ a:after {content:""; position:absolute; left:-10px; top:50%; width:1px; height:10px; margin-top:-5px; background:#bababa}
.section-specialize.magazine .magazine-area .item .desc {line-height:1.45em; margin-top:30px; padding-top:24px; font-size:14px; color:#6a6a6a; text-align:left; border-top:1px solid #ddd}
.section-specialize.magazine .magazine-area .item .download {padding-top:13px; text-align:left}
.section-specialize.magazine .magazine-area .item .download a {display:inline-block; padding-bottom:1px; font-size:13px; color:#ff5c5c; border-bottom:1px solid #ff5c5c}
.section-specialize.magazine .magazine-info {padding-top:50px}
.section-specialize.magazine .magazine-info:after {content:""; display:block; clear:both}
.section-specialize.magazine .magazine-info ul {float:left; width:50%}
.section-specialize.magazine .magazine-info ul:after {content:""; display:block; clear:both}
.section-specialize.magazine .magazine-info ul li {position:relative}
.section-specialize.magazine .magazine-info ul li:after {content:""; position:absolute}
.section-specialize.magazine .magazine-info ul li:nth-child(2) {margin-top:-4px}
.section-specialize.magazine .magazine-info ul li:nth-child(3) {margin-top:60px}
.section-specialize.magazine .magazine-info ul li:nth-child(4) {margin-top:-11px}
.section-specialize.magazine .magazine-info ul li .img {overflow:hidden; display:inline-block; width:134px; max-height:177px; box-shadow:3px 3px 8px rgba(0, 0, 0, .1)}
.section-specialize.magazine .magazine-info ul li .img img {width:100%}
.section-specialize.magazine .magazine-info ul li .img img.m {display:none}
.section-specialize.magazine .magazine-info ul li .info {width:calc(100% - 134px)}
.section-specialize.magazine .magazine-info ul li .info strong {display:inline-block; height:17px; font-size:0; text-indent:-9999em}
.section-specialize.magazine .magazine-info ul li .info strong.special {width:122px; background:url(../images/content/txt-special.png) no-repeat}
.section-specialize.magazine .magazine-info ul li .info strong.resources {width:89px; background:url(../images/content/txt-resources.png) no-repeat}
.section-specialize.magazine .magazine-info ul li .info strong.trend {width:105px; background:url(../images/content/txt-trend.png) no-repeat}
.section-specialize.magazine .magazine-info ul li .info p {line-height:1.8em; padding-top:9px; font-size:14px; color:#6a6a6a}
.section-specialize.magazine .magazine-info ul li .info p em {font-style:normal; font-size:14px; color:#0662a7; letter-spacing:0.02em}
.section-specialize.magazine .magazine-info ul li .info p span {display:block}
.section-specialize.magazine .magazine-info ul li .info p span.m {display:inline}
.section-specialize.magazine .magazine-info ul li.odd .info {float:right; padding:9px 0 0 20px}
.section-specialize.magazine .magazine-info ul li.even {text-align:right}
.section-specialize.magazine .magazine-info ul li.even .info {float:left; padding:60px 20px 0 0}
.section-specialize.magazine .magazine-info ul.mid li:first-child:after {bottom:-15px; left:112px; width:82px; height:54px; background:url(../images/content/bg-info-effect1.png) no-repeat}
.section-specialize.magazine .magazine-info ul.mid li:nth-child(3):after {top:-32px; left:150px; width:184px; height:95px; background:url(../images/content/bg-info-effect2.png) no-repeat}
.section-specialize.magazine .magazine-info ul.mid li:nth-child(4):after {top:54px; left:66px; width:50px; height:50px; background:url(../images/content/bg-info-effect3.png) no-repeat}
.section-specialize.magazine .magazine-info ul.mid li.even .img {margin-right:30px}
.section-specialize.magazine .magazine-info ul.mid li.even:nth-child(2) .info {padding-top:72px}
.section-specialize.magazine .magazine-info ul.mid li.even:nth-child(4) .info {padding-top:67px}
.section-specialize.magazine .magazine-info ul.high {border-left:1px solid #eaeaea}
.section-specialize.magazine .magazine-info ul.high li.odd .img {margin-left:30px}
.section-specialize.magazine .magazine-info ul.high li:first-child:after {top:-4px; right:28px; width:65px; height:58px; background:url(../images/content/bg-info-effect4.png) no-repeat}
.section-specialize.magazine .magazine-info ul.high li:nth-child(2):after {top:50px; left:138px; width:28px; height:34px; background:url(../images/content/bg-info-effect5.png) no-repeat}
.section-specialize.magazine .magazine-info ul.high li:nth-child(3):after {top:-29px; left:128px; width:191px; height:73px; background:url(../images/content/bg-info-effect6.png) no-repeat}
.section-specialize.magazine .magazine-info ul.high li:nth-child(4):after {top:56px; left:75px; width:46px; height:48px; background:url(../images/content/bg-info-effect7.png) no-repeat}
.section-specialize.magazine .magazine-info ul.high li.even:nth-child(2) .info {padding-top:52px}
.section-specialize.magazine .magazine-info ul.high li.even:nth-child(4) .info {padding-top:28px}
.section-specialize.magazine .magazine-info ul.mid li.even .info,
.section-specialize.magazine .magazine-info ul.high li.odd .info {width:calc(100% - 164px)}
.section-specialize.magazine .magazine-info + .notice {margin-top:65px; padding:20px 0; text-align:center; background:#efefef}
.section-specialize.magazine .magazine-info + .notice p {font-weight:bold; font-size:15px; color:#0f3653}
.section-specialize.magazine .magazine-info + .notice p span {display:block; padding-top:12px}
.section-specialize.magazine .comment-content {margin-top:0}
.section-specialize.magazine .popup-apply-material .agree-area {margin-top:0}
.section-specialize.magazine .popup-apply-material .agree-area .bx-agree {margin-bottom:20px; border:1px solid #e0e0e0}
.section-specialize.magazine .popup-apply-material .agree-area .bx-agree strong {padding-bottom:13px; font-size:14px; color:#565656}
.section-specialize.magazine .popup-apply-material .agree-area .bx-agree > ul > li {font-size:13px; color:#888}
.section-specialize.magazine .popup-apply-material .agree-area .bx-agree > ul > li ~ li {margin-top:10px}

/* 자유학기제 */
.section-freesemester.meaning section.content {padding-top:41px}
.section-freesemester.meaning section.content header.content {border-bottom:none}
.section-freesemester.meaning section.content .sub-section h4 {padding-left:17px; color:#386689; background:url(../images/content/bg-title-check.png) 0 3px no-repeat}
.section-freesemester .box-intro {padding:25px 0; text-align:center; line-height:1.6em; font-size:15px; color:#404040; letter-spacing:-0.03em; border:1px solid #dde7ed; background:#f6f8fb; box-sizing:border-box}
.section-freesemester .box-intro span {display:block; line-height:inherit}
.section-freesemester .box-intro2 {padding:17px 0 17px 20px; line-height:1.6em; font-size:14px; color:#404040; letter-spacing:-0.05em; border:1px solid #eaeaea; background:transparent; box-sizing:border-box}
.section-freesemester .box-intro2 span {display:block; line-height:inherit}
.section-freesemester .box-intro2 strong {font-weight:bold; color:#7498be}
.section-freesemester .list-dotted ul li {position:relative; padding-left:10px; line-height:1.57em; font-size:14px; color:#404040; letter-spacing:-0.05em}
.section-freesemester .list-dotted ul li:after {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:100%; background:#d1d1d1}
.section-freesemester .list-dotted ul li span {display:block; line-height:inherit}
.section-freesemester.meaning section.content header.content {border-bottom:none}
.section-freesemester.meaning .list-push-purpose {width:100%; padding:40px 0; text-align:center; border:1px solid #eaeaea}
.section-freesemester.meaning .list-push-purpose ul:after {content:""; display:block; width:100%; clear:both}
.section-freesemester.meaning .list-push-purpose ul li {float:left; display:block; width:calc(100%/3); height:214px; text-align:center}
.section-freesemester.meaning .list-push-purpose ul li ~ li {position:relative}
.section-freesemester.meaning .list-push-purpose ul li ~ li:after {content:""; display:block; position:absolute; top:50%; left:-2px; width:4px; height:4px; margin-top:-2px; border-radius:100%; background:#cad0d4}
.section-freesemester.meaning .list-push-purpose ul li strong {display:block; padding-top:100px; line-height:1.37em; font-weight:bold; font-size:16px; color:#404040; letter-spacing:-0.03em}
.section-freesemester.meaning .list-push-purpose ul li.li1 strong {background:url(../images/content/ico-push-purpose1.png) 50% 0 no-repeat}
.section-freesemester.meaning .list-push-purpose ul li.li2 strong {background:url(../images/content/ico-push-purpose2.png) 50% 0 no-repeat}
.section-freesemester.meaning .list-push-purpose ul li.li3 strong {background:url(../images/content/ico-push-purpose3.png) 50% 0 no-repeat}
.section-freesemester.meaning .list-push-purpose ul li div.cont {margin-top:5px; line-height:1.6em; font-size:14px; color:#404040; letter-spacing:-0.05em}
.section-freesemester.meaning .list-push-purpose ul li div.cont span {display:block; line-height:inherit}
.section-freesemester.meaning .btnset-gray .btn-gray {width:107px}
.section-freesemester.direction section.content header.content {margin-bottom:30px}
.section-freesemester.direction .list-direction > ul > li {height:77px; line-height:75px; padding-left:20px; border:1px solid #dde7ed; background:#f6f8fb; box-sizing:border-box}
.section-freesemester.direction .list-direction > ul > li ~ li {margin-top:10px}
.section-freesemester.direction .list-direction > ul > li span.tit {display:inline-block; vertical-align:middle; width:207px; line-height:1.3em; font-weight:bold; font-size:17px; color:#7498be; letter-spacing:-0.05em}
.section-freesemester.direction .list-direction > ul > li span.tit strong.num {display:inline-block; vertical-align:middle; width:42px; line-height:1.6em; font-family:"Co Headline Corp"; font-size:26px; letter-spacing:0}
.section-freesemester.direction .list-direction > ul > li .list-dotted {display:inline-block; vertical-align:middle}
.section-freesemester.direction .tbl-edu-form-m {display:none}
.section-freesemester.direction .tbl-edu-form {display:block; margin-top:10px; padding:30px 20px 17px; border:1px solid #eaeaea; box-sizing:border-box}
.section-freesemester.direction .tbl-edu-form table thead th {height:120px; vertical-align:top; text-align:left}
.section-freesemester.direction .tbl-edu-form table thead th span.tit {display:inline-block; padding-top:80px; line-height:1.25em; font-weight:bold; font-size:16px; letter-spacing:-0.05em}
.section-freesemester.direction .tbl-edu-form table thead th span.tit1 {margin-left:45px; color:#4c97dd; background:url(../images/content/ico-edu-form1.png) 50% 0 no-repeat}
.section-freesemester.direction .tbl-edu-form table thead th span.tit2 {color:#45b0ba; background:url(../images/content/ico-edu-form2.png) 50% 0 no-repeat}
.section-freesemester.direction .tbl-edu-form table thead th span.tit3 {margin-left:55px; color:#f26868; background:url(../images/content/ico-edu-form3.png) 50% 0 no-repeat}
.section-freesemester.direction .tbl-edu-form table tbody th {height:113px; padding-left:12px; padding-top:22px; vertical-align:top; text-align:left; font-weight:bold; font-size:15px; color:#272728; border-top:1px solid #eaeaea}
.section-freesemester.direction .tbl-edu-form table tbody td {height:113px; padding-top:17px; vertical-align:top; text-align:left; border-top:1px solid #eaeaea}
.section-freesemester.direction .list-activity-form {padding:0 20px; border:1px solid #eaeaea; box-sizing:border-box}
.section-freesemester.direction .list-activity-form > ul > li {padding:22px 0; box-sizing:border-box}
.section-freesemester.direction .list-activity-form > ul > li ~ li {border-top:1px solid #eaeaea}
.section-freesemester.direction .list-activity-form > ul > li span.tit {display:inline-block; vertical-align:middle; width:95px; height:30px; margin-right:15px; line-height:30px; text-align:center; font-weight:bold; font-size:13px; color:#fff; letter-spacing:-0.05em; border-radius:30px}
.section-freesemester.direction .list-activity-form > ul > li:nth-child(odd) span.tit {background:#7fb0de}
.section-freesemester.direction .list-activity-form > ul > li:nth-child(even) span.tit {background:#78c3ca}
.section-freesemester.direction .list-activity-form > ul > li .cont {display:inline-block; vertical-align:middle; line-height:1.57em; font-size:14px; color:#666666; letter-spacing:-0.05em}
.section-freesemester.direction .list-activity-form > ul > li .cont span {display:block; line-height:inherit}
.section-freesemester.news-list .tbl-basic table tbody tr td.tit a {font-weight:normal}
.section-freesemester.news-detail section.content header.content {border-bottom:none}
.section-freesemester.activity-data section.content header.content {border-bottom:none}
.section-freesemester.activity-data .intro-content {height:225px; text-align:center; border:1px solid #eaeaea; background:#f7f7f7; box-sizing:border-box}
.section-freesemester.activity-data .top-state > span {padding-top:0}
.section-freesemester.activity-data .tbl-basic.media table tbody td.thumb {padding-left:0}
.section-freesemester.activity-data .tbl-basic.media table tbody td.tit {padding-left:10px}
.section-freesemester.activity-data .tbl-basic.media table tbody td.tit > strong {display:block; overflow:hidden; text-overflow:ellipsis}
.section-freesemester.activity-data .tbl-basic.media table tbody td.tit > strong a {white-space:nowrap; max-width:100%}
.section-freesemester.activity-data .tbl-basic.media table tbody td.tit .detail {overflow:hidden; text-overflow:ellipsis; padding-top:5px}
.section-freesemester.activity-data .tbl-basic.media table tbody td.tit .detail a {white-space:nowrap; max-width:100%; font-weight:normal; font-size:14px; color:#6a6a6a}
.section-freesemester.activity-data .tbl-basic.media tbody td.tit .period strong {color:#aaa}
.section-freesemester.activity-data .btnset-gray .btn-gray {width:107px}
.section-freesemester.relation-site section.content header.content {border-bottom:none}
.section-freesemester.relation-site .box-sort {margin-bottom:0}
.section-freesemester.relation-site .tbl-basic.media table tbody td.tit {padding-left:10px}
.section-freesemester.relation-site .tbl-basic.media table tbody td.tit .detail {padding-top:5px}
.section-freesemester.relation-site .tbl-basic.media table tbody td.tit .detail a {font-weight:normal; font-size:14px; color:#6a6a6a; overflow:visible; text-overflow:clip; white-space:normal}
.section-freesemester.meaning .tbl-basic.media table tbody td.tit .detail a {max-width:100%; white-space:nowrap; font-weight:normal; font-size:14px; color:#6a6a6a}

/* 검색 */
.section-search .cont-section {padding:39px 71px 60px}
.section-search .cont-section header.content {display:none}
.section-search .search-area {padding-bottom:25px; text-align:center}
.section-search .search-area .frm-search {display:inline-block; position:relative}
.section-search .search-area .frm-search:after {content:""; display:block; clear:both}
.section-search .search-area .frm-search input[type="text"] {float:left; width:503px; height:45px; font-size:15px; color:#2f2f2f; border:3px solid #175b8d; box-sizing:border-box}
.section-search .search-area .frm-search input[type="text"] + a {float:left;  width:96px; height:45px; line-height:45px; font-weight:bold; font-size:15px; color:#fff; background:#175b8d; box-sizing:border-box}
.section-search .search-area .frm-search .auto-keyword {position:absolute; left:0; top:42px; right:0; z-index:2; text-align:left}
.section-search .search-area .frm-search .auto-keyword ul li {padding:8px 17px; border-left:1px solid #acb2b7; border-right:1px solid #acb2b7; background:#fff}
.section-search .search-area .frm-search .auto-keyword ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; line-height:1.26em; font-size:15px; color:#2f2f2f}
.section-search .search-area .frm-search .auto-keyword ul li a strong {font-weight:bold}
.section-search .search-area .frm-search .auto-keyword ul li:first-child {padding-top:16px; border-top:1px solid #acb2b7}
.section-search .search-area .frm-search .auto-keyword ul li:last-child {padding-bottom:16px; border-bottom:1px solid #acb2b7}
.section-search .search-area > p {padding-top:22px; font-size:15px; color:#626262}
.section-search .search-area > p em {font-style:normal; font-weight:bold}
.section-search .btns-basic.large a.active {color:#0f3653}
.section-search .btns-basic.large a.active:after {border-color:#0f3653}
.section-search .box-sort {margin-top:20px; margin-bottom:0}
.section-search .search-section .result-section {margin-top:20px; padding:0 20px 30px; border:1px solid #e0e0e0}
.section-search .search-section .result-section .head {position:relative}
.section-search .search-section .result-section .head h4 {position:relative; padding:30px 0 15px 9px; font-weight:bold; font-size:15px; color:#2f2f2f}
.section-search .search-section .result-section .head h4:after {content:""; position:absolute; left:0; top:37px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.section-search .search-section .result-section .head a.more {position:absolute; right:0; top:18px; width:76px}
.section-search .search-section.nodata {padding-top:11px}
.section-search .search-section.nodata .cap-nodata {padding:60px 0 56px; text-align:center; background:#f7f7f7}
.section-search .search-section.nodata .cap-nodata > p {padding-top:70px; font-weight:bold; font-size:22px; color:#2f2f2f; background:url(../images/common/bg-tbl-nodata.png) center 0 no-repeat}
.section-search .search-section.nodata .cap-nodata > p em {font-style:normal}
.section-search .search-section.nodata .cap-nodata ul {margin-top:22px}
.section-search .search-section.nodata .cap-nodata ul li {line-height:1.75em; font-size:14px; color:#6c6b6b}
.section-search .search-section.nodata .cap-nodata ul li p {display:inline-block; position:relative; padding-left:8px}
.section-search .search-section.nodata .cap-nodata ul li p:after {content:""; position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:3px; background:#aeaeae}
.section-search .search-section.nodata .recomm-words {padding-top:40px}
.section-search .search-section.nodata .recomm-words:after {content:""; display:block; clear:both}
.section-search .search-section.nodata .recomm-words .cont {float:left; width:calc(50% - 15px)}
.section-search .search-section.nodata .recomm-words .cont ~ .cont {margin-left:30px}
.section-search .search-section.nodata .recomm-words .cont strong {font-weight:bold; font-size:18px; color:#2f2f2f}
.section-search .search-section.nodata .recomm-words .cont ul {display:inline-block; column-count:2; width:100%; margin-top:20px; padding:17px 20px 20px; border:1px solid #e0e0e0}
.section-search .search-section.nodata .recomm-words .cont ul li {padding:10px; box-sizing:border-box}
.section-search .search-section.nodata .recomm-words .cont ul li a {display:inline-block; font-size:15px; color:#606060}
.section-search .search-section.nodata .recomm-words .cont ul li span {display:inline-block; vertical-align:middle; width:21px; height:22px; line-height:22px; margin-right:12px; font-weight:bold; font-size:13px; color:#fff; text-align:center; border-radius:2px; background:#a0a0a0}
.section-search .search-section.nodata .recomm-words .cont ul li a:hover {font-weight:bold; color:#ff5d5b}
.section-search .search-section.nodata .recomm-words .cont ul li a:hover span {background:#ff5d5b}
.section-search .search-section.nodata .recomm-words .cont ul li:nth-child(5) ~ li {padding-left:4px}
.section-search .search-section.nodata .center {margin-top:28px; padding:30px 30px 28px; border:1px solid #e0e0e0}
.section-search .search-section.nodata .center:after {content:""; display:block; clear:both}
.section-search .search-section.nodata .center p {display:inline-block; line-height:31px; font-size:14px; color:#4a4a4a}
.section-search .search-section.nodata .center .btns {float:right}
.section-search .search-section.nodata .center .btns:after {content:""; display:block; clear:both}
.section-search .search-section.nodata .center .btns a {float:left; width:112px; height:31px; font-weight:bold; font-size:13px; color:#757575; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box}
.section-search .search-section.nodata .center .btns a ~ a {margin-left:-1px}
.section-search .search-section.nodata .center .btns a span {line-height:30px}

/* 회원가입 */
.section-join .cont-section div.content {float:none; width:100%; padding:50px 70px 100px; border-left:none}
.section-join .tbl-format.join table tbody td {padding-top:5px; padding-bottom:5px}
.section-join .tbl-format.join table tbody td * {vertical-align:middle}
.section-join .tbl-format.join table tbody td a {width:108px; margin-left:8px; padding:0}
.section-join .tbl-format.join table tbody td select {vertical-align:top}
.section-join .tbl-format.join table tbody td select + .alert {line-height:33px}
.section-join .tbl-format.join table tbody td .hyphen {display:inline-block; line-height:33px; margin:0 7px 0 10px; font-size:14px; color:#565656}
/* 로그인 */
.section-join.login .cont-section div.content {padding-top:100px; padding-left:150px; padding-right:150px}
.section-join.login .login-content {border:1px solid #e0e0e0; background:#f7f7f7} /* 180208 */
.section-join.login .login-content:after {content:""; display:block; clear:both}
.section-join.login .login-content .img {float:left}
.section-join.login .login-content .frm-login {float:left; padding:79px 112px 80px 83px}/* 180208 */
.section-join.login .login-content .frm-login .inp:after {content:""; display:block; clear:both}
.section-join.login .login-content .frm-login .inp ul {float:left}
.section-join.login .login-content .frm-login .inp ul li ~ li {margin-top:9px}
.section-join.login .login-content .frm-login .inp ul li:after {content:""; display:block; clear:both}
.section-join.login .login-content .frm-login .inp ul li strong {float:left; width:81px; line-height:34px; font-weight:bold; font-size:14px; color:#000 }
.section-join.login .login-content .frm-login .inp ul li input[type="text"] {float:left}
.section-join.login .login-content .frm-login .inp ul li.chk {margin-top:15px; padding-left:81px}
.section-join.login .login-content .frm-login .inp a.login {float:left; width:110px; height:76px; line-height:76px; margin-left:10px; font-weight:bold; font-size:15px; color:#fff; text-align:center; vertical-align:middle; border:1px solid #e87b7b; background:#ff9494; box-sizing:border-box}
.section-join.login .login-content .frm-login .caution {margin-top:16px; padding:26px 0 15px 114px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:url(../images/common/bg-notice-key.png) 37px 20px no-repeat}
.section-join.login .login-content .frm-login .caution:before {content:""; display:inline-block; width:0; height:40px; vertical-align:middle}
.section-join.login .login-content .frm-login .caution p {display:inline-block; height:40px; line-height:1.5em; font-weight:bold; font-size:14px; color:#fd7a78}
.section-join.login .login-content .frm-login .caution p span {display:block; line-height:1.4em}
.section-join.login .login-content .frm-login .find-links {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:30px}
.section-join.login .login-content .frm-login .find-links a {display:block; flex:1; -webkit-flex:1; -ms-flex:1; height:31px}
.section-join.login .login-content .frm-login .find-links a span {display:inline-block; line-height:30px}
.section-join.login .login-content .frm-login .find-links a ~ a {border-left:none}
.section-join.login .login-content .frm-login .find-links a.btn-home {display:none}
.section-join.login .login-content .frm-login .cap-mobile {display:none}
.section-join.login .note-center {display:none}
.section-join.login .mobile-cap {display:none}
/* 회원가입/전환 - 약관동의 */
.agree-content {margin-top:50px}
.agree-content .accd-agree {border-bottom:1px solid #eaeaea}
.agree-content .accd-agree section header.tit {position:relative; height:56px; line-height:56px; padding-left:20px; border-top:1px solid #eaeaea}
.agree-content .accd-agree section header.tit label {font-size:15px; color:#333}
.agree-content .accd-agree section header.tit label span {font-weight:bold}
.agree-content .accd-agree section header.tit span.require {margin-left:8px; font-size:0; text-indent:-9999em}
.agree-content .accd-agree section header.tit span.require:before {content:"*"; font-weight:bold; font-size:13px; color:#ff6b6b; letter-spacing:-0.05em}
.agree-content .accd-agree section header.tit a.toggle {position:absolute; right:0; top:0; width:56px; height:56px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-toggle-plus.png) center no-repeat}
.agree-content .accd-agree section header.tit a.toggle.open {background:url(../images/content/bg-toggle-minus.png) center no-repeat}
.agree-content .accd-agree section .cont {margin-top:-6px; padding:0 20px 23px}
.agree-content .accd-agree section .cont .inner {overflow-y:auto; height:310px; padding:20px 20px 0; border:1px solid #e0e0e0; background:#f7f7f7}
.agree-content .accd-agree section .cont .inner:after {content:""; display:block; width:100%; height:20px}
.agree-content .accd-agree section .cont .inner .tit {display:block; margin-top:20px; font-weight:bold; font-size:15px; color:#333}
.agree-content .accd-agree section .cont .inner .sub-tit {display:block; margin:20px 0 5px; font-weight:bold; font-size:14px; color:#565656}
.agree-content .accd-agree section .cont .inner p {line-height:1.8em; font-size:13px; color:#888}
.agree-content .accd-agree section .cont .inner ul li {line-height:1.8em; font-size:13px; color:#888}
.agree-content .accd-agree section .cont .inner > ul > li > ul,
.agree-content .accd-agree section .cont .inner > ul > li > p {padding-left:15px}
.agree-content .accd-agree section .cont .inner .tbl-basic table {width:620px}
.agree-content .accd-agree section .cont .inner .tbl-basic table thead th,
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td {height:36px; font-size:13px}
.agree-content .accd-agree section .cont .inner .tbl-basic table thead th {padding:10px 0; text-align:center}
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td {padding:9px 0 9px 20px; background:#fff}
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td ~ td {border-left:1px solid #eaeaea}
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.tit {margin-top:0; line-height:1.5em; color:#3d3d3d}
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.date {padding-left:0}
.agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.date {padding-left:0}
.agree-content .agree-all {padding:30px 0; font-weight:bold; font-size:15px; color:#333; text-align:center; border-bottom:1px solid #eaeaea}
.agree-content .agree-all label {font-size:15px}
/* 회원가입/전환 - 정보입력 */
.section-join.enter .sub-section ~ .sub-section {margin-top:28px}
.section-join.enter .sub-section h4 {padding-bottom:20px; font-weight:bold; font-size:18px; color:#262626}
.section-join.enter .tbl-format tbody th {vertical-align:top}
.section-join.enter .tbl-format tbody td {padding-top:10px; padding-bottom:10px}
.section-join.enter .tbl-format tbody td * {vertical-align:middle}
.section-join.enter .tbl-format tbody td .gender {display:inline-block}
.section-join.enter .tbl-format tbody td .gender input[type="radio"] + label {float:left; width:66px; height:31px; line-height:32px; margin:0; padding:0; font-size:13px; color:#767676; text-align:center; border:1px solid #dbdbdb}
.section-join.enter .tbl-format tbody td .gender input[type="radio"]:checked + label {position:relative; font-weight:bold; color:#fff; border-color:#ff8482; background:#ff8482}
.section-join.enter .tbl-format tbody td .gender input[type="radio"] + label:after,
.section-join.enter .tbl-format tbody td .gender input[type="radio"] + label:before {display:none}
.section-join.enter .tbl-format tbody td .gender input[type="radio"] + label ~ input[type="radio"] + label {margin-left:-1px}
/*.section-join.enter .tbl-format tbody td .gender a {float:left; width:66px; height:31px; line-height:32px; font-size:13px; color:#767676; text-align:center}
.section-join.enter .tbl-format tbody td .gender a ~ a {margin-left:-1px}
.section-join.enter .tbl-format tbody td .gender a.on {position:relative; font-weight:bold; color:#fff;  background:#ff8482}
.section-join.enter .tbl-format tbody td .gender a.on:after {content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:1px solid #ff8482}*/
.section-join.enter .tbl-format tbody td .frm-set ~ .frm-set {margin-top:10px}
.section-join.enter .tbl-format tbody td .hyphen {display:inline-block; line-height:33px; margin:0 8px; font-size:14px; color:#565656}
.section-join.enter .tbl-format tbody td .btn-lgray,
.section-join.enter .tbl-format tbody td .btn-lwht {width:108px; margin-left:5px}
.section-join.enter .tbl-format tbody td select ~ select {margin-left:8px}
.section-join.enter .tbl-format tbody td input[type="checkbox"] + label ~ label {margin-left:28px}
.section-join.enter .tbl-format tbody td .cap {padding-top:10px; font-size:13px; color:#8e9397}
.section-join.enter .tbl-format tbody td.email input[type="text"] + select {margin:1px 0 0 6px}
.section-join.enter .tbl-format.optional tbody td {padding-top:21px; padding-bottom:20px}
.section-join.enter .sub-section ~ .sub-section .tbl-format tbody th {vertical-align:middle}
.section-join.signup.enter .sub-section {margin-top:50px}
.section-join.signup.enter .btns-submit a.btn-gray {width:auto; padding:0 10px}
.section-join.switch.enter .sub-section .find-ways {margin-bottom:30px; border-bottom:1px solid #eaeaea}
.section-join.switch.enter .sub-section .find-ways p {padding-bottom:0}
.section-join.switch.enter .sub-section .tbl-format p.extra {padding-top:20px; color:#8e9397}
/* 회원가입 - 교사인증 */
.section-join.signup.cert .tbl-format {margin-top:50px}
.section-join.signup.cert .tbl-format table tbody tr.doc th {vertical-align:top}
.section-join.signup.cert .tbl-format table tbody td .btn-lgray {width:108px}
.section-join.signup.cert .tbl-format table tbody td ul {margin:9px 0 3px}
.section-join.signup.cert .tbl-format table tbody td ul li {position:relative; line-height:1.9em; padding-left:9px; font-size:13px; color:#8e9397}
.section-join.signup.cert .tbl-format table tbody td ul li:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:100%; background:#d1d1d1}
.section-join.signup.cert .tbl-format table tbody td .wrap-file {margin-top:7px}
.section-join.signup.cert .tbl-format table tbody td .wrap-file:after {content:""; display:block; clear:both}
.section-join.signup.cert .tbl-format table tbody td .wrap-file label {float:left; width:108px; margin-right:10px}
.section-join.signup.cert .tbl-format table tbody td .wrap-file strong {display:block; overflow:hidden; line-height:1.3em; padding-top:7px; font-weight:bold}
/* 회원전환 - 비밀번호입력 */
.section-join.switch.password .tbl-format {margin-top:50px}
.section-join.switch.password .bx-notice {margin-bottom:0}
/* 회원가입/전환 - 완료 */
.section-join.complete-member .compl-notice {margin-top:50px}
.section-join.complete-member .compl-notice > strong > span {display:block; margin-top:9px}
.section-join.complete-member .compl-notice > p {font-size:16px; color:#939292}
.section-join.complete-member .compl-notice .info {padding-bottom:5px}
.section-join.complete-member .compl-notice .info ul:after {content:""; display:block; clear:both}
.section-join.complete-member .compl-notice .info ul li {float:left; width:33.33%; min-height:75px; text-align:left; box-sizing:border-box}
.section-join.complete-member .compl-notice .info ul li p {padding-top:15px; font-size:14px; color:#767676}
.section-join.complete-member .compl-notice .info ul li p span {display:block; margin-top:5px}
.section-join.complete-member .compl-notice .info ul li.l1 {margin-left:-10px; padding-left:106px; background:url(../images/content/bg-expl01.png) 0 center no-repeat}
.section-join.complete-member .compl-notice .info ul li.l2 {padding-left:143px; background:url(../images/content/bg-expl02.png) 40px center no-repeat}
.section-join.complete-member .compl-notice .info ul li.l3 {padding-left:160px; background:url(../images/content/bg-expl03.png) 53px center no-repeat}
.section-join.complete-member .btns-submit {position:relative}
.section-join.complete-member .btns-submit .family-link {position:absolute; left:0; top:0; width:auto; color:#888}
.section-join.complete-member .btns-submit .family-link span {border-bottom:2px solid #d7d7d7}
/* 아이디/비밀번호 찾기 */
.section-join .find-ways {padding:40px 0 35px; text-align:center}
.section-join .find-ways p {padding-bottom:28px; font-weight:bold; font-size:15px; color:#656565}
.section-join .find-ways p.m {display:none}
.section-join .find-ways p span {display:block; margin-top:8px}
.section-join .find-ways ul {display:inline-block}
.section-join .find-ways ul:after {content:""; display:block; clear:both}
.section-join .find-ways ul li {float:left}
.section-join .find-ways ul li ~ li {margin-left:56px}
.section-join .find-ways ul li a {display:inline-block; position:relative; width:100px}
.section-join .find-ways ul li a strong {display:inline-block; padding-top:114px; font-size:16px; color:#565656}
.section-join .find-ways ul li a strong span {display:block; margin-top:5px; font-size:14px; white-space:nowrap}
.section-join .find-ways ul li a:before {content:""; position:absolute; left:50%; top:0; width:100px; height:100px; margin-left:-50px; border-radius:100%; border:1px solid #dadada}
.section-join .find-ways ul li.phone a:before {background:url(../images/content/ico-phone.png) center no-repeat}
.section-join .find-ways ul li.email a:before {background:url(../images/content/ico-email.png) center no-repeat}
.section-join .find-ways ul li.selected a:before {border:1px solid #ff8785}
.section-join .find-ways ul li.selected.phone a:before{background:#ff8785 url(../images/content/ico-phone-on.png) center no-repeat}
.section-join .find-ways ul li.selected.email a:before{background:#ff8785 url(../images/content/ico-email-on.png) center no-repeat}
.section-join .find-ways ul li.selected a strong {font-weight:bold; color:#ff8785}
.section-join .m-sub-desc {display:none}
.section-join.find-id header.head-section h2.m,
.section-join.find-pw header.head-section h2.m {display:none}
.section-join.find-id .compl-notice {margin-top:30px}
.section-join.find-id .compl-notice > strong.m {display:none}
.section-join.find-id .compl-notice .info ul {display:inline-block}
.section-join.find-id .compl-notice .info ul li ~ li {margin-top:17px}
.section-join.find-id .compl-notice .info ul li:after {content:""; display:block; clear:both}
.section-join.find-id .compl-notice .info ul li strong {float:left; width:80px; font-weight:bold; font-size:14px; color:#000; text-align:left}
.section-join.find-id .compl-notice .info ul li span {float:left; font-weight:bold; font-size:14px}
.section-join.find-id.complete .btns-submit a.btn-lgray {width:auto; padding:0 10px}
.section-join.find-pw .find-ways ul li ~ li {margin-left:46px}
.section-join.find-pw .find-ways ul li a {width:auto}
.section-join.find-pw .compl-notice {margin-top:30px}
.section-join.find-pw.inp-id .cont-section div.content {padding-bottom:265px}
.section-join.find-pw.inp-id .find-ways p,
.section-join.find-pw.set-pw .find-ways p {padding-bottom:0}
.section-join.find-pw.set-pw .bx-notice {margin-bottom:0}
.section-join.find-id .btns-submit a.email,
.section-join.find-pw .btns-submit a.email {width:auto; padding:0 10px}
.section-join.find-pw.inp-id .btnset-gray .btn-gray.m {display:none}
.section-join.find-pw.set-pw .btnset-gray,
.section-join.find-pw.set-pw .btnset-gray .m {display:none}

/* 고객센터 */
.section-customer section.content header.content {border-bottom:none}
.section-customer .search-area {padding:20px; border:1px solid #eaeaea; background:#f7f7f7}
.section-customer .search-area:after {content:""; display:block; clear:both}
.section-customer .search-area > *{float:left}
.section-customer .search-area input[type="text"] {margin-left:10px}
.section-customer .search-area input[type="text"] + a {margin-left:10px; width:82px; font-size:13px; text-align:center}
/* 공지사항 */
.section-customer.notice-list .tbl-basic table thead th.select .ly-sort {left:42px}
.section-customer.notice-list .tbl-basic table tbody tr td:not(.nodata) {padding-top:14px; padding-bottom:16px}
.section-customer.notice-list .tbl-basic table tbody tr td.tit a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:88%; font-weight:normal}
.section-customer.notice-list .tbl-basic table tbody tr.top td,
.section-customer.notice-list .tbl-basic table tbody tr.top td a {font-weight:bold}
.section-customer.notice-list .tbl-basic table tbody tr td:not(.tit) {text-align:center}
.section-customer.notice-list .tbl-basic table tbody tr td .badge-new {margin-left:10px}
.section-customer.notice-detail .btns-submit .other {width:67px}
/* 이벤트 */
.section-customer.event-list .tbl-basic.media tbody td.tit {position:relative; padding-left:10px}
.section-customer.event-list .tbl-basic.media tbody td a.present {color:#fff}
.section-customer.event-list #eventWin .tbl-basic tbody td.tit a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; font-weight:normal}
.section-customer.event-detail .board-content .tbl-format table thead th strong {width:90%}
.section-customer.event-detail .btns-submit .other {width:67px}
.comment-content {margin-top:20px; padding:20px; border:1px solid #eaeaea}
.comment-content .top {padding-bottom:10px}
.comment-content .top span {display:inline-block; padding-left:31px; line-height:18px; font-size:14px; color:#626262; background:url(../images/content/bg-comment.png) 0 center no-repeat}
.comment-content .top span strong {font-weight:bold}
.comment-content .writing-area {padding:20px; background:#f7f7f7}
.comment-content .writing-area:after {content:""; display:block; clear:both}
.comment-content .writing-area textarea {float:left; width:677px; height:112px}
.comment-content .writing-area .btn {float:right}
.comment-content .writing-area .btn a  {width:100px; font-size:13px}
.comment-content .writing-area .btn .count {display:block; padding-top:10px; font-size:13px; color:#8e9397; text-align:center}
.comment-content .writing-area .btn .count span  {font-weight:bold}

/* (s) 2019-08-13 */
.comment-content .comment-list ul li {padding:18px 20px 20px; /* border-bottom:1px solid #eaeaea */}
.comment-content .comment-list ul li .cont {line-height:1.55em; font-size:14px; color:#696969; word-break:break-all}
.comment-content .comment-list ul li .cont textarea {height:100px}
.comment-content .comment-list ul li .info {position:relative; padding-top:15px}
.comment-content .comment-list ul li .info .name {font-weight:bold; font-size:14px; color:#4a4a4a}
.comment-content .comment-list ul li .info .date {position:relative; margin-left:24px; font-size:14px; color:#8c8c8c}
.comment-content .comment-list ul li .info .date:after {content:""; position:absolute; left:-13px; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:3px; background:#d1d1d1}
.comment-content .comment-list ul li .info .btns {position:absolute; right:0; bottom:-10px}
.comment-content .comment-list ul li .info .btns:after {content:""; display:block; clear:both}
.comment-content .comment-list ul li .info .btns a {float:left; width:52px; height:30px; font-size:13px}
.comment-content .comment-list ul li .info .btns a ~ a {margin-left:-1px}
.comment-content .comment-list ul li .info .btns a span {line-height:28px}
.comment-content .comment-list ul li .info .count {position:absolute; right:114px; top:50%; margin-top:1px; font-size:13px; color:#8e9397; text-align:center}
.comment-content .comment-list ul li .info .count span {font-weight:bold}
.comment-content .comment-list ul li.mine {position:relative; background:#fdf6f6}
/*.comment-content .comment-list ul li.mine:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#ebdede}
.comment-content .comment-list ul li.mine:before {content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#ebdede}*/

/*2019-07-31추가*/
.comment-content .comment-list ul li.no-reply {border-bottom:1px solid #eaeaea}
.comment-content .comment-list ul li .info .btns a.reply {width:100px;padding-left:22px;background:url(..../images/content/icon_reply_b.png) no-repeat 12px 50%;}
.comment-content .comment-list ul li.reply-wrap {position:relative;background: url(..../images/content/icon_reply_b.png) no-repeat 29px 22px;padding:17px 22px 17px 54px;border-bottom-width:0;}
.comment-content .comment-list ul li.reply-wrap.mine {background-color:#fdf6f6;background-image:url(..../images/content/icon_reply_r.png);padding-bottom:20px}
.comment-content .comment-list ul li.reply-wrap.last {border-bottom:1px solid #eaeaea}
/*08-14*/.comment-content .comment-list ul li.reply-wrap.mine.last {padding-bottom:37px;}
/*08-14*/.comment-content .comment-list ul li.reply-wrap.mine.last::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:17px;background-color:#fff;}
/* (e) 2019-08-13 */


/* 설문조사 */
.section-customer.survey-list section.content header.content {border-bottom:1px solid #ececec}
.section-customer.survey-list .tbl-basic table tbody td.tit {padding-left:10px}
.section-customer.survey-list .tbl-basic table tbody tr td span.badge {display:inline-block; width:54px; height:27px; line-height:27px; font-weight:bold; font-size:13px; color:#fff; text-align:center; border-radius:2px}
.section-customer.survey-list .tbl-basic table tbody tr td span.badge.ing {background:#ff8482}
.section-customer.survey-list .tbl-basic table tbody tr td span.badge.end {background:#a0a0a0}
.section-customer.survey-detail section.content .sub-section ~ .sub-section {margin-top:20px}
.section-customer.survey-detail .board-content .btns-submit .other {width:67px}
.section-customer.survey-detail .board-content .tbl-format table thead th strong {width:100%}
.section-customer.survey-detail .board-content .board-detail .inner {padding:30px 20px}
.section-customer.survey-detail .board-content .board-detail .inner img {max-width:100%}
.section-customer.survey-detail .board-content .board-detail .inner img.img-m {display:none}
.section-customer.survey-detail .board-content .board-answer {padding:0}
.section-customer.survey-detail .board-content .board-answer .detail .inner {padding:50px 40px}
.section-customer.survey-detail .board-content .board-answer .tbl-basic.row table thead th {text-align:center; border-top:none; border-bottom:1px solid #ebdede}
.section-customer.survey-detail .board-content .board-answer .tbl-basic.row table thead th strong {padding-left:0; font-size:16px; background:none}
.section-customer.survey-detail .board-content .board-answer + .btns-submit .btn-make {width:97px}
.section-customer.survey-detail .survey-img ul li ~ li {margin-top:20px}
.section-customer.survey-detail .survey-img ul li label {height:auto; line-height:1em; padding-left:24px; font-size:15px}
.section-customer.survey-detail .survey-img ul li:not(.etc) label:before {top:50%; margin-top:-6px}
.section-customer.survey-detail .survey-img ul li:not(.etc) label:after {top:50%; margin-top:-2px}
.section-customer.survey-detail .survey-img ul li label img {border:1px solid #eaeaea}
.section-customer.survey-detail .survey-img ul li input[type="radio"]:checked + label img {border-color:#ff8482}
.section-customer.survey-detail .survey-img ul li label .num {margin-left:20px; vertical-align:middle}
.section-customer.survey-detail .survey-img ul li.etc {padding-top:6px}
.section-customer.survey-detail .survey-img ul li.etc label {width:100%}
.section-customer.survey-detail .survey-img ul li.etc .num {line-height:24px; margin-left:3px}
.section-customer.survey-detail .survey-img ul li.etc textarea {margin-top:3px; width:761px; height:80px}
/* 이용팁 */
.section-customer.useway-list .tip-content {margin-top:30px; text-align:center}
.section-customer.useway-list .tip-content img {max-width:100%}
.section-customer.useway-list .tip-content .tip-detail {padding:0 20px 10px; text-align:left; border-top:1px solid #ebdede; border-bottom:1px solid #ededed}
.section-customer.useway-list .tip-content .tip-detail h4 {margin-right:-20px; margin-left:-20px; height:53px; line-height:53px; padding:0 20px; font-weight:bold; font-size:16px; color:#565656; background:#fdf3f2}
.section-customer.useway-list .tip-content .tip-detail h4 + .desc {height:42px; line-height:42px; color:#6b6b6b; border-bottom:1px dashed #ededed}
.section-customer.useway-list .tip-content .tip-detail .detail {position:relative; padding:18px 0 20px}
.section-customer.useway-list .tip-content .tip-detail .detail ~ .detail:after {content:""; position:absolute; left:-20px; top:0; right:-20px; height:1px; background:#ededed}
.section-customer.useway-list .tip-content .tip-detail .detail .tit {display:block; padding-bottom:15px; font-weight:bold; font-size:15px; color:#ff5c5c}
.section-customer.useway-list .tip-content .tip-detail .detail .tit span {margin-right:4px; font-family:"Co Headline Corp"; font-size:20px; vertical-align:middle}
.section-customer.useway-list .tip-content .tip-detail .detail .part:first-child {margin-top:-5px}
.section-customer.useway-list .tip-content .tip-detail .detail .part ~ .part {padding-top:30px}
.section-customer.useway-list .tip-content .tip-detail .detail .part .sub-tit {display:inline-block; position:relative; margin-left:10px; padding-bottom:18px; padding-left:10px; font-size:14px; color:#6b6b6b}
.section-customer.useway-list .tip-content .tip-detail .detail .part .sub-tit:after {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:3px; background:#c5c5c5}
.section-customer.useway-list .tip-content .tip-detail .detail .list-capture {}
.section-customer.useway-list .tip-content .tip-detail .detail .list-capture ul {margin:-10px 0 0 -10px}
.section-customer.useway-list .tip-content .tip-detail .detail .list-capture ul:after {content:""; display:block; clear:both}
.section-customer.useway-list .tip-content .tip-detail .detail .list-capture ul li {float:left; margin:10px 0 0 10px}
/* 자주하는 질문 */
.section-customer.customer-faq .search-area input[type="text"] {margin-left:0}
.section-customer.customer-faq .btns-basic {display:block; margin-top:20px; border-left:1px solid #cecece}
.section-customer.customer-faq .btns-basic:after {content:""; display:block; clear:both}
.section-customer.customer-faq .btns-basic a {float:left; width:25%; margin-top:-1px}
.section-customer.customer-faq .tbl-basic table tbody tr td:not(".nodata") {padding-top:18px; padding-bottom:16px}
.section-customer.customer-faq .tbl-basic table tbody tr td.sort {text-align:center}
.section-customer.customer-faq .tbl-basic table tbody tr td.tit a {white-space:normal; font-weight:normal}
.section-customer.customer-faq .tbl-basic table tbody tr td em {font-style:normal; font-weight:bold}
.section-customer.customer-faq .tbl-basic table tbody tr.open td,
.section-customer.customer-faq .tbl-basic table tbody tr.open td a,
.section-customer.customer-faq .tbl-basic table tbody tr.open td * {font-weight:bold; color:#f76060}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td {padding:0; border-bottom:none}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont {padding:27px 30px 26px; border-bottom:1px solid #eaeaea; background:#fcfcfc}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont strong {font-weight:700}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont p {line-height:1.7em; font-size:14px; color:#3d3d3d; letter-spacing:-0.03em}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont img {max-width:100%}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont ul.note {margin-top:20px}
.section-customer.customer-faq .tbl-basic table tbody tr.answer td .cont ul.note li {line-height:1.7em; font-size:13px; color:#8e9397}
/* 프로그램 다운로드 */
.section-customer.download section.content {padding-bottom:193px}
.section-customer.download section.content header.content {margin-bottom:31px; border-bottom:1px solid #eaeaea}
.section-customer.download section.content header.content .desc {letter-spacing:-0.07em}
.section-customer.download section.content .sub-section ~ .sub-section {margin-top:51px}
.section-customer.download .list-program ul {margin:-10px 0 0 -20px}
.section-customer.download .list-program ul:after {content:""; display:block; clear:both}
.section-customer.download .list-program ul li {float:left; width:276px; margin:10px 0 0 20px; border:1px solid #cecece}
.section-customer.download .list-program ul li a {display:block; position:relative; padding:12px 15px 11px; color:#818181; letter-spacing:-0.03em; box-sizing:border-box}
.section-customer.download .list-program ul li a strong {margin-left:12px; font-weight:bold; font-size:14px}
.section-customer.download .list-program ul li .link-down {position:absolute; right:15px; top:50%; margin-top:-10px}
.section-customer.download .list-program ul li:hover {border-color:#ff6b6a}
.section-customer.download .list-program ul li:hover a {color:#ff6b6a}
.section-customer.download .list-program ul li:hover .link-down {background:url(../images/content/ico-down-on.png) no-repeat}
/* 원격지원 */
.section-customer.support section.content header.content .desc {letter-spacing:-0.07em}
.section-customer.support .sub-section .step {padding:20px 20px 21px 30px; border:1px solid #e1e1e1}
.section-customer.support .sub-section .step ~ .step {position:relative; margin-top:48px}
.section-customer.support .sub-section .step ~ .step:after {content:""; position:absolute; left:50%; top:-29px; width:12px; height:8px; margin-left:-6px; background:url(../images/content/bg-arrow-down-large.png) no-repeat}
.section-customer.support .sub-section .step .count {font-family:"Co Headline Corp"; color:#f97270; vertical-align:middle}
.section-customer.support .sub-section .step .count em {font-style:normal; font-weight:300; font-size:13px; vertical-align:middle}
.section-customer.support .sub-section .step .count strong {margin-left:7px; font-weight:normal; font-size:26px; vertical-align:middle}
.section-customer.support .sub-section .step .desc {display:inline-block; line-height:1.7em; margin-top:3px; padding-left:26px; font-size:15px; color:#656565; vertical-align:middle}
.section-customer.support .sub-section .step.step1 {position:relative}
.section-customer.support .sub-section .step.step1 .btn-make {position:absolute; right:20px; top:50%; width:97px; margin-top:-17px}
.section-customer.support .sub-section .step.step2 .desc {vertical-align:top}
.section-customer.support .sub-section .step.step2 .desc span {display:block; line-height:1.7em}
.section-customer.support .sub-section .step.step2 .example,
.section-customer.support .sub-section .step.step2 .contact {margin-top:17px; padding:0 0 7px 95px}
.section-customer.support .sub-section .step.step2 .contact .name {display:inline-block; position:relative; padding-left:9px; font-size:14px; color:#0f3653; vertical-align:middle}
.section-customer.support .sub-section .step.step2 .contact .name:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; border-radius:3px; background:#d7d7d7}
.section-customer.support .sub-section .step.step2 .contact strong {margin-left:20px; font-family:"Co Headline Corp"; font-size:24px; color:#e83a33; letter-spacing:0; vertical-align:middle}
.section-customer.support .sub-section .step.step2 .contact .time {margin-left:20px; color:#5c5c5c; letter-spacing:0; vertical-align:middle}
/* 정회원 인증 안내 */
.section-customer.certify-member section.content {padding-bottom:280px}
.section-customer.certify-member .sub-section:after {content:""; display:block; clear:both}
.section-customer.certify-member .sub-section .cert-type {float:left; width:50%; padding:40px 0; text-align:center; border:1px solid #ececec}
.section-customer.certify-member .sub-section .cert-type ~ .cert-type {border-left:none}
.section-customer.certify-member .sub-section .cert-type strong {display:block; padding:120px 0 8px; font-weight:bold; font-size:15px; color:#656565}
.section-customer.certify-member .sub-section .cert-type.type1 strong {background:url(../images/content/bg-cert-type1.png) 50% 0 no-repeat}
.section-customer.certify-member .sub-section .cert-type.type2 strong {background:url(../images/content/bg-cert-type2.png) 50% 0 no-repeat}
.section-customer.certify-member .sub-section .cert-type p {padding-bottom:40px; font-size:14px; color:#656565}
.section-customer.certify-member .sub-section .cert-type a {width:107px}
/* GPKI/EPKI 인증 */
.section-customer.certify-install section.content {padding-bottom:213px}
.section-customer.certify-install .sub-section .cert-state {padding:71px 0 64px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7}
.section-customer.certify-install .sub-section .cert-state strong {display:block; padding-top:70px; font-weight:bold; font-size:22px; color:#2f2f2f; background:url(../images/content/loading.gif) 50% 0 no-repeat}
.section-customer.certify-install .sub-section .cert-state p {padding-top:17px; line-height:1.5em; font-size:14px; color:#767676}
.section-customer.certify-install .sub-section .cert-state p span {display:block; line-height:1.5em}
.section-customer.certify-install .sub-section .cert-down {position:relative; margin-top:20px; padding:29px 20px 27px; border:1px solid #e0e0e0}
.section-customer.certify-install .sub-section .cert-down p {color:#8e9397; vertical-align:middle}
.section-customer.certify-install .sub-section .cert-down a {position:absolute; right:20px; top:50%; width:97px; margin-top:-17px}
/* GPKI/EPKI 인증 - 정보입력 */
.section-customer.certify-input .tbl-format table tbody tr th {vertical-align:top}
.section-customer.certify-input .tbl-format table tbody tr td {padding-bottom:20px; color:#565656}
.section-customer.certify-input .tbl-format table tbody tr td a {width:108px; margin-left:5px}
.section-customer.certify-input .tbl-format table tbody tr.school td,
.section-customer.certify-input .tbl-format table tbody tr.subject td {padding-top:10px; padding-bottom:10px}
.section-customer.certify-input .tbl-format table tbody tr.doc td {padding-top:14px; padding-bottom:15px}
.section-customer.certify-input .tbl-format table tbody tr.doc td .wrap-file:after {content:""; display:block; clear:both}
.section-customer.certify-input .tbl-format table tbody tr.doc td .wrap-file label {float:left; width:108px; margin-right:10px}
.section-customer.certify-input .tbl-format table tbody tr.doc td .wrap-file strong {display:block; overflow:hidden; line-height:1.3em; padding-top:7px; font-weight:bold}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul {margin-top:10px}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul li {position:relative; line-height:1.5em; padding-left:10px; font-size:13px; color:#8e9397}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul li span {display:block; line-height:1.5em}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul li em {font-style:normal; margin-right:10px; border-bottom:1px solid #8e9397}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul li ~ li {margin-top:4px}
.section-customer.certify-input .tbl-format table tbody tr.doc td ul li:after {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:3px; background:#b2b2b2}
.section-customer.certify-input .tbl-format table tbody tr.agree td {padding-top:16px; padding-right:0}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree {overflow-x:hidden; overflow-y:auto; height:131px; margin-top:10px; border:1px solid #e0e0e0}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner {padding:17px 20px 20px; line-height:1.75em; font-size:13px; color:#888}
/* .section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .tit {display:block; line-height:1.75em; font-weight:bold; font-size:14px; color:#565656}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .tit ~ .tit {padding-top:10px}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree ul li {line-height:1.75em} */
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tit {display:block; margin-top:20px; font-weight:bold; font-size:15px; color:#333}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .sub-tit {display:block; margin:20px 0 5px; font-weight:bold; font-size:14px; color:#565656}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner p {line-height:1.8em; font-size:13px; color:#888}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner ul li {line-height:1.8em; font-size:13px; color:#888}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner > ul > li > ul,
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner > ul > li > p {padding-left:15px}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table {table-layout:auto; width:100%; border-top:none}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table thead th,
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table tbody tr td {font-size:13px}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table thead th {height:36px; padding:10px 0; text-align:center; border-bottom:none; background:#fdf3f2}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table tbody tr td {height:36px; padding:8px 0 8px 20px; background:#fff; line-height:1.5em}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table tbody tr td ~ td {border-left:1px solid #eaeaea}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table tbody tr td.tit {margin-top:0; color:#3d3d3d}
.section-customer.certify-input .tbl-format table tbody tr.agree .bx-agree .inner .tbl-basic table tbody tr td.date {padding-left:0; text-align:center}
/* GPKI/EPKI 인증 - 완료 */
.section-customer.certify-complete section.content {padding-bottom:193px}
.section-customer.certify-complete .btns-submit a ~ a {width:auto; margin-left:2px; padding:0 10px}

/** 풋터 **/
.section-footer .cont-section > div.content.type2 {padding:50px 90px 70px}
/* 사이트맵 */
.section-footer.sitemap .cont-section > div.content.type2 .sub-section ~ .sub-section {margin-top:30px}
.section-footer.sitemap .cont-section > div.content.type2 .sub-section:nth-child(4) {margin-top:40px}
.section-footer.sitemap .cont-section > div.content.type2 .sub-section h4 {padding-bottom:15px; font-weight:bold; font-size:18px; color:#262626}
.section-footer.sitemap .sitemap-content .list-sitemap {display:table; width:100%; table-layout:fixed}
.section-footer.sitemap .sitemap-content .list-sitemap.col3 .list-item {width:calc(100%/3 - 26px/3); height:100%}
.section-footer.sitemap .sitemap-content .list-sitemap.col3 .cell-blank {display:table-cell; width:13px}
.section-footer.sitemap .sitemap-content .list-sitemap.col4 .list-item {width:calc(100%/4 - 30px/4); height:100%}
.section-footer.sitemap .sitemap-content .list-sitemap.col4 .cell-blank {display:table-cell; width:10px}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item {display:table-cell; vertical-align:top}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item strong.tit {display:block; width:100%}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item strong.tit a {display:block; position:relative; width:100%; height:43px; padding:0 20px; line-height:43px; font-weight:bold; font-size:15px; color:#565656; box-sizing:border-box}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item strong.tit a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:4px; height:6px; margin-top:-3px; background:url(../images/content/bg-sitemap-arr-go.png) 0 0 no-repeat}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item strong.tit a:hover {color:#000}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner {width:100%; padding:18px 0 18px 20px; box-sizing:border-box}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul ~ ul {margin-top:7px}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul:after {content:""; display:block; clear:both}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul li {width:100%}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul li ~ li {margin-top:7px}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul.col2 li:nth-child(odd) {float:left; width:50%}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul.col2 li:nth-child(even) {float:right; width:50%}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul.col2 li:nth-child(2) {margin-top:0}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul li a {display:inline-block; position:relative; padding-left:7px; line-height:1.38em; font-size:13px; color:#707070; word-wrap:break-word; word-break:keep-all}
.section-footer.sitemap .sitemap-content .list-sitemap .list-item .inner ul li a:after {content:""; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:100%; background:#d1d1d1}
.section-footer.sitemap .sitemap-content .list-sitemap.red .list-item {border-top:1px solid #ebdede; border-bottom:1px solid #ebdede}
.section-footer.sitemap .sitemap-content .list-sitemap.red .list-item strong.tit {background:#fdf3f2}
.section-footer.sitemap .sitemap-content .list-sitemap.red .list-item strong.tit a:hover:after {background:url(../images/content/bg-sitemap-arr-go-red.png) 0 0 no-repeat}
.section-footer.sitemap .sitemap-content .list-sitemap.red .list-item ul li a:hover {color:#fe5b5c}
.section-footer.sitemap .sitemap-content .list-sitemap.red .list-item ul li a:hover:after {background:#fe5b5c}
.section-footer.sitemap .sitemap-content .list-sitemap.blue .list-item {border-top:1px solid #dde7ed; border-bottom:1px solid #dde7ed}
.section-footer.sitemap .sitemap-content .list-sitemap.blue .list-item strong.tit {background:#f6f8fb}
.section-footer.sitemap .sitemap-content .list-sitemap.blue .list-item strong.tit a:hover:after {background:url(../images/content/bg-sitemap-arr-go-blue.png) 0 0 no-repeat}
.section-footer.sitemap .sitemap-content .list-sitemap.blue .list-item ul li a:hover {color:#135484}
.section-footer.sitemap .sitemap-content .list-sitemap.blue .list-item ul li a:hover:after {background:#135484}
.section-footer.sitemap .sitemap-content .list-sitemap.no-item .list-item {border-bottom:none}
/* 이용약관/개인정보처리방침 */
.section-footer .agree-content {margin-top:0}
.section-footer .agree-content .accd-agree {border-bottom:none}
.section-footer .agree-content .accd-agree section header.info-terms {position:relative; height:33px; line-height:33px; margin-bottom:10px}
.section-footer .agree-content .accd-agree section header.info-terms span.date {position:relative; padding-left:10px; font-size:14px; color:#626262}
.section-footer .agree-content .accd-agree section header.info-terms span.date:after {content:""; display:block; position:absolute; top:6px; left:0; width:2px; height:2px; background:#d4d4d4}
.section-footer .agree-content .accd-agree section header.info-terms .select-title {position:absolute; top:0; right:0}
.section-footer .agree-content .accd-agree section .cont {margin-top:0; padding:0}
.section-footer .agree-content .accd-agree section .cont .inner {height:760px; padding:30px 30px 0}
.section-footer .agree-content .accd-agree section .cont .inner .head-tit {display:block; font-weight:bold; font-size:16px; color:#333}
.section-footer .agree-content .accd-agree section .cont .inner p span,
.section-footer .agree-content .accd-agree section .cont .inner ul li span {display:block; line-height:inherit}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner p + ul.list-info {padding-left:15px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner ul.list-info li {padding-left:7px; text-indent:-7px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner ul.list-info li span {text-indent:0}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner strong.tit {margin-bottom:10px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .sub-tit ~ .sub-tit {margin:10px 0 5px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic {padding:10px 0}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table {width:100%}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .tbl-basic table tbody tr td.txt-c {padding-left:0; text-align:center}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy {padding:15px 0}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul {width:100%; padding:20px 0 20px 20px; background:#fff; box-sizing:border-box}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul li {line-height:1em; font-weight:bold; font-size:14px; color:#333}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .list-policy ul li ~ li {margin-top:10px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example {padding:10px 0 15px 15px; background:#fff; box-sizing:border-box}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example:after {content:""; display:block; clear:both}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example span.exam {float:left; display:inline-block; height:20px; line-height:20px; padding:0 6px; font-size:12px; color:#fff; border-radius:3px; background:#a2a2a2}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example ul {float:left; padding-left:10px}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example ul li {line-height:1.4em}
.section-footer.privacy-policy .agree-content .accd-agree section .cont .inner .set-example ul li ~ li {margin-top:5px}

/* main */
.main-container {}
.main-container .main-bann {position: relative;}
.main-container .main-bann-m {display: none}
.main-container .main-bann img {float: left;}
.main-container .main-bann img.m {display:none}
.main-container .main-bann .close {position:absolute; right:20px; top:20px; width:23px; height:22px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-bann-close.png) center no-repeat}
.main-container .body-content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.main-container .body-content:after {content:""; display:block; clear:both}
.main-container .body-content > div {float:left; overflow:hidden; height:585px; padding:38px 28px 30px}
.main-container .body-content > div ~ div {border-left:1px solid #e0e0e0}
.main-container .body-content > div h2 {font-weight:bold; font-size:26px; color:#0f3653; text-align:center}
.main-container .body-content .when-teaching {position:relative; width:36%; background:#f1f1f1}
.main-container .body-content .when-teaching h2 {padding-bottom:40px}
.main-container .body-content .when-teaching .range {position:relative}
.main-container .body-content .when-teaching .range ~ .range {margin-top:32px}
.main-container .body-content .when-teaching .range > h3 {display:block; padding-bottom:10px; font-size:15px; color:#2f2f2f}
.main-container .body-content .when-teaching .range:not(.class) > h3 {opacity:.5}
.main-container .body-content .when-teaching .range .blank {padding:38px 0 35px; text-align:center; border:1px solid #e0e0e0; background:#ebebeb}
.main-container .body-content .when-teaching .range .blank p {font-size:13px; color:#9d9d9d}
.main-container .body-content .when-teaching .range .wrap-select {position:absolute; left:0; right:0; top:25px; z-index:1}
.main-container .body-content .when-teaching .range:not(.class) .select,
.main-container .body-content .when-teaching .range .selected {display:none}
.main-container .body-content .when-teaching .range .reset {display:none; position:absolute; right:20px; top:50%; width:15px; height:15px; margin-top:-7px; text-indent:-999em; background:url(../images/content/ico-reset.png) 50% 50% no-repeat}
.main-container .body-content .when-teaching .range .reset.opened {right:12px; top:-25px; margin-top:0; background-image:url(../images/content/bg-reset-cancel.png)}
.main-container .body-content .when-teaching .range .select:after {content:""; display:block; clear:both}
.main-container .body-content .when-teaching .range .select input[type="radio"] + label {font-size:14px; box-sizing:border-box; height:auto; cursor:pointer; padding:0 0 0 0}
.main-container .body-content .when-teaching .range .select input[type="radio"] + label:before {display:none}
.main-container .body-content .when-teaching .range .select input[type="radio"] + label ~ label {margin-left:0}
.main-container .body-content .when-teaching .range .select input[type="radio"]:checked + label:after {display:none}
.main-container .body-content .when-teaching .range .selected {display:none}
.main-container .body-content .when-teaching .range .selected {position:relative; border:1px solid #ff5c5c}
.main-container .body-content .when-teaching .range .selected strong {display:block; height:38px; line-height:40px; padding:0 44px 0 20px; font-weight:bold; color:#2f2f2f; background:#fff}
.main-container .body-content .when-teaching .range.pass .reset {display:block; z-index:1}
.main-container .body-content .when-teaching .range.pass .wrap-select .select {display:none; position:absolute; left:0; top:0; width:100%; z-index:1}
.main-container .body-content .when-teaching .range.pass .wrap-select .selected {display:block}
.main-container .body-content .when-teaching .range.class {margin-top:0; border-top:0}
.main-container .body-content .when-teaching .range.class .select input[type="radio"] + label {float:left; position:relative; width:33.33%; line-height:40px; text-align:center; background:#757575; color:#fff}
.main-container .body-content .when-teaching .range.class .select input[type="radio"] + label ~ label:after {content:""; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#8a8a8a}
.main-container .body-content .when-teaching .range.class .select input[type="radio"]:checked + label {background:#ff5c5c}
.main-container .body-content .when-teaching .range.class .select input[type="radio"]:checked + label:after {display:none}
.main-container .body-content .when-teaching .range.class .select input[type="radio"]:checked + label + input[type="radio"] + label:after {display:none}
.main-container .body-content .when-teaching .range.subject.pass .wrap-select {z-index:2}
.main-container .body-content .when-teaching .range.subject .select {background:#fff; padding:1px 0 0 1px}
.main-container .body-content .when-teaching .range.subject .select:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e0e0e0}
.main-container .body-content .when-teaching .range.subject .select input[type="radio"] + label {float:left; width:calc(25% + 1px); line-height:44px; text-align:center; border:1px solid #e0e0e0; background:#fff; margin:-1px 0 0 -1px}
.main-container .body-content .when-teaching .range.subject .select input[type="radio"] + label:hover,
.main-container .body-content .when-teaching .range.subject .select input[type="radio"]:checked + label {font-weight:bold; color:#ff5c5c; border-color:#ff5c5c; z-index:1}
.main-container .body-content .when-teaching .range.book .select {position:relative; z-index:1; max-height:232px; overflow-x:hidden; overflow-y:auto; border:1px solid #e0e0e0}
.main-container .body-content .when-teaching .range.book .select input[type="radio"] + label {display:block; height:auto; padding:0 20px; line-height:39px; background:#f5d9da; color:#757575}
.main-container .body-content .when-teaching .range.book .select input[type="radio"]:focus + label,
.main-container .body-content .when-teaching .range.book .select input[type="radio"] + label:hover {background:#fff}
.main-container .body-content .when-teaching .range.book .select input[type="radio"] + label ~ label {border-top:1px solid #e0e0e0}
.main-container .body-content .when-teaching .range.book .select input[type="radio"]:checked + label {background:#fff; color:#ff5c5c}
.main-container .body-content .when-teaching .range.book .selected {padding:20px; padding-right:44px; background:#fff}
.main-container .body-content .when-teaching .range.book .selected strong,
.main-container .body-content .when-teaching .range.book .selected span {display:inline-block; vertical-align:bottom}
.main-container .body-content .when-teaching .range.book .selected span {margin-right:16px}
.main-container .body-content .when-teaching .range.book .selected strong {height:auto; padding:0; line-height:normal}
.main-container .body-content .when-teaching .range.book .selected .reset {top:50%; margin-top:-19px}
.main-container .body-content .when-teaching .range.purp {position:absolute; left:0; right:0; bottom:30px; padding:0 28px}
.main-container .body-content .when-teaching .range.purp .btns {display:flex; display:-webkit-flex; display:-ms-flexbox}
.main-container .body-content .when-teaching .range.purp .btns a {display:block; flex:1; -webkit-flex:1; -ms-flex:1; position:relative; height:40px; line-height:41px; font-weight:bold; font-size:14px; color:#fff; text-align:center; pointer-events:none; background:#b7b7b7}
.main-container .body-content .when-teaching .range.purp .btns a ~ a {margin-left:1px}
.main-container .body-content .when-teaching .range.purp.pass .btns a {pointer-events:auto; background:#393939}
.main-container .body-content .when-teaching .range.purp.pass .btns a:hover {background:#ff5c5c}
.main-container .body-content .when-teaching .range.purp.pass .btns a ~ a {border-left:1px solid #d0d0d0}
.main-container .body-content .when-teaching .range:not(.class).current > h3 {opacity:1}
.main-container .body-content .when-teaching .range.subject.current {min-height:65px}
.main-container .body-content .when-studying {width:19.5%; text-align:center}
.main-container .body-content .when-studying h2 {padding-bottom:38px}
.main-container .body-content .when-studying ul li {padding-top:29px; height:159px; border-top:1px solid #eaeaea; box-sizing:border-box}
.main-container .body-content .when-studying ul li a {display:inline-block; min-width:68px; padding-top:84px; font-size:18px; color:#262626}
.main-container .body-content .when-studying ul li.l1 a {background:url(../images/content/bg-list-study1.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l2 a {background:url(../images/content/bg-list-study2.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l3 a {background:url(../images/content/bg-list-study3.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l4 a {background:url(../images/content/bg-list-study4.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l5 a {background:url(../images/content/bg-list-study5.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l6 a {background:url(../images/content/bg-list-study6.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l7 a {background:url(../images/content/bg-list-study7.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l8 a {background:url(../images/content/bg-list-study8.png) center 0 no-repeat}
.main-container .body-content .when-studying ul li.l9 a {background:url(../images/content/bg-list-study9.png) center 0 no-repeat}
.main-container .body-content .when-wondering {width:19.5%; text-align:center}
.main-container .body-content .when-wondering h2 {padding-bottom:38px}
.main-container .body-content .when-wondering ul li {padding-top:29px; height:159px; border-top:1px solid #eaeaea; box-sizing:border-box}
.main-container .body-content .when-wondering ul li a {display:inline-block; position:relative; padding-top:84px; font-size:18px; color:#262626}
/*.main-container .body-content .when-wondering ul li.l1 a {background:url(../images/content/bg-list-way1.png) center 0 no-repeat}*/
.main-container .body-content .when-wondering ul li.l1 a {background:url(../images/content/kakao_talk_question_round.png) center 0 no-repeat}
.main-container .body-content .when-wondering ul li.l2 a {background:url(../images/content/bg-list-way2.png) center 0 no-repeat}
.main-container .body-content .when-wondering ul li.l3 a {background:url(../images/content/bg-list-way3.png) center 0 no-repeat}
.main-container .body-content .when-wondering ul li .new {position:absolute; right:-8px; top:3px; z-index:1; width:30px; height:16px; line-height:16px; font-weight:bold; font-size:9px; color:#f75b31; letter-spacing:0; text-align:center; border-radius:2em; background:#fff;
    -webkit-animation: new-blinking 1s infinite;
    -moz-animation: new-blinking 1s infinite;
    -o-animation: new-blinking 1s infinite;
    -ms-animation: new-blinking 1s infinite;
    animation: new-blinking 1s infinite;
}
@-webkit-keyframes new-blinking {
    0%, 49% {color:#f75b31; background:#fff}
    50%, 100% {color:#fff; background:#f75b31}
}
@-moz-keyframes new-blinking {
    0%, 49% {color:#f75b31; background:#fff}
    50%, 100% {color:#fff; background:#f75b31}
}
@-ms-keyframes new-blinking {
    0%, 49% {color:#f75b31; background:#fff}
    50%, 100% {color:#fff; background:#f75b31}
}
@-o-keyframes new-blinking {
    0%, 49% {color:#f75b31; background:#fff}
    50%, 100% {color:#fff; background:#f75b31}
}
@keyframes new-blinking {
    0%, 49% {color:#f75b31; background:#fff}
    50%, 100% {color:#fff; background:#f75b31}
}
.main-container .body-content .when-myclass {position:relative; overflow:visible; width:25%; padding-left:0; padding-right:0; background:#f1f1f1}
.main-container .body-content .when-myclass .head {text-align:center}
.main-container .body-content .when-myclass .head h2 {padding-bottom:18px}
.main-container .body-content .when-myclass .head strong {display:block; padding:3px 0 23px; font-weight:bold; font-size:20px; color:#0f3653}
.main-container .body-content .when-myclass .head p {line-height:1.3em; font-size:13px; color:#757575; text-align:center}
.main-container .body-content .when-myclass .head p span {display:block; line-height:1.3em}
.main-container .body-content .when-myclass .inp {margin-top:17px; padding:0 28px}
.main-container .body-content .when-myclass .inp:after {content:""; display:block; clear:both}
.main-container .body-content .when-myclass .inp ul {float:left}
.main-container .body-content .when-myclass .inp ul li ~ li {margin-top:5px}
.main-container .body-content .when-myclass .inp ul li.chk {margin-top:1px}
.main-container .body-content .when-myclass .inp ul li.chk label {padding-left:18px; font-size:12px}
.main-container .body-content .when-myclass .inp .login {float:right; width:80px; height:71px; line-height:71px; font-weight:bold; font-size:15px; color:#fff; text-align:center; background:#0f3653}
.main-container .body-content .when-myclass .before-cert .btns {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:17px; padding:0 28px 4px}
.main-container .body-content .when-myclass .before-cert .btns a {display:block; flex:1; -webkit-flex:1; -ms-flex:1; height:90px; padding-top:19px; text-align:center; background:#0f3653; box-sizing:border-box}
.main-container .body-content .when-myclass .before-cert .btns a ~ a {margin-left:1px}
.main-container .body-content .when-myclass .before-cert .btns a.cert1 span {background:url(../images/content/bg-cert-type1-wht.png) center 0 no-repeat}
.main-container .body-content .when-myclass .before-cert .btns a.cert2 span {background:url(../images/content/bg-cert-type2-wht.png) center 0 no-repeat}
.main-container .body-content .when-myclass .before-cert .btns a span {display:inline-block; padding-top:40px; font-weight:bold; color:#fff}
.main-container .body-content .when-myclass .after-cert .head strong {padding-bottom:27px}
.main-container .body-content .when-myclass .after-cert .cont {padding:0 28px 4px; text-align:center}
.main-container .body-content .when-myclass .after-cert .cont .level {display:inline-block; padding-top:50px; font-family:"Co Headline Corp"; font-size:18px; color:#e83a33}
.main-container .body-content .when-myclass .after-cert .cont .level.level1 {background:url(../images/content/bg-level1-large.png) center 0 no-repeat}
.main-container .body-content .when-myclass .after-cert .cont .level.level2 {background:url(../images/content/bg-level2-large.png) center 0 no-repeat}
.main-container .body-content .when-myclass .after-cert .cont .level.level3 {background:url(../images/content/bg-level3-large.png) center 0 no-repeat}
.main-container .body-content .when-myclass .after-cert .cont .level.level4 {background:url(../images/content/bg-level4-large.png) center 0 no-repeat}
.main-container .body-content .when-myclass .after-cert .cont .level.level5 {background:url(../images/content/bg-level5-large.png) center 0 no-repeat}
.main-container .body-content .when-myclass .after-cert .cont a {display:inline-block; width:100%; height:50px; margin-top:17px; font-weight:bold; font-size:15px; color:#fff; text-align:center; background:#0f3653}
.main-container .body-content .when-myclass .after-cert .cont a span {display:inline-block; line-height:50px}
.main-container .body-content .when-myclass .join-more {margin:15px 28px 0; padding-bottom:9px; border-bottom:1px solid #e6e6e6; text-align:center}
.main-container .body-content .when-myclass .join-more li {display:inline-block}
.main-container .body-content .when-myclass .join-more li a {display:inline-block; padding-right:12px; font-weight:bold; font-size:12px; color:#7b7b7b; background:url(../images/content/bg-arrow-join.png) 100% 2px no-repeat}
.main-container .body-content .when-myclass .join-more li ~ li {margin-left:8px}
.main-container .body-content .when-myclass .guide-center {padding:21px 28px 20px; text-align:center}
.main-container .body-content .when-myclass .guide-center .tit {display:block; line-height:21px; padding-bottom:9px; font-size:16px; color:#5c5c5c}
.main-container .body-content .when-myclass .guide-center .tit .help {display:inline-block; position:relative; width:21px; height:21px; font-size:0; text-indent:-9999em; vertical-align:top; background:url(../images/content/ico-help.png) center no-repeat}
.main-container .body-content .when-myclass .guide-center .tit .help > span {display:none; position:absolute; z-index:2; bottom:31px; left:-51px; width:215px; padding:16px 23px 12px; text-align:left; border-radius:18px; background:#f75b31; box-sizing:border-box}
.main-container .body-content .when-myclass .guide-center .tit .help > span:after {content:""; position:absolute; left:58px; bottom:-3px; width:8px; height:4px; background:url(../images/content/bg-arrow-note.png) no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.main-container .body-content .when-myclass .guide-center .tit .help:hover > span {display:block}
.main-container .body-content .when-myclass .guide-center .tit .help > span > strong {font-weight:bold; font-size:13px; color:#fff; text-indent:0}
.main-container .body-content .when-myclass .guide-center .tit .help > span > ul {margin-top:6px}
.main-container .body-content .when-myclass .guide-center .tit .help > span > ul > li {line-height:1.4em; font-size:12px; text-indent:0; color:#fff}
.main-container .body-content .when-myclass .guide-center strong,
.main-container .body-content .when-myclass .guide-center strong a {font-family: 'Co Headline Corp'; font-size:24px; color:#e83a33; letter-spacing:0}
.main-container .body-content .when-myclass .guide-center .time {padding-top:8px; color:#5c5c5c; letter-spacing:0}
.main-container .body-content .when-myclass .guide-center .btns {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:12px}
.main-container .body-content .when-myclass .guide-center .btns a {display:block; flex:1; -webkit-flex:1; -ms-flex:1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#fff; box-sizing:border-box}
.main-container .body-content .when-myclass .guide-center .btns a:last-child {border-right:1px solid #e1e1e1}
.main-container .body-content .when-myclass .guide-center .btns a span {line-height:35px; vertical-align: middle;}
.main-container .body-content .when-myclass .slide-adv {position:absolute; left:0; bottom:-1px; right:0; overflow:hidden; height:162px}
.main-container .body-content .when-myclass .slide-adv:after {content:""; display:block; clear:both}
.main-container .body-content .when-myclass .slide-adv .adv {float:left; position:relative; width:100%}
.main-container .body-content .when-myclass .slide-adv .adv img {width:100%}
.main-container .body-content .when-myclass .slide-adv .adv img.m {display:none}
.main-container .body-content .when-myclass .slide-adv .slick-dots {position:absolute; left:28px; bottom:20px}
.main-container .body-content .when-myclass .slide-adv .slick-dots li {float:left}
.main-container .body-content .when-myclass .slide-adv .slick-dots li ~ li {margin-left:7px}
.main-container .body-content .when-myclass .slide-adv .slick-dots li button {display:inline-block; width:13px; height:13px; font-size:0; text-indent:-9999em; border-radius:100%; background:#fff}
.main-container .body-content .when-myclass .slide-adv .slick-dots li.slick-active button {background:#0f3653}
/* 하단 애니메이션 */
.box-content .wrap-box {display:flex; display:-webkit-flex; display:-ms-flexbox}
.box-content .wrap-box {border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff}
.box-content .wrap-box .box {display:block; flex:1; -webkit-flex:1; -ms-flex:1; position:relative; height:255px; padding:30px 40px 0; border-left:1px solid #e0e0e0}
.box-content .wrap-box .box *{position:relative; z-index:1}
.box-content .wrap-box .box strong {display:block; padding-bottom:10px; font-size:18px; color:#262626; border-bottom:1px solid #eaeaea}
.box-content .wrap-box .box p {line-height:1.4em; padding:31px 0 9px; font-size:14px; color:#7b7b7b}
.box-content .wrap-box .box a {/*position:relative; z-index:1;*/ font-size:13px; color:#ff5c5c; border-bottom:1px solid #ff5c5c}
.box-content .wrap-box .box .animate {position:absolute; right:0}
.box-content .wrap-box .box.box1 .animate {right:0; bottom:0; width:147px; height:92px}
.box-content .wrap-box .box.box1 .animate0 {background:url(../images/content/img-main-bottom1-0.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate1 {background:url(../images/content/img-main-bottom1-1.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate2 {background:url(../images/content/img-main-bottom1-2.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate3 {background:url(../images/content/img-main-bottom1-3.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate4 {background:url(../images/content/img-main-bottom1-4.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate5 {background:url(../images/content/img-main-bottom1-5.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate6 {background:url(../images/content/img-main-bottom1-6.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate7 {background:url(../images/content/img-main-bottom1-7.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate8 {background:url(../images/content/img-main-bottom1-8.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate9 {background:url(../images/content/img-main-bottom1-9.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate10 {background:url(../images/content/img-main-bottom1-10.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate11 {background:url(../images/content/img-main-bottom1-11.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate12 {background:url(../images/content/img-main-bottom1-12.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate13 {background:url(../images/content/img-main-bottom1-13.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate14 {background:url(../images/content/img-main-bottom1-14.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate15 {background:url(../images/content/img-main-bottom1-15.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate16 {background:url(../images/content/img-main-bottom1-16.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate17 {background:url(../images/content/img-main-bottom1-17.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate18 {background:url(../images/content/img-main-bottom1-18.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate19 {background:url(../images/content/img-main-bottom1-19.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate20 {background:url(../images/content/img-main-bottom1-20.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate21 {background:url(../images/content/img-main-bottom1-21.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate22 {background:url(../images/content/img-main-bottom1-22.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate23 {background:url(../images/content/img-main-bottom1-23.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate24 {background:url(../images/content/img-main-bottom1-24.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate25 {background:url(../images/content/img-main-bottom1-25.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 .animate26 {background:url(../images/content/img-main-bottom1-26.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate {right:0; bottom:0px; width:222px; height:112px}
.box-content .wrap-box .box.box2 .animate0 {background:url(../images/content/img-main-bottom2-0.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate1 {background:url(../images/content/img-main-bottom2-1.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate2 {background:url(../images/content/img-main-bottom2-2.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate3 {background:url(../images/content/img-main-bottom2-3.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate4 {background:url(../images/content/img-main-bottom2-4.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate5 {background:url(../images/content/img-main-bottom2-5.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate6 {background:url(../images/content/img-main-bottom2-6.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate7 {background:url(../images/content/img-main-bottom2-7.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate8 {background:url(../images/content/img-main-bottom2-8.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate9 {background:url(../images/content/img-main-bottom2-9.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate10 {background:url(../images/content/img-main-bottom2-10.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate11 {background:url(../images/content/img-main-bottom2-11.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate12 {background:url(../images/content/img-main-bottom2-12.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate13 {background:url(../images/content/img-main-bottom2-13.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate14 {background:url(../images/content/img-main-bottom2-14.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate15 {background:url(../images/content/img-main-bottom2-15.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate16 {background:url(../images/content/img-main-bottom2-16.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate17 {background:url(../images/content/img-main-bottom2-17.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate18 {background:url(../images/content/img-main-bottom2-18.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate19 {background:url(../images/content/img-main-bottom2-19.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate20 {background:url(../images/content/img-main-bottom2-20.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate21 {background:url(../images/content/img-main-bottom2-21.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate22 {background:url(../images/content/img-main-bottom2-22.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate23 {background:url(../images/content/img-main-bottom2-23.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box2 .animate24 {background:url(../images/content/img-main-bottom2-24.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate {right:0; bottom:0; width:177px; height:122px}
.box-content .wrap-box .box.box3 .animate0 {background:url(../images/content/img-main-bottom3-0.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate1 {background:url(../images/content/img-main-bottom3-1.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate2 {background:url(../images/content/img-main-bottom3-2.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate3 {background:url(../images/content/img-main-bottom3-3.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate4 {background:url(../images/content/img-main-bottom3-4.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate5 {background:url(../images/content/img-main-bottom3-5.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate6 {background:url(../images/content/img-main-bottom3-6.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate7 {background:url(../images/content/img-main-bottom3-7.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate8 {background:url(../images/content/img-main-bottom3-8.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate9 {background:url(../images/content/img-main-bottom3-9.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate10 {background:url(../images/content/img-main-bottom3-10.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate11 {background:url(../images/content/img-main-bottom3-11.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate12 {background:url(../images/content/img-main-bottom3-12.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate13 {background:url(../images/content/img-main-bottom3-13.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate14 {background:url(../images/content/img-main-bottom3-14.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate15 {background:url(../images/content/img-main-bottom3-15.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate16 {background:url(../images/content/img-main-bottom3-16.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate17 {background:url(../images/content/img-main-bottom3-17.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate18 {background:url(../images/content/img-main-bottom3-18.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate19 {background:url(../images/content/img-main-bottom3-19.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate20 {background:url(../images/content/img-main-bottom3-20.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate21 {background:url(../images/content/img-main-bottom3-21.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate22 {background:url(../images/content/img-main-bottom3-22.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate23 {background:url(../images/content/img-main-bottom3-23.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate24 {background:url(../images/content/img-main-bottom3-24.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate25 {background:url(../images/content/img-main-bottom3-25.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate26 {background:url(../images/content/img-main-bottom3-26.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate27 {background:url(../images/content/img-main-bottom3-27.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate28 {background:url(../images/content/img-main-bottom3-28.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate29 {background:url(../images/content/img-main-bottom3-29.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate30 {background:url(../images/content/img-main-bottom3-30.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box3 .animate31 {background:url(../images/content/img-main-bottom3-31.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate {right:0; bottom:0; width:177px; height:122px}
.box-content .wrap-box .box.box4 .animate0 {background:url(../images/content/img-main-bottom4-0.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate1 {background:url(../images/content/img-main-bottom4-1.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate2 {background:url(../images/content/img-main-bottom4-2.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate3 {background:url(../images/content/img-main-bottom4-3.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate4 {background:url(../images/content/img-main-bottom4-4.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate5 {background:url(../images/content/img-main-bottom4-5.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate6 {background:url(../images/content/img-main-bottom4-6.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate7 {background:url(../images/content/img-main-bottom4-7.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate8 {background:url(../images/content/img-main-bottom4-8.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate9 {background:url(../images/content/img-main-bottom4-9.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate10 {background:url(../images/content/img-main-bottom4-10.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate11 {background:url(../images/content/img-main-bottom4-11.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate12 {background:url(../images/content/img-main-bottom4-12.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate13 {background:url(../images/content/img-main-bottom4-13.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate14 {background:url(../images/content/img-main-bottom4-14.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate15 {background:url(../images/content/img-main-bottom4-15.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate16 {background:url(../images/content/img-main-bottom4-16.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate17 {background:url(../images/content/img-main-bottom4-17.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate18 {background:url(../images/content/img-main-bottom4-18.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate19 {background:url(../images/content/img-main-bottom4-19.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate20 {background:url(../images/content/img-main-bottom4-20.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate21 {background:url(../images/content/img-main-bottom4-21.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate22 {background:url(../images/content/img-main-bottom4-22.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate23 {background:url(../images/content/img-main-bottom4-23.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate24 {background:url(../images/content/img-main-bottom4-24.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate25 {background:url(../images/content/img-main-bottom4-25.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate26 {background:url(../images/content/img-main-bottom4-26.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box4 .animate27 {background:url(../images/content/img-main-bottom4-27.png) 100% 100% no-repeat}
.box-content .wrap-box .box.box1 {background:url(../images/content/bg-list-box1.png) right bottom no-repeat}
.box-content .wrap-box .box.box2 {background:url(../images/content/bg-list-box2.png) right bottom no-repeat}
.box-content .wrap-box .box.box3 {background:url(../images/content/bg-list-box3.png) right bottom no-repeat}
.box-content .wrap-box .box.box4 {background:url(../images/content/bg-list-box4.png) right bottom no-repeat}
.box-content .wrap-box .box.box1 {background:url(../images/content/img-main-bottom1-0.png) right bottom no-repeat}
.box-content .wrap-box .box.box2 {background:url(../images/content/img-main-bottom2-0.png) right bottom no-repeat}
.box-content .wrap-box .box.box3 {background:url(../images/content/img-main-bottom3-31.png) right bottom no-repeat}
.box-content .wrap-box .box.box4 {background:url(../images/content/img-main-bottom4-0.png) right bottom no-repeat}
.box-content .wrap-box .box.box1.move,
.box-content .wrap-box .box.box2.move,
.box-content .wrap-box .box.box3.move,
.box-content .wrap-box .box.box4.move {background:none}
.box-content .wrap-box .box.box1:hover,
.box-content .wrap-box .box.box2:hover,
.box-content .wrap-box .box.box3:hover,
.box-content .wrap-box .box.box4:hover {box-shadow:0 0 25px rgba(0, 0, 0, .5)}
.box-content .wrap-box .box.box1:hover:after,
.box-content .wrap-box .box.box2:hover:after,
.box-content .wrap-box .box.box3:hover:after,
.box-content .wrap-box .box.box4:hover:after {content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; padding-right:1px; border:1px solid #a4a4a4}
/*.box-content .wrap-box.three .box:first-child {flex:2; -webkit-flex:2}*/

.main-container .notice-content {position:relative; text-align:center}
.main-container .notice-content .inner {display:inline-block; margin-left:-14px; padding:28px 0}
.main-container .notice-content .inner * {vertical-align:middle}
.main-container .notice-content .inner > strong {font-size:14px; color:#e83b34}
.main-container .notice-content .inner .list {display:inline-block; margin-left:75px}
.main-container .notice-content .inner .list > .wrap {position:relative; width:492px; overflow:hidden}
.main-container .notice-content .inner .list > .wrap:before {content:""; position:absolute; left:-41px; top:50%; width:3px; height:3px; margin-top:-3px; border-radius:3px; background:#5c5c5c}
.main-container .notice-content .inner .list > .wrap:after {content:""; display:block; clear:both}
.main-container .notice-content .inner .list > .wrap div {float:left; width:100%}
.main-container .notice-content .inner .list > .wrap div strong {display:inline-block; overflow:hidden; text-overflow:ellipsis; width:403px; font-size:14px; color:#919191; text-align:left; vertical-align:top; white-space:nowrap}
.main-container .notice-content .inner .list > .wrap div span {position:relative; margin-left:19px; font-size:14px; color:#919191; vertical-align:top}
.main-container .notice-content .inner .list > .wrap div span:after {content:""; position:absolute; left:-10px; top:50%; width:1px; height:12px; margin-top:-6px; background:#d1d1d1}
.main-container .notice-content .inner .page {position:absolute; right:29px; top:50%; margin-top:-11px}
.main-container .notice-content .inner .page a {display:inline-block; width:21px; height:21px; font-size:0; text-indent:-9999em; border:1px solid #eee; box-sizing:border-box}
.main-container .notice-content .inner .page a.prev {background:url(../images/content/bg-prev.png) center no-repeat}
.main-container .notice-content .inner .page a.next {background:url(../images/content/bg-next.png) center no-repeat}
.main-container .notice-content .inner .page > span {line-height:21px; margin:0 5px; font-size:10px; color:#888}

/* 스마트교실 메인 */
/* .select-option.custom-main {margin-left:332px; margin-top:-37px; width:817px !important; border:1px solid #e0e0e0 !important}
.select-option.custom-main.upper {margin-top:39px}
.select-option.custom-main ul li:first-child {border-top:none}
.select-option.custom-main span, .select-option.custom-main strong {padding:11px 11px 12px} */
#container.smartclass-main {width:auto}
.smartclass-main .main-inner {width:1200px; margin:0 auto}
.smartclass-main .header {position:relative; height:114px; padding:56px 39px 0; text-align:center}
.smartclass-main .header:after {content:""; display:block; clear:both}
.smartclass-main .header h2 {float:left; font-size:16px; color:#0f3653}
.smartclass-main .header h2 em {font-style:normal; font-weight:bold}
.smartclass-main .header .today {position:absolute; left:50%; top:40px; width:414px; margin-left:-207px}
.smartclass-main .header .today em {display:inline-block; width:61px; height:23px; line-height:23px; font-style:normal; font-weight:bold; font-size:12px; color:#fff; text-align:center; vertical-align:middle; border-radius:2em; background:#0f3653}
.smartclass-main .header .today strong {margin:0 30px; font-family: 'Co Headline Corp'; font-size:44px; color:#ff5c5c; letter-spacing:0; vertical-align:middle}
.smartclass-main .header .today span {font-size:16px; color:#0f3653; vertical-align:middle}
.smartclass-main .header .link {float:right}
.smartclass-main .header .link ul:after {content:""; display:block; clear:both}
.smartclass-main .header .link ul li {float:left}
.smartclass-main .header .link ul li ~ li {margin-left:25px}
.smartclass-main .header .link ul li a {font-size:14px; color:#606060}
.smartclass-main .header .link ul li a .new {display:inline-block; width:15px; height:14px; line-height:14px; font-weight:bold; font-size:10px; color:#fff; vertical-align:middle; border-radius:2px; background:#ff8482}
.smartclass-main .header .link ul li.alert {position:relative}
.smartclass-main .header .link ul li.alert a {font-weight:bold; color:#ff5c5c}
.smartclass-main .header .link ul li .recent {position:absolute; left:-70px; top:25px; z-index:1; width:266px; padding:13px 23px 12px; text-align:left; border-radius:1em; background:#f75b31}
.smartclass-main .header .link ul li .recent .close {position:absolute; right:-6px; top:-7px; z-index:2; width:20px; height:20px; font-size:0; text-indent:-9999em; border-radius:100%; background:#ffdedd url(../images/content/btn_close_alert.png) 50% 50% no-repeat}
.smartclass-main .header .link ul li .recent:after {content:""; position:absolute; left:79px; top:-4px; width:8px; height:4px; background:url(../images/content/bg-arrow-note.png) no-repeat}
.smartclass-main .header .link ul li .recent p {line-height:1.3em; font-size:12px; color:#fff}
/* .smartclass-main .main-content {padding-bottom:60px} *//* 180413 */
.smartclass-main .main-content .section:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section ~ .section {margin-top:30px}
.smartclass-main .main-content .section .sec {float:left; padding:28px 29px 30px; border:1px solid #e0e0e0; background:#fff}
.smartclass-main .main-content .section .sec h3 {position:relative; padding-bottom:12px; font-weight:bold; font-size:18px; color:#0f3653; border-bottom:1px solid #eaeaea}
.smartclass-main .main-content .section .sec h3 .add {position:absolute; right:-13px; top:-12px; width:40px; height:40px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-plus-darkgray.png) center no-repeat}
.smartclass-main .main-content .section .sec h3 strong {margin-left:9px; font-weight:bold}
.smartclass-main .main-content .section .sec ~ .sec {margin-left:30px}
.smartclass-main .main-content .section .sec .bx-note {position:relative; margin-top:-1px; padding:20px 0; text-align:center; background:#f7f7f7}
.smartclass-main .main-content .section .sec .bx-note p {color:#666}
.smartclass-main .main-content .section .sec1 {width:436px}
.smartclass-main .main-content .section1 .sec {height:563px}
.smartclass-main .main-content .section2 .sec {height:333px}
.smartclass-main .main-content .section3 .sec {height:239px}
.smartclass-main .main-content .section1 .sec2 {width:436px}
.smartclass-main .main-content .section1 .sec3 {width:268px}
.smartclass-main .main-content .section2 .sec2,
.smartclass-main .main-content .section3 .sec2 {width:733px}
.smartclass-main .main-content .section1 .cont:first-child {height:287px}
.smartclass-main .main-content .slick-arrow {position:absolute; width:48px; height:48px; top:50%; z-index:1; margin-top:-24px; font-size:0; text-indent:-9999em; cursor:pointer}
.smartclass-main .main-content .slick-disabled {cursor:auto}
.smartclass-main .main-content .slick-prev {background:url(../images/common/arrow-slide-left-on.png) center no-repeat}
.smartclass-main .main-content .slick-prev.slick-disabled {background:url(../images/common/arrow-slide-left.png) center no-repeat}
.smartclass-main .main-content .slick-next {background:url(../images/common/arrow-slide-right-on.png) center no-repeat}
.smartclass-main .main-content .slick-next.slick-disabled {background:url(../images/common/arrow-slide-right.png) center no-repeat}
.smartclass-main .main-content .section1 .sec1 {position:relative}
.smartclass-main .main-content .section1 .sec1 h3 .add-book {position:absolute; right:0; top:3px; padding-left:16px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/common/ico-setting.png) left center no-repeat; background-size:12px auto}
.smartclass-main .main-content .section1 .sec1 h3 .add-book span {display:none}
.smartclass-main .main-content .section1 .sec1 h3 .back {position:absolute; right:0; top:3px; padding-left:12px; font-weight:bold; font-size:13px; color:#8e9397; background:url(../images/content/bg-arrow-back.png) 0 center no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook {position:relative; margin-top:36px; text-align:center; visibility:hidden}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .slick-initialized {visibility:visible}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook {position:relative; margin-top:36px; text-align:center}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .slick-prev {left:-12px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .slick-next {right:-12px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner {overflow:hidden; /* height:155px*/ }
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner .tbook {float:left; padding-top:9px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner .tbook .img {display:inline-block; position:relative; width:116px; /* height:146px;*/ border:1px solid #d2d2d2}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner .tbook .img img {max-width:100%}
.smartclass-main .main-content .section1 .sec1 .textbook-main .list-textbook .inner .tbook .img .delete {position:absolute; right:-10px; top:-10px; width:26px; height:26px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-delete.png) no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset {margin-top:35px; border:1px solid #e2e2e2}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .tab-setting:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .tab-setting a {float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#595959; text-align:center; background:#e2e2e2; box-sizing:border-box}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .tab-setting a.active {font-weight:bold; color:#ff5c5c; background:#fff}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont {padding:20px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area,
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area {padding-top:10px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area  {position:relative}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .inp {padding:0 17px; border:1px solid #ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .inp a {display:block; line-height:38px; font-weight:bold; font-size:14px; color:#2f2f2f; background:url(../images/common/ico-menu-blk.png) right center no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .inp.open a {background:url(../images/common/ico-menu-pink.png) right center no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area {display:none; position:absolute; left:0; right:0; top:49px; z-index:1; margin-top:-1px; border:1px solid #ff5c5c; background:#fff}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list {overflow-x:hidden; overflow-y:auto; height:69px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list .inner {padding:6px 20px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list .inner ul li {line-height:1.6em}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list .inner ul li a {color:#666}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .list .inner ul li a:hover {font-weight:bold; color:#ff6b6b}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .add {padding:10px 20px; border-top:1px solid #e0e0e0}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .add:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .add input[type="text"] {float:left; width:calc(100% - 84px); height:30px; line-height:30px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .add input[type="text"] + a {float:right; width:74px; height:30px; line-height:30px; vertical-align:middle}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area .list-area .add input[type="text"] + a span {line-height:30px}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area .select-title {height:38px; padding:0 20px; border-color:#ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area .select-title strong {line-height:36px; font-weight:bold; font-size:14px; color:#2f2f2f; background:#fff}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .sel-area .select-title strong:after {top:16px; width:8px; height:4px; background:url(../images/content/bg-arrow-note-down.png) no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-main .bx-bookset .bookset-cont .inp-area.mobile {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add strong.tit {padding-bottom:9px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is,
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not {padding-top:23px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook {padding:31px 40px 36px; text-align:center; border:1px solid #e0e0e0; background:#f7f7f7}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook > strong {display:inline-block; padding-bottom:20px; font-weight:bold; font-size:15px; color:#4f4f4f; border-bottom:1px solid #eaeaea}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose {position:relative; margin-top:22px; visibility:hidden}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-initialized {visibility:visible}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-arrow {margin-top:-28px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-prev {left:-42px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .slick-next {right:-42px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner {overflow:hidden}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner .book {float:left; margin:0 15px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner .book input[type="checkbox"] + label {height:auto; padding-left:0; padding-top:23px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner .book input[type="checkbox"] + label .img {width:116px; border:1px solid #d2d2d2}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner .book input[type="checkbox"]:checked + label .img {border-color:#ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-is .bx-ybmbook .list-choose .inner .book input[type="checkbox"] + label .img img {width:100%}
.smartclass-main .main-content .section1 .sec1 .textbook-add .btns-purpose .btns a {float:none}
.smartclass-main .main-content .section1 .sec1 a.help {position:absolute; top:-4px; right:2px; width:21px; height:21px; font-size:0; text-indent:-9999em; background:url(../images/content/ico-help.png) no-repeat}
.smartclass-main .main-content .section1 .sec1 a.help + .help-note {display:none; position:absolute; z-index:2; top:24px; right:-181px; width:280px; padding:16px 23px; text-align:left; border-radius:1em; background:#f75b31}
.smartclass-main .main-content .section1 .sec1 a.help + .help-note:after {content:""; position:absolute; left:82px; top:-4px; width:8px; height:4px; background:url(../images/content/bg-arrow-note.png) no-repeat}
.smartclass-main .main-content .section1 .sec1 a.help + .help-note p {line-height:1.4em; font-size:12px; color:#fff}
.smartclass-main .main-content .section1 .sec1 .tit {display:block; position:relative; font-size:15px; color:#2f2f2f}
.smartclass-main .main-content .section1 .sec1 a.help + .help-note p span {display:block; line-height:1.4em}
.smartclass-main .main-content .section1 .sec1 .btns-purpose {position:absolute; left:29px; right:29px; bottom:30px}
.smartclass-main .main-content .section1 .sec1 .btns-purpose .btns {padding-top:10px; text-align:center}
.smartclass-main .main-content .section1 .sec1 .btns-purpose .btns:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .btns-purpose .btns a {float:left; width:50%}
.smartclass-main .main-content .section1 .sec1 .btns-purpose .btns a:hover {border-color:#ff5c5c; background:#ff5c5c}
.smartclass-main .main-content .section1 .sec1 .btns-purpose .btns a ~ a {border-left:1px solid #fff}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range {position:relative; text-align:left}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range ~ .range {padding-top:20px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range h4.tit {padding-bottom:9px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .wrap-select {position:relative}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .reset {display:none; position:absolute; right:0; top:22px; width:15px; height:15px; text-indent:-999em; background:url(../images/content/ico-reset.png) 50% 50% no-repeat}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .reset.opened {background-image:url(../images/content/ico-reset-open.png)}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .select:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .select input[type="radio"] + label {font-size:14px; box-sizing:border-box; height:auto; cursor:pointer; padding:0 0 0 0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .select input[type="radio"] + label:before {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .select input[type="radio"] + label ~ label {margin-left:0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .select input[type="radio"]:checked + label:after {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .selected {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .selected {position:relative; border:1px solid #ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range .selected strong {display:block; height:38px; line-height:40px; padding:0 44px 0 20px; font-weight:bold; color:#2f2f2f}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.pass .reset {display:block}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.pass .wrap-select .select {display:none; position:absolute; left:0; top:0; width:100%; z-index:1}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.pass .wrap-select .selected {display:block}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class {margin-top:0; border-top:0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class .select input[type="radio"] + label {float:left; position:relative; width:33.33%; line-height:40px; text-align:center; background:#757575; color:#fff}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class .select input[type="radio"] + label ~ label:after {content:""; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#8a8a8a}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class .select input[type="radio"]:checked + label {background:#ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class .select input[type="radio"]:checked + label:after {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.class .select input[type="radio"]:checked + label + input[type="radio"] + label:after {display:none}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select {position:relative; background:#fff; padding:1px 0 0 1px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .wrap-select .select {z-index:2}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e0e0e0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select input[type="radio"] + label {float:left; width:calc(25% + 1px); line-height:38px; text-align:center; border:1px solid #e0e0e0; background:#fff; margin:-1px 0 0 -1px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select input[type="radio"] + label:hover,
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.subject .select input[type="radio"]:checked + label {font-weight:bold; color:#ff5c5c; border-color:#ff5c5c; z-index:1}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select {position:relative; z-index:1; max-height:205px; overflow-x:hidden; overflow-y:auto; border:1px solid #e0e0e0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select input[type="radio"] + label {display:block; height:auto; padding:0 20px; line-height:39px; background:#f5d9da; color:#757575}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select input[type="radio"]:focus + label,
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select input[type="radio"] + label:hover {background:#fff}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select input[type="radio"] + label ~ label {border-top:1px solid #e0e0e0}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .select input[type="radio"]:checked + label {background:#fff; color:#ff5c5c}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected {padding:20px; padding-right:44px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected strong,
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected span {display:inline-block; vertical-align:bottom}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected span {margin-right:16px}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected strong {height:auto; padding:0; line-height:normal}
.smartclass-main .main-content .section1 .sec1 .textbook-add .textbook-not .range.book .selected .reset {top:50%; margin-top:-19px}
.smartclass-main .main-content .section1 .sec2 .cont .nodata ul {padding-top:15px}
.smartclass-main .main-content .section1 .sec2 .cont .nodata ul li {line-height:1.55em; color:#666}
.smartclass-main .main-content .section1 .sec2 .cont .nodata .btns-submit a {width:186px}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper {position:relative; margin-top:35px; padding:0 42px; text-align:center}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .slick-arrow {margin-top:-39px}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .slick-prev {left:-12px}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .slick-next {right:-12px}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner {overflow:hidden; max-width:100000px; visibility:hidden}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner.slick-initialized {visibility:visible}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper {display:inline-block; position:relative; width:116px; margin:0 15px}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper strong {display:block; overflow:hidden; text-overflow:ellipsis; width:100%; line-height:15px; padding-top:13px; font-size:14px; color:#757575; white-space:nowrap}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .img  {overflow:hidden; position:relative; width:116px; height:auto; border:1px solid #d2d2d2}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .img img {width:100%}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover {display:none; position:absolute; left:0; top:0; width:116px; height:100%; padding-top:46px; text-align:center; background:rgba(0, 0, 0, .8)}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span {display:inline-block; width:40%; vertical-align:middle}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a {display:inline-block; position:relative}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a:after {content:""; position:absolute; left:50%; top:0; width:36px; height:36px; margin-left:-18px; border-radius:36px; background:#f75b31}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a:before {content:""; position:absolute; left:50%; top:8px; z-index:1}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a span {display:block; padding-top:44px; font-weight:bold; font-size:10px; color:#fff}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a.preview:before {width:19px; height:19px; margin-left:-10px; background:url(../images/content/ico-preview-wht.png) center no-repeat}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper .hover > span a.down:before {width:24px; height:18px; margin-left:-12px; background:url(../images/content/ico-down-wht.png) center no-repeat}
.smartclass-main .main-content .section1 .sec2 .cont .list-paper .inner .paper:hover .hover {display:block}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning {margin-top:30px; text-align:center; visibility:hidden}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .slick-initialized {visibility:visible}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .slick-prev {left:-12px}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .slick-next {right:-12px}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner {display:inline-block; overflow:hidden; position:relative; width:376px}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan {float:left; margin:0 45px; border:1px solid #d9d9d9; background:#ededed}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .img {float:left; width:116px; height:154px; border-right:1px solid #d9d9d9}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .img img {width:100%; height:100%}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page {float:left; overflow-x:hidden; overflow-y:auto; width:167px; height:154px}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li {position:relative; text-align:left}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; max-width:100%; padding:0 27px 0 6px; color:#757575; box-sizing:border-box}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li a:hover {color:#ff5c5c; background:#fff}
.smartclass-main .main-content .section1 .sec2 .cont2 .list-planning .inner .plan .page ul li .my {position:absolute; right:0; top:0; width:27px; height:30px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-ico-my.png) center no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 {position:relative}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level {position:absolute; right:0; top:-2px; height:21px; line-height:21px; padding-left:25px; font-family:"Co Headline Corp"; font-size:16px; color:#e83a33; letter-spacing:0}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level1 {background:url(../images/content/bg-level1.png) 0 50% no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level2 {background:url(../images/content/bg-level2.png) 0 50% no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level3 {background:url(../images/content/bg-level3.png) 0 50% no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level4 {background:url(../images/content/bg-level4.png) 0 50% no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 h3 .level5 {background:url(../images/content/bg-level5.png) 0 50% no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont1 .desc {margin-top:17px; line-height:1.4em; font-size:14px; color:#7b7b7b; letter-spacing:-0.08em; text-align:center}
.smartclass-main .main-content .section1 .sec3 .cont1 .desc span {display:block; line-height:1.4em}
.smartclass-main .main-content .section1 .sec3 .cont1 .bann {margin-top:12px}
.smartclass-main .main-content .section1 .sec3 .cont1 .bann a {display:block}
.smartclass-main .main-content .section1 .sec3 .cont1 .bann a.mobile {display:none}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon {position:relative; margin-top:15px}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .inner {overflow:hidden; width:208px; height:75px}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon {float:left; width:208px; height:75px; background:url(../images/content/bg-coupon-small.png) no-repeat; background-size:cover}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon div {float:left; display:block; width:39%; height:75px; text-align:center}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon div:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon div ~ div {width:61%}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon strong {font-family:"Co Headline Corp"; font-size:34px; color:#ff8482; letter-spacing:0; vertical-align:middle}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon strong span {font-size:16px}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .coupon p {display:inline-block; font-weight:bold; font-size:13px; color:#ff8482; vertical-align:middle}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .slick-dots {position:absolute; left:0; right:0; bottom:-28px; text-align:center}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .slick-dots li {display:inline-block}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .slick-dots li ~ li {margin-left:7px}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .slick-dots li button {display:inline-block; width:13px; height:13px; font-size:0; text-indent:-9999em; border-radius:13px; background:#d6d6d6}
.smartclass-main .main-content .section1 .sec3 .cont1 .list-coupon .slick-dots li.slick-active button {background:#0f3653}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer {margin-top:53px}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer {float:left; width:50%; text-align:center}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer a {display:inline-block; min-width:59px}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer strong {display:block; padding-top:66px; font-size:14px; color:#5c5c5c}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer strong em {display:block; margin-top:5px; font-style:normal; font-size:14px; color:#ff5c5c}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer1 a {margin-right:-4px}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer2 a {margin-left:-4px}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer1 strong {background:url(../images/content/bg-list-refer1.png) 50% 0 no-repeat}
.smartclass-main .main-content .section1 .sec3 .cont2 .bx-refer .refer.refer2 strong {background:url(../images/content/bg-list-refer2.png) 50% 0 no-repeat}
.smartclass-main .main-content .section2 .sec1 .recomm {display:inline-block; height:32px; line-height:32px; margin-top:16px; padding-left:42px; font-size:12px; color:#262626; vertical-align:middle; background:url(../images/content/ico-like.png) 0 center no-repeat}
.smartclass-main .main-content .section2 .sec1 > strong {display:block; margin-top:9px; font-weight:bold; font-size:16px; color:#262626}
.smartclass-main .main-content .section2 .sec1 .article {margin-top:22px}
.smartclass-main .main-content .section2 .sec1 .article a {display:block}
.smartclass-main .main-content .section2 .sec1 .article a:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section2 .sec1 .article .img {float:left; overflow:hidden; width:140px; height:140px}
.smartclass-main .main-content .section2 .sec1 .article .img img {width:100%}
.smartclass-main .main-content .section2 .sec1 .article .img img.m {display:none}
.smartclass-main .main-content .section2 .sec1 .article p {float:left; width:calc(100% - 140px); height:14px; padding:14px 0 15px 30px; box-sizing:border-box}
.smartclass-main .main-content .section2 .sec1 .article p strong {display:block; overflow:hidden; line-height:18px; padding-bottom:15px; font-weight:bold; font-size:15px; color:#262626; text-overflow:ellipsis; white-space:nowrap}
.smartclass-main .main-content .section2 .sec1 .article p span {display:block; overflow:hidden; height:84px; line-height:1.5em; font-size:14px; color:#5c5c5c; word-break:keep-all}
.smartclass-main .main-content .section2 .sec2 h3 {border-bottom:none}
.smartclass-main .main-content .section2 .sec2 .cal-content {border-right:1px solid #eaeaea}
.smartclass-main .main-content .section2 .sec2 .cal-content .day {display:table; table-layout:fixed; width:100%; border-top:1px solid #eaeaea; background:#f5f5f5; box-sizing:border-box}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner {display:table-row}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div {display:table-cell; height:50px; text-align:center; font-weight:bold; font-size:19px; color:#0f3653; vertical-align:middle; border-left:1px solid #eaeaea}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div strong {font-family:'Co Headline Corp'; font-size:20px; color:#0f3653; letter-spacing:-0.01em}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div.off {background:#fff7f7}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div.off strong {color:#ff5c5c}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div.today {position:relative; background:#0f3653}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div.today:after {content:""; position:absolute; left:-1px; bottom:-1px; width:100%; height:1px; background:#0f3653}
.smartclass-main .main-content .section2 .sec2 .cal-content .day > .inner > div.today strong {color:#fff}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table {display:table; table-layout:fixed; position:relative; width:100%; border-top:1px solid #eaeaea}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row {display:table-row}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell {display:table-cell; height:193px; vertical-align:top; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner {overflow:hidden; height:193px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner div {position:static; height:auto; padding:7px 9px; line-height:1.3em; font-size:14px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {position:absolute !important}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner div .time {display:block; line-height:1.3em}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .inner div.today {position:absolute; top:-1px; z-index:1; width:93px; height:100%; padding:0; font-size:0; text-indent:-9999em; border:1px solid #0f3653; border-top:none; box-sizing:content-box}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .person a {position:relative; z-index:1; font-weight:bold; color:#80ad1f}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .school a {position:relative; z-index:1; font-weight:bold; color:#3fb7b6}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .common a {position:relative; z-index:1; font-weight:bold; color:#9a0db4}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].person {background:#f7ffe6}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].school {background:#effbfe}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].common {background:#fdf3ff}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"] {overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell [class*="w-"].w-1 {background:none}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x1 {left:1px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x2 {left:97px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x3 {left:193px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x4 {left:289px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x5 {left:385px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x6 {left:481px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .x7 {left:577px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h1 .inner {padding-top:32px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h2 .inner {padding-top:64px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h3 .inner {padding-top:96px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h4 .inner {padding-top:128px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h5 .inner {padding-top:160px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h6 .inner {padding-top:192px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h7 .inner {padding-top:224px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h8 .inner {padding-top:256px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h9 .inner {padding-top:288px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.h10 .inner {padding-top:320px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y1 {top:1px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y2 {top:33px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y3 {top:64px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y4 {top:97px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y5 {top:129px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .y6 {top:161px; margin:0}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-1 {width:96px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-2 {width:191px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-3 {width:287px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-4 {width:383px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-5 {width:479px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-6 {width:574px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell .w-7 {width:671px}
.smartclass-main .main-content .section2 .sec2 .cal-content .cal-table .cal-row .cal-cell.off {background:#fff7f7}
.smartclass-main .main-content .section3 .sec .bx-nodata {padding:40px 0 0; border:none}
.smartclass-main .main-content .section3 .sec1 .list-recentdata {position:relative; margin-top:30px; padding:0 25px; text-align:center; visibility:hidden}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .slick-initialized {visibility:visible}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner {overflow:hidden; max-width:10000px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data {float:left; margin:0 15px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .slick-arrow {top:28px; margin-top:0}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .slick-prev {left:-19px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .slick-next {right:-19px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data > a {display:block}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img {display:inline-block; position:relative; width:75px; height:75px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img img {max-width:100%}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img .hover {display:none; position:absolute; left:0; top:0; width:75px; height:75px; padding-top:30px; text-align:center; border-radius:100%; background:rgba(0, 0, 0, .8); box-sizing:border-box}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img .hover a.preview {display:inline-block; width:45%; height:17px; font-size:0; text-indent:-9999em; vertical-align:middle; background:url(../images/content/ico-preview-wht.png) center no-repeat}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img .hover a.down {display:inline-block; position:relative; width:45%; height:17px; font-size:0; text-indent:-9999em; vertical-align:middle; background:url(../images/content/ico-down-wht.png) center no-repeat}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img .hover a.down:after {content:""; position:absolute; left:-1px; top:50%; width:1px; height:11px; margin-top:-5px; background:#8a8181}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data .img:hover .hover {display:block}
.smartclass-main .main-content .section3 .sec1 .list-recentdata .inner .data strong {display:block; overflow:hidden; text-overflow:ellipsis; width:100%; line-height:1.3em; padding-top:12px; font-size:14px; color:#5c5c5c; white-space:nowrap}
.smartclass-main .main-content .section3 .sec2 .list-subscribe {position:relative; margin-top:30px; padding:0 31px; text-align:center; visibility:hidden}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .slick-initialized {visibility:visible}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner {overflow:hidden}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub {float:left; position:relative}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .slick-arrow {top:28px; margin-top:0}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .slick-prev {left:-21px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .slick-next {right:-21px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub > a.detail {display:inline-block}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub > a.detail .img {display:inline-block; width:75px; height:75px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub > a.detail .img img {max-width:100%}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub > a.detail strong {display:block; overflow:hidden; width:100px; height:38px; line-height:1.3em; padding-top:12px; font-size:14px; color:#5c5c5c}
.smartclass-main .main-content .section3 .sec2 .list-subscribe .inner .sub > a.delete {position:absolute; right:30px; top:1px; z-index:1; width:19px; height:19px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-delete-file.png) no-repeat}
/* new type */
.smartclass-main .main-content .section3 .sec1 {padding-bottom:20px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 {overflow:hidden; margin-top:20px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner {overflow-y:auto; height:138px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list ~ .list {margin-top:10px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .name {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 84px); font-size:14px; color:#5c5c5c; letter-spacing:-0.03em; cursor:default}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .name span {margin-right:10px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .list-func {float:right; padding:2px 10px 3px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .list-func:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .list-func li {float:left; position:relative}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .list-func li ~ li {margin-left:20px}
.smartclass-main .main-content .section3 .sec1 .list-recentdata-type2 .inner .list .list-func li ~ li:after {content:""; position:absolute; left:-10px; top:50%; width:1px; height:10px; margin-top:-5px; background:#bababa}
.smartclass-main .main-content .section3 .sec2 {padding-bottom:20px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 {overflow:hidden; margin-top:20px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner {overflow-y:auto; height:138px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list {padding-right:8px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list ~ .list {margin-top:10px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list .name {float:left; width:calc(100% - 30px); height:25px; font-size:14px; color:#5c5c5c; letter-spacing:-0.03em}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list .name a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 20px)}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list .name span:not(.new) {margin-right:10px}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list .name .new {display:inline-block; width:14px; height:14px; margin:4px 0 0 5px; font-size:0; text-indent:-9999em; vertical-align:top; background:url(../images/content/ico-new.png) 50% 50% no-repeat}
.smartclass-main .main-content .section3 .sec2 .list-subscribe-type2 .inner .list .more {float:right; width:25px; height:25px; font-size:0; text-indent:-9999em; background:url(../images/content/btn-more.png) 50% 50% no-repeat}
.smartclass-main .main-content .section4 .box-content .wrap-box {border-top:1px solid #e0e0e0}
.smartclass-main .main-content .section4 .notice-content {position:relative; text-align:center; background:transparent}
.smartclass-main .main-content .section4 .notice-content .inner {display:inline-block; margin-left:-14px; padding:28px 0}
.smartclass-main .main-content .section4 .notice-content .inner * {vertical-align:middle}
.smartclass-main .main-content .section4 .notice-content .inner > strong {font-size:14px; color:#e83b34}
.smartclass-main .main-content .section4 .notice-content .inner .list {display:inline-block; margin-left:75px}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap {position:relative; width:492px; overflow:hidden}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap:before {content:""; position:absolute; left:-41px; top:50%; width:3px; height:3px; margin-top:-3px; border-radius:3px; background:#5c5c5c}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap:after {content:""; display:block; clear:both}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap div {float:left; width:100%}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap div strong {display:inline-block; overflow:hidden; text-overflow:ellipsis; width:403px; font-size:14px; color:#919191; text-align:left; vertical-align:top; white-space:nowrap}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap div span {position:relative; margin-left:19px; font-size:14px; color:#919191; vertical-align:top}
.smartclass-main .main-content .section4 .notice-content .inner .list > .wrap div span:after {content:""; position:absolute; left:-10px; top:50%; width:1px; height:12px; margin-top:-6px; background:#d1d1d1}
.smartclass-main .main-content .section4 .notice-content .inner .page {position:absolute; right:29px; top:50%; margin-top:-11px}
.smartclass-main .main-content .section4 .notice-content .inner .page a.slick-arrow {position:static; display:inline-block; width:21px; height:21px; margin-top:0; font-size:0; text-indent:-9999em; border:1px solid #eee; box-sizing:border-box}
.smartclass-main .main-content .section4 .notice-content .inner .page a.prev {background:url(../images/content/bg-prev.png) center no-repeat}
.smartclass-main .main-content .section4 .notice-content .inner .page a.next {background:url(../images/content/bg-next.png) center no-repeat}
.smartclass-main .main-content .section4 .notice-content .inner .page > span {line-height:21px; margin:0 5px; font-size:10px; color:#888}

/* 특화자료 서브메인 */
#container.specialize-main {width:auto}
.specialize-main .main-inner {width:1200px; margin:0 auto}
.specialize-main .header {padding-bottom:30px}
.specialize-main .header h2 {padding:21px 30px 19px; font-weight:bold; font-size:20px; color:#2f2f2f}
.specialize-main .header .bann img {max-width:100%}
.specialize-main .main-content {padding-bottom:60px}
.specialize-main .main-content .menu-content {margin:-30px 0 0 -30px}
.specialize-main .main-content .menu-content:after {content:""; display:block; clear:both}
.specialize-main .main-content .menu-content .cont {float:left; width:calc(50% - 30px); height:386px; margin:30px 0 0 30px; padding:30px 30px 21px; border:1px solid #e0e0e0; background:#fff}
.specialize-main .main-content .menu-content .cont h3 {position:relative; padding-bottom:10px; font-weight:bold; font-size:18px; color:#262626; border-bottom:1px solid #eaeaea}
.specialize-main .main-content .menu-content .cont h3 .add {position:absolute; right:-15px; top:-13px; width:40px; height:40px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-plus-darkgray.png) center no-repeat}
.specialize-main .main-content .menu-content .cont .spec {padding:30px 0}
.specialize-main .main-content .menu-content .cont .spec:after {content:""; display:block; clear:both}
.specialize-main .main-content .menu-content .cont .spec .img {float:left; overflow:hidden; width:220px; height:100px}
.specialize-main .main-content .menu-content .cont .spec .img a {display:block}
.specialize-main .main-content .menu-content .cont .spec .img img {max-width:100%}
.specialize-main .main-content .menu-content .cont .spec .desc {float:left; width:calc(100% - 220px); padding-left:20px}
.specialize-main .main-content .menu-content .cont .spec .desc strong {display:block; padding-top:14px}
.specialize-main .main-content .menu-content .cont .spec .desc strong a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:283px; line-height:1.26em; font-weight:bold; font-size:15px; color:#262626}
.specialize-main .main-content .menu-content .cont .spec .desc p {overflow:hidden; height:50px; padding-top:12px}
.specialize-main .main-content .menu-content .cont .spec .desc p a {line-height:1.4em; font-size:14px; color:#5c5c5c}
.specialize-main .main-content .menu-content .cont .spec .desc p span {display:block; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:283px}
.specialize-main .main-content .menu-content .cont .spec .img.image {background:#f7f7f7 url(../images/content/bg-img.png) center no-repeat; background-size:cover}
.specialize-main .main-content .menu-content .cont .spec .img.video {background:#f7f7f7 url(../images/content/bg-img.png) center no-repeat; background-size:cover}
.specialize-main .main-content .menu-content .cont .spec .img.video a {position:relative; height:100px}
/* .specialize-main .main-content .menu-content .cont .spec .img.video a:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .08)} */
.specialize-main .main-content .menu-content .cont .spec .img.video a:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background:url(../images/content/bg-play.png) center no-repeat; opacity:0.5}
.specialize-main .main-content .menu-content .cont .spec .img.video a:hover:after {opacity:1}
.specialize-main .main-content .menu-content .cont .preview {clear:both}
.specialize-main .main-content .menu-content .cont .preview ul li:after {content:""; display:block; clear:both}
.specialize-main .main-content .menu-content .cont .preview ul li {padding:18px 0 15px; border-top:1px solid #eaeaea}
.specialize-main .main-content .menu-content .cont .preview ul li a {position:relative; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 107px); line-height:1.2em; padding-left:20px; font-size:14px; color:#5c5c5c; vertical-align:middle}
.specialize-main .main-content .menu-content .cont .preview ul li a:after {content:""; position:absolute; left:10px; top:6px; width:3px; height:3px; border-radius:3px; background:#b7b7b7}
.specialize-main .main-content .menu-content .cont .preview ul li a strong {vertical-align:top}
.specialize-main .main-content .menu-content .cont .preview ul li .date {float:right; width:77px; font-size:13px; color:#a3a3a3; letter-spacing:0; vertical-align:middle}

/* 수업설계, 뷰어 */
.popup-make-study {height:100%}
.popup-make-study .popup-content {padding:0 0 0 0; height:calc(100% - 60px)}
.popup-make-study .popup-content:after {content:""; display:block; clear:both}
.popup-make-study .popup-content .head {position:relative; height:106px; padding:15px 90px 0}
.popup-make-study .popup-content .head .depth,
.popup-make-study .popup-content .head h2 {text-align:center}
.popup-make-study .popup-content .head h2 {margin-top:14px; font-weight:bold; font-size:30px; color:#262626}
.popup-make-study .popup-content .head h2 input[type="text"] {display:block; width:100%; height:auto; padding:0 0 0 0; border:0; font-size:30px; font-weight:bold; color:#262626; text-align:center; line-height:normal}
.popup-make-study .popup-content .head .depth {font-size:14px}
.popup-make-study .popup-content .head .depth .gt {display:inline-block; width:16px; height:7px; background:url(../images/content/ico-gt.png) 50% 50% no-repeat; text-indent:-999em; vertical-align:middle}
.popup-make-study .popup-content .head .arrow {position:absolute; width:48px; height:48px; top:50%; margin-top:-25px; border:1px solid #d7d7d7; background-color:#eee; background-position:50% 50%; background-repeat:no-repeat; font-size:0; text-indent:-9999em}
.popup-make-study .popup-content .head .arrow.prev {left:20px; background-image:url(../images/common/arrow-slide-left-on.png)}
.popup-make-study .popup-content .head .arrow.next {right:20px; background-image:url(../images/common/arrow-slide-right-on.png)}
.popup-make-study .popup-content .head .arrow.disabled {opacity:.4; cursor:default}
.popup-make-study .popup-content .area {position:relative; float:left; width:50%; height:calc(100% - 106px)}
.popup-make-study .popup-content .area ~ .area {float:right; width:calc(50% - 1px)}
.popup-make-study .popup-content .area h3 {height:60px; line-height:60px; color:#fff; font-size:18px; text-align:center}
.popup-make-study .popup-content .area.data h3 {background:#757575; border-top-right-radius:16px}
.popup-make-study .popup-content .area.class h3 {background:#ff8482; border-top-left-radius:16px}
.popup-make-study .popup-content .area .outer {height:calc(100% - 60px); padding:30px; padding-bottom:0; background:#f1f1f1}
.popup-make-study .popup-content .area .inner {height:calc(100% - 107px); border:1px solid #c8ccce; background:#fff}
.popup-make-study .popup-content .area .wrap {position:relative; height:100%}
.popup-make-study .popup-content .area .wrap .scroll {/*position:relative; z-index:1;*/ height:100%; overflow-x:hidden; overflow-y:auto}
.popup-make-study .popup-content .area .wrap .btns {margin-top:10px}
.popup-make-study .popup-content .area .wrap .btns:after {content:""; display:block; clear:both}
.popup-make-study .popup-content .area .wrap .btns div [class*="btn-"] {float:left}
.popup-make-study .popup-content .area .wrap .btns div [class*="btn-"] ~ [class*="btn-"] {margin-left:1px}
.popup-make-study .popup-content .area .wrap .btns .left {float:left}
.popup-make-study .popup-content .area .wrap .btns .right {float:right; text-align:right}
.popup-make-study .popup-content .area .wrap .paginate {margin-top:10px}
.popup-make-study .popup-content .area .wrap .paginate *{background-color:#fff}
.popup-make-study .popup-content .area .wrap .guide {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center}
.popup-make-study .popup-content .area .wrap .guide:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup-make-study .popup-content .area .wrap .guide .nodata {display:inline-block; margin:0 auto; width:90%; text-align:center; vertical-align:middle; line-height:28px; font-size:18px; color:#909090}
.popup-make-study .popup-content .area .wrap.my .guide .nodata {padding-top:65px; background:url(../images/content/ico-make-questions.png) 50% 0 no-repeat}
.popup-make-study .popup-content .area.class .wrap .guide .nodata {padding-top:105px; background:url(../images/content/ico-make-here.png) 50% 0 no-repeat}
.popup-make-study .popup-content .area.data .inner {position:relative; padding-top:40px}
.popup-make-study .popup-content .area.data h4 {position:absolute; left:0; top:0; width:33.33%; text-align:center}
.popup-make-study .popup-content .area.data h4 ~ h4 {left:33.33%; border-left:1px solid #dfe1e3}
.popup-make-study .popup-content .area.data h4 ~ h4 ~ h4 {left:66.66%}
.popup-make-study .popup-content .area.data h4 a {display:block; height:40px; line-height:40px; font-size:14px; background:#cdcdcd}
.popup-make-study .popup-content .area.data h4.active a {background:#fff; color:#ff5c5c}
.popup-make-study .popup-content .area.class .inner {border:1px solid #ff8482}
.popup-make-study .popup-content .area.class:after {content:""; position:absolute; left:-20px; top:50%; margin-top:-20px; width:38px; height:38px; border:1px solid #e0e0e0; background:#fff url(../images/content/ico-arrow-make-process.png) 57% 50% no-repeat; border-radius:100%}
.popup-make-study .popup-content .area.data .wrap.search .form {position:relative; height:54px; padding-top:21px; padding-right:92px; margin:0 21px}
.popup-make-study .popup-content .area.data .wrap.search .form input[type="text"] {display:block; width:100%}
.popup-make-study .popup-content .area.data .wrap.search .form [class*="btn-"] {position:absolute; right:0; bottom:0; width:82px; padding:0 0 0 0}
.popup-make-study .popup-content .area.data .wrap.search .result {height:calc(100% - 54px)}
.popup-make-study .popup-content .area.data .wrap.search .result .length {height:43px; padding:20px 21px 0}
.popup-make-study .popup-content .area.data .wrap.search .result .scroll {height:calc(100% - 43px); border-top:1px solid #eaeaea}
.popup-make-study .popup-content .area.data .wrap.search .guide {position:static; height:calc(100% - 54px); text-align:center}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata {margin-top:-20px; padding:0 10px; padding-top:67px; background:url(../images/common/bg-tbl-nodata.png) 50% 0 no-repeat; text-align:center}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata p {line-height:1.5em; font-size:22px; font-weight:bold; color:#2f2f2f}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata p strong {color:#ff5d5b; font-weight:bold}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata ul {margin-top:15px}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata ul li {font-size:14px; line-height:24px; color:#6c6b6b}
.popup-make-study .popup-content .area.data .wrap.search .guide .nodata ul li:before {content:""; display:inline-block; width:3px; height:3px; background:#b2b2b2; border-radius:100%; vertical-align:middle; margin-right:6px}
.popup-make-study .popup-content .list-data {height:100%}
.popup-make-study .popup-content .list-data li {display:table; table-layout:fixed; width:100%; background:#fff}
.popup-make-study .popup-content .list-data li:not(.disabled) {cursor:grab}
.popup-make-study .popup-content .list-data li.ui-draggable-dragging,
.popup-make-study .popup-content .list-data li.ui-sortable-helper {cursor:grabbing}
.popup-make-study .popup-content .list-data li.disabled .row .cell > *{opacity:.4}
.popup-make-study .popup-content .list-data li.disabled .row .cell .ico {cursor:default}
.popup-make-study .popup-content .list-data li .row {display:table-row}
.popup-make-study .popup-content .list-data li:not(.disabled):hover .cell {background:#fcfcfc}
.popup-make-study .popup-content .list-data li .cell {position:relative; display:table-cell; height:65px; width:calc(100% - 90px); padding:0 0 0 20px; box-sizing:content-box; vertical-align:middle}
.popup-make-study .popup-content .list-data li .cell ~ .cell {padding:0 20px 0 0; text-align:right; width:90px}
.popup-make-study .popup-content .list-data li ~ li .cell {border-top:1px solid #eaeaea}
.popup-make-study .popup-content .list-data li.ui-sortable-helper .cell {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.popup-make-study .popup-content .list-data li .cell > *{display:inline-block; vertical-align:middle; text-align:left}
.popup-make-study .popup-content .list-data li .cell [class*="ico-"] {margin-right:10px}
.popup-make-study .popup-content .list-data li .cell .info {width:calc(100% - 50px)}
.popup-make-study .popup-content .list-data li .cell .info *{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.popup-make-study .popup-content .list-data li .cell .info strong {font-size:15px; color:#3d3d3d; font-weight:bold}
.popup-make-study .popup-content .list-data li .cell .info span:not(:empty) {margin-top:5px}
.popup-make-study .popup-content .list-data li:not(.disabled):hover .cell .info strong {color:#ff5c5c}
.popup-make-study .popup-content .list-data li .cell .ico {text-indent:-999em; overflow:hidden}
.popup-make-study .popup-content .list-data li .cell .ico.down {margin-left:16px; width:24px; height:18px; background:url(../images/content/ico-down.png) 0 0 no-repeat}
.popup-make-study .popup-content .list-data li .cell .ico.preview {margin-left:16px; width:24px; height:19px; background:url(../images/content/ico-preview.png) 0 0 no-repeat}
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.down:hover,
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.down:focus {background:url(../images/content/ico-down-on.png) 0 0 no-repeat}
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.preview:hover,
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.preview:focus {background:url(../images/content/ico-preview-on.png) 0 0 no-repeat}
.popup-make-study .popup-content .list-data li .cell .ico.add,
.popup-make-study .popup-content .list-data li .cell .ico.del {width:18px; height:18px; background-image:url(../images/content/ico-add-dell-study.png)}
.popup-make-study .popup-content .list-data li .cell .ico.add {background-position:0 0}
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.add:hover,
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.add:focus {background-position:0 -18px}
.popup-make-study .popup-content .list-data li .cell .ico.del {display:none; background-position:-18px 0}
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.del:hover,
.popup-make-study .popup-content .list-data li:not(.disabled) .cell .ico.del:focus {background-position:-18px -18px}
.popup-make-study .popup-content .list-data-make {position:relative; z-index:1}
.popup-make-study .popup-content .list-data-make li .cell .ico.down,
.popup-make-study .popup-content .list-data-make li .cell .ico.add {display:none}
.popup-make-study .popup-content .list-data-make li .cell .ico.del {display:inline-block}
.popup-preview-layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000}
.popup-make-preview {height:100%}
.popup-make-preview > header {height:30px}
.popup-make-preview > header h1 {float:left; height:30px; line-height:30px; font-size:14px;}
.popup-make-preview > header .full {float:left; line-height:30px; font-size:12px; color:#fff; margin-left:10px}
.popup-make-preview > header .close {height:30px; background-image:url(../images/common/bg-close-min.png)}
.popup-make-preview .popup-content {height:calc(100% - 60px); padding:20px; text-align:center; overflow-x:hidden; overflow-y:auto}
.popup-make-preview .popup-content ul.change {position:absolute; right:60px; top:80px}
.popup-make-preview .popup-content ul.change li {border:1px solid #d6d6d6}
.popup-make-preview .popup-content ul.change li ~ li {margin-top:-1px}
.popup-make-preview .popup-content ul.change li a {display:block; width:98px; height:42px; padding-top:58px; background-color:#f7f7f7; background-position:50% 25px; background-repeat:no-repeat}
.popup-make-preview .popup-content ul.change li a br {display:none}
.popup-make-preview .popup-content ul.change li.c1 a {background-image:url(../images/content/ico-preview-pop1.png)}
.popup-make-preview .popup-content ul.change li.c2 a {background-image:url(../images/content/ico-preview-pop2.png)}
.popup-make-preview .popup-content ul.change li.c3 a {background-image:url(../images/content/ico-preview-pop3.png)}
.popup-make-preview .popup-content ul.change li.active {position:relative; z-index:1}
.popup-make-preview .popup-content ul.change li.active a {background-color:#fff; color:#ff5c5c}
.popup-make-preview .popup-content ul.change li.active.c1 a {background-image:url(../images/content/ico-preview-pop1-active.png)}
.popup-make-preview .popup-content ul.change li.active.c2 a {background-image:url(../images/content/ico-preview-pop2-active.png)}
.popup-make-preview .popup-content ul.change li.active.c3 a {background-image:url(../images/content/ico-preview-pop3-active.png)}
.popup-make-preview .popup-content .pages {padding-bottom:100px}
.popup-make-preview .popup-content .pages h2 {font-size:30px; color:#2f2f2f; line-height:1.3em; font-weight:bold; word-break:break-all; border-bottom:1px solid #e0e0e0; padding-bottom:25px; margin:0 40px; margin-bottom:25px}
.popup-make-preview .popup-content .pages .page {display:inline-block; max-width:100%; /*padding:40px 60px;*/ padding:40px 0; border:1px solid #e0e0e0}
.popup-make-preview .popup-content .pages .page ~ .page {margin-top:20px}
.popup-make-preview .popup-content .pages.table .page .img {padding:0 96px}
.popup-make-preview .popup-content .btns {position:absolute; left:0; bottom:0; right:0; padding:20px; min-width:1320px; background:#f1f1f1; border-top:1px solid #e0e0e0}
.popup-make-preview .popup-content .btns:after {content:""; display:block; clear:both}
.popup-make-preview .popup-content .btns div .btn-pop {float:left; min-width:117px}
.popup-make-preview .popup-content .btns .left {float:left}
.popup-make-preview .popup-content .btns .right {float:right}
.popup-make-preview .popup-content .btns .right .btn-pop {margin-left:20px}
.popup-make-preview .popup-content .btns .right .btn-pop.red {margin-left:1px}
.popup-make-preview .popup-content .btns .right .btn {display:inline-block; position:relative}
.popup-make-preview .popup-content .btns .right .btn .tooltip {display:none; position:absolute; bottom:100%; left:50%; margin-left:-140px; margin-bottom:7px; padding-bottom:4px; width:212px; background:url(../images/content/bg-arrow-note-down.png) 71% bottom no-repeat; text-align:center}
.popup-make-preview .popup-content .btns .right .btn .tooltip .tip {display:inline-block; font-size:12px; line-height:16px; color:#fff; padding:16px 20px 14px; background:#f75b31; border-radius:13px}
.popup-make-preview .popup-content .btns .right .btn a:hover + .tooltip {display:block}
body.cursor-none *{cursor:none !important}
.popup-viewer {height:100%; background:#f1f1f1; overflow:hidden}
.popup-viewer header {height:30px}
.popup-viewer header h1 {height:30px; line-height:30px; font-size:14px;}
.popup-viewer header .close {height:30px; background-image:url(../images/common/bg-close-min.png)}
.popup-viewer .popup-content {height:calc(100% - 30px); margin:0 auto; padding:0}
.popup-viewer .popup-content:after {content:""; display:block; clear:both}
.popup-viewer .popup-content .head {position:relative; height:61px; padding-top:10px; padding-bottom:6px; border-bottom:1px solid #c8ccce; background:#fff}
.popup-viewer .popup-content .head h2,
.popup-viewer .popup-content .head .depth {width:calc(100% - 700px); margin:0 auto; text-align:center}
.popup-viewer .popup-content .head h2 {margin-top:7px; font-weight:bold; font-size:20px; line-height:1.3em; color:#262626}
.popup-viewer .popup-content .head .depth {font-size:12px}
.popup-viewer .popup-content .head .depth .gt {display:inline-block; width:22px; height:7px; background:url(../images/content/ico-gt.png) 50% 50% no-repeat; text-indent:-999em; vertical-align:middle}
.popup-viewer .popup-content .head .arrow {position:absolute; width:38px; height:38px; top:10px; border:1px solid #d7d7d7; background-color:#eee; background-position:50% 50%; background-repeat:no-repeat; font-size:0; text-indent:-9999em}
.popup-viewer .popup-content .head .arrow.prev {left:20px; background-image:url(../images/common/arrow-slide-left-on.png)}
.popup-viewer .popup-content .head .arrow.next {right:20px; background-image:url(../images/common/arrow-slide-right-on.png)}
.popup-viewer .popup-content .head .arrow.disabled {opacity:.4; cursor:default}
.popup-viewer .popup-content .head .options {position:absolute; left:90px; top:10px}
.popup-viewer .popup-content .head .options label,
.popup-viewer .popup-content .head .options select,
.popup-viewer .popup-content .head .options .select-title {float:left}
.popup-viewer .popup-content .head .options select {width:126px}
.popup-viewer .popup-content .head .options select,
.popup-viewer .popup-content .head .options .select-title {margin-left:-1px}
.popup-viewer .popup-content .head .options .add,
.popup-viewer .popup-content .head .options .add > *{float:left}
.popup-viewer .popup-content .head .options .add {margin-left:5px}
.popup-viewer .popup-content .head .options .add input[type='text'] {height:31px; line-height:29px}
.popup-viewer .popup-content .head .options .add [class*='btn-'].xsmall {margin-left:-1px; width:auto; height:31px}
.popup-viewer .popup-content .head .options .add [class*='btn-'].xsmall span {line-height:29px; font-size:12px}
.popup-viewer .popup-content .head .options input[type="checkbox"] + label {padding:0 10px; border:1px solid #e0e0e0; /*border-right:0; */line-height:29px; height:29px; font-size:12px; cursor:pointer}
.popup-viewer .popup-content .head .options input[type="checkbox"] + label:before {display:none}
.popup-viewer .popup-content .head .options input[type="checkbox"] + label:after {content:"OFF"; display:inline-block; position:static; width:33px; height:19px; margin-left:27px; line-height:19px; font-size:0; vertical-align:middle; background:url(../images/content/btn-off.png) 0 center no-repeat}
.popup-viewer .popup-content .head .options input[type="checkbox"]:checked + label {font-weight:normal; color:inherit}
.popup-viewer .popup-content .head .options input[type="checkbox"]:checked + label:after {content:"ON"; background-image:url(../images/content/btn-on.png)}
.popup-viewer .popup-content .aside {float:left; position:relative; height:calc(100% - 101px); width:320px; padding-top:40px; margin:20px 0 0 20px; border:1px solid #c8ccce; background:#fff}
.popup-viewer .popup-content .aside h3 {position:absolute; left:0; top:0; width:50%}
.popup-viewer .popup-content .aside h3 ~ h3 {left:50%}
.popup-viewer .popup-content .aside h3 a {display:block; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#424242; background:#c8ccce}
.popup-viewer .popup-content .aside h3.active a {background:#fff; color:#ff5c5c}
.popup-viewer .popup-content .aside .area {height:100%; overflow-x:hidden; overflow-y:auto}
.popup-viewer .popup-content .aside .area ul {padding:10px}
.popup-viewer .popup-content .aside .area ul li ~ li {margin-top:6px}
.popup-viewer .popup-content .aside .area ul li a {display:block; border:1px solid #e0e0e0; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#424242; font-size:15px; line-height:25px}
.popup-viewer .popup-content .aside .area ul li a [class*="ico-"] {margin-right:15px}
.popup-viewer .popup-content .aside .area ul li a:hover,
.popup-viewer .popup-content .aside .area ul li a:focus,
.popup-viewer .popup-content .aside .area ul li.current a {background:#fff4f4; border-color:#f39191}
.popup-viewer .popup-content .aside .search .nodata {margin-top:70px; padding:0 10px; padding-top:67px; background:url(../images/common/bg-tbl-nodata.png) 50% 0 no-repeat; text-align:center}
.popup-viewer .popup-content .aside .search .nodata p {line-height:1.5em; font-size:16px; font-weight:bold}
.popup-viewer .popup-content .aside .search .nodata p strong {color:#ff5d5b}
.popup-viewer .popup-content .aside .search .nodata ul {margin-top:15px}
.popup-viewer .popup-content .aside .search .nodata ul li {line-height:18px; color:#6c6b6b}
.popup-viewer .popup-content .aside .search .nodata ul li:before {content:""; display:inline-block; width:3px; height:3px; background:#b2b2b2; border-radius:100%; vertical-align:middle; margin-right:6px}
.popup-viewer .popup-content .aside .search .form {height:43px; padding:10px; padding-bottom:0}
.popup-viewer .popup-content .aside .search .form:after {content:""; display:block; clear:both}
.popup-viewer .popup-content .aside .search .form [class*="btn-"] {float:right; width:82px}
.popup-viewer .popup-content .aside .search .form input[type="text"] {float:left; width:calc(100% - 92px)}
.popup-viewer .popup-content .aside .search .result {height:calc(100% - 63px); margin-top:20px}
.popup-viewer .popup-content .aside .search .result .length {font-size:14px; padding:0 10px; height:23px}
.popup-viewer .popup-content .aside .search .result .length strong {color:#ff5d5b}
.popup-viewer .popup-content .aside .search .result ul {height:calc(100% - 23px); overflow-x:hidden; overflow-y:auto}
.popup-viewer .popup-content .view {float:right; position:relative; height:calc(100% - 101px); width:calc(100% - 380px); margin:20px 20px 0 0; border:1px solid #c8ccce; background:#fff}
.popup-viewer .popup-content .view.one-content {float:none; width:calc(100% - 40px); margin-left:20px; border:1px solid #c8ccce; background:#fff;}
.popup-viewer .popup-content .view .file {height:calc(100% - 60px); overflow:auto; text-align:center; background:#f7f7f7}
.popup-viewer .popup-content .view .control {position:absolute; right:-1px; top:-1px; background:#fff; z-index:11;}
.popup-viewer .popup-content .view .view-nav {position:relative; height:60px}
.popup-viewer .popup-content .view .view-nav .btn-pop {position:absolute; left:10px; top:10px; height:40px; line-height:40px}
.popup-viewer .popup-content .view .view-nav .btn-pop.right {left:auto; right:10px}
.popup-viewer .popup-content .view .view-nav .btn-pop span {height:40px; line-height:40px}
.popup-viewer .popup-content .view .paginate {display:block; height:60px; padding-top:10px; margin-top:0; text-align:center}

.popup-viewer .popup-content .view .paginate .pageInfo {width:130px; text-align:left; padding-left:15px;}
.popup-viewer .popup-content .view .paginate .pageInfo .currentPage {width:35%; font-size:14px; color:black; vertical-align:initial; text-align:center; border-style:none; padding: 0px;}
.popup-viewer .popup-content .view .paginate .pageInfo .totalPage {font-size:16px; font-weight:bold;}

/*2019-06-21*/
.popup-viewer .popup-content .view .paginate a.first {font-size: 0;text-indent: -9999em;background: url(../images/content/bg-first.png) center no-repeat;margin-right:20px;} 
.popup-viewer .popup-content .view .paginate a.last {font-size: 0;text-indent: -9999em;background: url(../images/content/bg-last.png) center no-repeat;margin-left:20px;}
.popup-viewer .popup-content .view .paginate .curr-page {width:auto;padding-right:35px;line-height:38px;}
.popup-viewer .popup-content .view .paginate .curr-page input {border:0;width:50px;height:38px;line-height:40px;font-size:13px;color:#fd5c5c;text-align:right;vertical-align:top;}
.popup-viewer .popup-content .view .control-direction a {position:absolute;top:50%;margin-top:-40px;outline: 0;width: 40px; height: 80px;text-indent: -9999px;z-index: 9999}
.popup-viewer .popup-content .view .control-direction a.prev {left: 45px;background: url(../images/content/ico-controls-prev.png) no-repeat;}
.popup-viewer .popup-content .view .control-direction a.next {right: 45px;background: url(../images/content/ico-controls-next.png) no-repeat;}
/* //2019-06-21*/

.popup-viewer .popup-content .view .btn {float:left; position:relative}
.popup-viewer .popup-content .view .btn input {padding:0; outline:none}
.popup-viewer .popup-content .view .btn:hover {z-index:1}
.popup-viewer .popup-content .view .btn ~ .btn {margin-left:-1px}
.popup-viewer .popup-content .view .btn .tooltip {display:none; position:absolute; top:100%; left:50%; margin-left:-150px; margin-top:7px; width:300px; padding-top:4px; background:url(../images/content/bg-arrow-note.png) 50% 0 no-repeat; text-align:center}
.popup-viewer .popup-content .view .btn .tooltip .tip {display:inline-block; font-size:12px; line-height:16px; color:#fff; padding:16px 20px 14px; background:#232731; border-radius:13px}
.popup-viewer .popup-content .view .btn > input[type="button"] {position:relative; width:41px; height:41px; border:0; cursor:pointer; border:1px solid #c8ccce}
.popup-viewer .popup-content .view .btn > input[type="button"]:hover + .tooltip {display:block}
/*.popup-viewer .popup-content .view .btn > input[type="button"]:focus + .tooltip {display:block}*/
.popup-viewer .popup-content .view .btn > input.cursor {background:url(../images/content/ico-cursor.png) 50% 50% no-repeat}
.popup-viewer .popup-content .view .btn > input.in {background:url(../images/content/ico-zoom-in.png) 50% 50% no-repeat}
.popup-viewer .popup-content .view .btn > input.out {background:url(../images/content/ico-zoom-out.png) 50% 50% no-repeat}
.popup-viewer .popup-content .view .btn > input.fit-v {background:url(../images/content/ico-fit-v.png) 50% 50% no-repeat} /*2019-06-21*/
.popup-viewer .popup-content .view .btn > input.fit-h {background:url(../images/content/ico-fit-h.png) 50% 50% no-repeat} /*2019-06-21*/
.popup-viewer .popup-content .view .btn > input.full {background:url(../images/content/ico-fullscreen.png) 50% 50% no-repeat}
.popup-viewer .popup-content .view .btn > input.full.on {background:url(../images/content/ico-fullscreen-off.png) 50% 50% no-repeat}
.popup-viewer .popup-content .view .btn > input.full + .tooltip > .tip span {display:none}
.popup-viewer .popup-content .view .btn > input.full.on + .tooltip > .tip span {display:block}
.popup-viewer .popup-content .view .btn.c ul.cursor {display:none; position:absolute; left:0; bottom:100%; margin-bottom:-1px; width:161px; padding:8px 0; text-align:center; background:#fff; border:1px solid #232731}
.popup-viewer .popup-content .view .btn.c ul.cursor:after {content:""; display:block; clear: both}
.popup-viewer .popup-content .view .btn.c ul.cursor li {display:inline-block; margin:0 2px}
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c {display:block; width:42px; height:42px; background-color:#f1f1f1; background-position:50% 50%; background-repeat:no-repeat; border-radius:100%; border:0; cursor:pointer}
.popup-viewer .popup-content .view .btn.c ul.cursor li input.selected,
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c:hover,
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c:focus {background-color:#232731}
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c1 {background-image:url(../images/content/ico-custom-cursor1.png)}
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c2 {background-image:url(../images/content/ico-custom-cursor2.png)}
.popup-viewer .popup-content .view .btn.c ul.cursor li input.c3 {background-image:url(../images/content/ico-custom-cursor3.png)}
.popup-viewer .popup-content .view .btn.c:hover ul.cursor,
.popup-viewer .popup-content .view .btn.c ul.cursor:hover {display:block; cursor:pointer !important}
.popup-viewer .popup-content .view .btn.c:hover > input[type="button"] {border-color:#232731}
.popup-viewer .popup-content .view .btn.c:hover:before {content:""; position:absolute; z-index:1; left:1px; top:0; right:1px; border-top:1px solid #fff}
.popup-viewer .popup-content.fullscreen .aside,
.popup-viewer .popup-content.fullscreen .head {display:none}
.popup-viewer .popup-content.fullscreen .view {float:none; width:calc(100% - 40px); height:calc(100% - 40px); margin-left:20px}
.popup-viewer .popup-content .view audio {top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.cursor-custom {/*display:none;*/ position:absolute; left:10000em; top:10000em; z-index:999999999}
.cursor-custom,
.cursor-custom div {position:absolute; left:0; top:0; width:979px; height:1139px; background-position:0 0; background-repeat:no-repeat}
.cursor-custom .down {/*display:none*/}
.cursor-custom.custom1 .default {background-image:url(../images/content/cursor-custom1.png)}
.cursor-custom.custom1 .down {background-image:url(../images/content/cursor-custom1-down.png)}
.cursor-custom.custom2 .default {background-image:url(../images/content/cursor-custom2.png)}
.cursor-custom.custom2 .down {background-image:url(../images/content/cursor-custom2-down.png)}
.cursor-custom.custom3 .default {background-image:url(../images/content/cursor-custom3.png)}
.cursor-custom.custom3 .down {background-image:url(../images/content/cursor-custom3-down.png)}
.popup-loading .popup-section {width:284px; height:174px; border:2px solid #232731}
.popup-loading .popup-content {text-align:center}
.popup-loading .popup-content strong {display:block; margin-top:48px; padding-top:60px; font-weight:bold; font-size:14px; color:#232731; background:url(../images/content/bg-loading.png) center 0 no-repeat}

/* 오픈전 안내 페이지 */
.before-open {}
.before-open .inner {width:1400px; margin:0 auto}
.before-open .header {background:url(../images/content/bg-before-main.png) repeat}
.before-open .header .inner {position:relative; height:480px; padding-top:42px; text-align:center}
.before-open .header .inner:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/content/img-before-main.png) 100% 0 no-repeat}
.before-open .header .summ {display:inline-block; width:353px; height:41px; line-height:41px; font-weight:bold; font-size:18px; color:#fff; background:url(../images/content/bg-tit-ribbon.png) no-repeat}
.before-open .header h1 {height:47px; margin-top:20px; font-size:0; text-indent:-9999em; background:url(../images/common/logo-white.png) center 0 no-repeat}
.before-open .header .desc {padding-top:22px; line-height:1.5em; font-size:14px; color:#fff}
.before-open .header .desc span {display:block; line-height:1.5em}
.before-open .tedu-section {background:#0f3653}
.before-open .site-section.util {background:#f4f4f4}
.before-open .tedu-section .inner {position:relative; padding:40px 100px}
.before-open .tedu-section h2 {font-weight:bold; font-size:22px; color:#fff}
.before-open .tedu-section .desc {padding-top:13px; font-size:14px; color:#fff}
.before-open .tedu-section a {position:absolute; right:100px; top:50%; width:160px; margin-top:-20px}
.before-open .site-section .inner {padding:70px 100px 66px; text-align:center}
.before-open .site-section h3 {display:inline-block; position:relative; padding:0 8px 8px; font-weight:bold; font-size:22px; color:#000; text-align:center; border-bottom:2px solid #000}
.before-open .site-section h3:after {content:""; position:absolute; left:50%; bottom:-8px; width:0; height:0; margin-left:-6px; border-top:6px solid #000; border-left:6px solid transparent; border-right:6px solid transparent}
.before-open .site-section .list-info {padding-top:35px}
.before-open .site-section .list-info > ul {margin-right:-80px}
.before-open .site-section .list-info > ul:after {content:""; display:block; clear:both}
.before-open .site-section .list-info > ul > li {float:left; width:25%; text-align:left}
.before-open .site-section .list-info > ul > li .img {display:inline-block; border:1px solid #eaeaea}
.before-open .site-section .list-info > ul > li .tit {width:242px; padding-top:18px; text-align:center}
.before-open .site-section .list-info > ul > li .tit .num {display:inline-block; width:36px; height:36px; line-height:36px; font-family:"Co Headline Corp"; font-size:20px; color:#fff; letter-spacing:0; vertical-align:top; border-radius:36px}
.before-open .site-section .list-info > ul > li .tit .title {display:inline-block; margin-left:11px; font-size:14px; color:#333; text-align:left; vertical-align:bottom}
.before-open .site-section .list-info > ul > li .tit .title em {display:block; padding-top:6px; font-style:normal; font-weight:bold; font-size:15px}
.before-open .site-section .list-info > ul > li .detail {padding-top:15px; text-align:left}
.before-open .site-section .list-info > ul > li .detail ul li {position:relative; line-height:1.4em; padding-left:9px; font-size:13px; color:#666; letter-spacing:-0.07em}
.before-open .site-section .list-info > ul > li .detail ul li ~ li {margin-top:6px}
.before-open .site-section .list-info > ul > li .detail ul li:after {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.before-open .site-section .list-info > ul > li .detail ul li span {display:block; line-height:1.4em}
.before-open .site-section.data .list-info ul li .tit .num {background:#ff9795}
.before-open .site-section.data .inner .shop-bann {margin-top:-50px; padding-bottom:58px}
.before-open .site-section.data .inner .shop-bann a {display:inline-block}
.before-open .site-section.util .list-info ul li .tit .num {background:#86c1fa}
.before-open .site-section.util .list-info > ul > li:first-child ~ li .img {border:none}
.before-open .footer {padding:28px 0 40px; text-align:center}
.before-open .footer .logo {display:inline-block; width:51px; height:28px; font-size:0; text-indent:-9999em; background:url(../images/common/logo.png) no-repeat}
.before-open .footer p {padding-top:19px; font-size:13px; color:#8c8c8c; letter-spacing:0}
.before-open .footer p.copy {padding-top:8px}

/* 유틸리티 180212 */
/* 교사용 CD 다운로드 */
.popup-teachers-down .popup-section {width:920px}
.popup-teachers-down .popup-content .top-state span {padding-top:20px}
.popup-teachers-down .popup-content .box-sort {margin-bottom:0}
.popup-teachers-down .popup-content .list-download {overflow-x:hidden; overflow-y:auto; height:492px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.popup-teachers-down .popup-content .list-download .inner {padding:20px 0 20px 20px}
.popup-teachers-down .popup-content .list-download .inner > ul {margin-top:-30px}
.popup-teachers-down .popup-content .list-download .inner > ul:after {content:""; display:block; clear:both}
.popup-teachers-down .popup-content .list-download .inner > ul > li {float:left; width:33.33%; margin-top:30px}
.popup-teachers-down .popup-content .list-download .inner > ul > li:after {content:""; display:block; clear:both}
.popup-teachers-down .popup-content .list-download .inner > ul > li .img {float:left; overflow:hidden; position:relative; width:116px; border:1px solid #d9d9d9}
.popup-teachers-down .popup-content .list-download .inner > ul > li .img img {width:100%}
.popup-teachers-down .popup-content .list-download .inner > ul > li .img .year {position:absolute; right:0; top:0; width:39px; height:24px; line-height:24px; font-weight:bold; font-size:12px; color:#fff; text-align:center; background:#f69896}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info {float:left; width:calc(100% - 126px); margin-left:10px}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info strong {overflow:hidden; display:block; height:36px; line-height:1.3em; font-size:14px}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info > ul {margin-top:8px}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info > ul > li ~ li {margin-top:5px}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info > ul > li > a {display:inline-block; width:52px; height:30px; font-weight:bold; color:#777; text-align:center; border:1px solid #d6d6d6; background:#f7f7f7; box-sizing:border-box}
.popup-teachers-down .popup-content .list-download .inner > ul > li .info > ul > li > a > span {display:inline-block; line-height:30px}
.popup-teachers-down .popup-content .bx-nodata {border-top:none}
/* 모바일 수업지원 */
.section-utility .cont-section {padding:50px 90px 70px}
.section-utility .sub-section {padding-top:31px}
.section-utility .sub-section h4 {padding-bottom:12px; font-weight:bold; font-size:18px; color:#010101}
.section-utility.support-mobile .sub-section .support-download {border:1px solid #e0e0e0}
.section-utility.support-mobile .sub-section .support-download:after {content:""; display:block; clear:both}
.section-utility.support-mobile .sub-section .support-download .cont {float:left; width:50%; height:245px; padding:41px 84px 0; text-align:center; background:#fbfbfb}
.section-utility.support-mobile .sub-section .support-download .cont ~ .cont {border-left:1px solid #e0e0e0}
.section-utility.support-mobile .sub-section .support-download .cont > strong {font-weight:bold; font-size:16px; color:#000}
.section-utility.support-mobile .sub-section .support-download .cont > p {line-height:1.5em; padding:15px 0; font-size:14px; color:#666}
.section-utility.support-mobile .sub-section .support-download .cont > p > span {display:block; line-height:1.5em}
.section-utility.support-mobile .sub-section .support-download .cont .btns {border:1px solid #e0e0e0}
.section-utility.support-mobile .sub-section .support-download .cont .btns:after {content:""; display:block; clear:both}
.section-utility.support-mobile .sub-section .support-download .cont .btns > span {float:left; width:50%; height:73px; padding-top:20px; text-align:left; box-sizing:border-box}
.section-utility.support-mobile .sub-section .support-download .cont .btns > span > em {font-style:normal; color:#707070}
.section-utility.support-mobile .sub-section .support-download .cont .btns > span > a {display:inline-block; margin-top:8px; font-weight:bold; font-size:12px; color:#ff5c5c; border-bottom:1px solid #ff5c5c}
.section-utility.support-mobile .sub-section .support-download .cont .btns > span.android {padding-left:53px; background:#fff url(../images/content/ico-android.png) 20px center no-repeat}
.section-utility.support-mobile .sub-section .support-download .cont .btns > span.apple {padding-left:64px; border-left:1px solid #e0e0e0; background:#fff url(../images/content/ico-apple.png) 33px center no-repeat}
.section-utility.support-mobile .sub-section .support-download .cont .send {font-size:0}
.section-utility.support-mobile .sub-section .support-download .cont .send .hyphen {margin:0 10px; font-size:14px; color:#565656; text-align:center; vertical-align:middle}
.section-utility.support-mobile .sub-section .support-download .cont .send a {margin-left:10px; font-size:13px; color:#757575; vertical-align:top}
.section-utility.support-mobile .sub-section .support-download .cont > p.extra {padding-top:17px; font-size:13px; color:#8a8a8a}
.section-utility.support-mobile .sub-section .support-tips {height:380px; padding-top:40px; text-align:center; border:1px solid #e0e0e0}
.section-utility.support-mobile .sub-section .support-tips ul:after {content:""; display:block; clear:both}
.section-utility.support-mobile .sub-section .support-tips ul li {float:left; width:33.33%}
.section-utility.support-mobile .sub-section .support-tips ul li strong {display:block; padding-top:212px; font-weight:bold; font-size:16px; color:#000}
.section-utility.support-mobile .sub-section .support-tips ul li p {line-height:1.5em; padding-top:15px; font-size:14px; color:#666}
.section-utility.support-mobile .sub-section .support-tips ul li p span {display:block; line-height:1.5em}
.section-utility.support-mobile .sub-section .support-tips ul li.tip1 {background:url(../images/content/list-tip1.png) center 0 no-repeat}
.section-utility.support-mobile .sub-section .support-tips ul li.tip2 {background:url(../images/content/list-tip2.png) center 0 no-repeat}
.section-utility.support-mobile .sub-section .support-tips ul li.tip3 {background:url(../images/content/list-tip3.png) center 0 no-repeat}
/* YBM 교과서 */
#header.ybm-textboox-main {width:auto; height:50px; background:#fff}
#header.ybm-textboox-main .inner {width:1200px; margin:0 auto}
#header.ybm-textboox-main .inner:after {content:""; display:block; clear:both}
#header.ybm-textboox-main h1 {float:left; margin-left:2px; padding-top:10px}
#header.ybm-textboox-main h1 a {display:inline-block; height:20px; font-size:0; text-indent:-9999em; vertical-align:middle}
#header.ybm-textboox-main h1 a img {height:100%}
#header.ybm-textboox-main .links {float:right}
#header.ybm-textboox-main .links a {display:inline-block; height:24px; line-height:50px; font-size:0; text-indent:-9999em}
#header.ybm-textboox-main .links a img {height:100%}
#container.ybm-textbook {width:100%; font-family:"Noto Sans KR"}
.section-utility.ybm-textbook .head-section {display:none}
.section-utility.ybm-textbook .nav-scroll {position:fixed; right:70px; top:50%; z-index:1}
.section-utility.ybm-textbook .nav-scroll ul li ~ li {margin-top:11px}
.section-utility.ybm-textbook .nav-scroll ul li a {display:inline-block; width:18px; height:18px; font-size:0; text-indent:-9999em; border-radius:18px; background:#ccc}
.section-utility.ybm-textbook .nav-scroll ul li.on a {background:#e83b34}
.section-utility.ybm-textbook .textbook-section.sec1 {height:1000px; background:url(../images/content/bg-ybmtext1.jpg) 50% 0 no-repeat; background-size:cover}
.section-utility.ybm-textbook .textbook-section.sec2 {height:1000px; background:url(../images/content/bg-ybmtext2.jpg) 50% 0 no-repeat; background-size:cover}
.section-utility.ybm-textbook .textbook-section .inner {width:1200px; margin:0 auto}
.section-utility.ybm-textbook .textbook-section.sec1 .inner {padding:218px 0 0 52px}
.section-utility.ybm-textbook .textbook-section.sec1 h3 {line-height:1.2em; font-weight:500; font-size:60px; color:#fff}
.section-utility.ybm-textbook .textbook-section.sec1 h3 span {display:block; line-height:1.2em}
.section-utility.ybm-textbook .textbook-section.sec1 h3 span.m {display:inline}
.section-utility.ybm-textbook .textbook-section.sec1 h3 strong {font-weight:500; color:#fc8888}
.section-utility.ybm-textbook .textbook-section.sec1 h3 strong em {position:relative; font-style:normal}
.section-utility.ybm-textbook .textbook-section.sec1 h3 strong em:after {content:""; position:absolute; left:50%; top:-4px; width:9px; height:9px; border-radius:9px; background:#fc8888}
.section-utility.ybm-textbook .textbook-section.sec1 p {padding-top:25px; line-height:1.3em; font-weight:100; font-size:40px; color:#fff}
.section-utility.ybm-textbook .textbook-section.sec1 p span {display:block; line-height:1.3em}
.section-utility.ybm-textbook .textbook-section.sec2 .inner {padding:136px 0 0 57px}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul {display:inline-block; width:866px; margin:-62px 0 0 -60px}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul:after {content:""; display:block; clear:both}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li {float:left; position:relative; width:373px; height:294px; margin:62px 0 0 60px; color:#fff; border-right:7px solid #fc8888; border-bottom:7px solid #fc8888; box-sizing:border-box}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:after {content:""; position:absolute; right:0; top:0; width:247px; height:7px; background:#fc8888}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li:before {content:""; position:absolute; left:0; bottom:0; width:7px; height:74px; background:#fc8888}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info {margin-left:-4px}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info .num {font-family: 'Co Headline Corp'; font-weight:normal; font-size:60px}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info p {padding-top:13px; line-height:1.3em; font-weight:bold; font-size:24px}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info p span {display:block; line-height:1.3em}
.section-utility.ybm-textbook .textbook-section.sec2 .list-prtext ul li .info p.sub {line-height:1.7em; padding:17px 21px 0 52px; font-weight:100; font-size:18px}
.section-utility.ybm-textbook .textbook-section.sec3 {padding:0 0 100px}
.section-utility.ybm-textbook .textbook-section.sec3 .head {padding:82px 0 110px; text-align:center; background:url(../images/content/bg-ybmtext3.jpg) 50% bottom no-repeat; background-size:cover}
.section-utility.ybm-textbook .textbook-section.sec3 .head h4 {padding-bottom:24px; font-weight:500; font-size:30px; color:#fff}
.section-utility.ybm-textbook .textbook-section.sec3 .head h4 + p {font-weight:100; font-size:20px; color:#fff}
.section-utility.ybm-textbook .textbook-section .wrap-cont {padding:0 0 38px; background:#fff}
/* .section-utility.ybm-textbook .tab-sortbox {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:-50px; padding-bottom:40px}
.section-utility.ybm-textbook .tab-sortbox a {display:inline-block; flex:1; -webkit-flex:1; height:50px; line-height:50px; font-family:"Noto Sans KR"; font-size:17px; color:#fff; text-align:center; background:#0f3450; box-sizing:border-box}
.section-utility.ybm-textbook .tab-sortbox a span {display:inline-block; line-height:38px}
.section-utility.ybm-textbook .tab-sortbox a.active {color:#0f3450; background:#fff}
.section-utility.ybm-textbook .tab-sortbox a ~ a {margin-left:2px} */
/* .section-utility.ybm-textbook .box-sort {margin-bottom:0} */
.section-utility.ybm-textbook .list-subject {overflow:hidden; position:relative}
.section-utility.ybm-textbook .list-subject ~ .list-subject {padding-top:37px; border-top:1px solid #eaeaea}
.section-utility.ybm-textbook .list-subject .title {display:block; padding:0 0 30px 20px; font-weight:500; font-size:18px; color:#000}
.section-utility.ybm-textbook .list-subject .title .toggle {display:none}
/* .section-utility.ybm-textbook .list-subject:after {content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#fff} */
.section-utility.ybm-textbook .list-subject ul {margin:-20px -53px 0; border:none}
.section-utility.ybm-textbook .list-subject ul li {width:25%; margin-bottom:0; padding:20px 0; /*border-top:1px solid #eaeaea;*/ text-align:center; border-bottom:none}
.section-utility.ybm-textbook .list-subject ul li a {position:relative; width:180px; font-family:"Noto Sans KR"}
.section-utility.ybm-textbook .list-subject ul li a .img img {height:237px}
.section-utility.ybm-textbook .list-subject ul li strong {line-height:1.3em; padding-top:7px; font-weight:normal; font-size:14px; color:#666}
.section-utility.ybm-textbook .list-subject ul li .year {position:absolute; right:0; top:0; width:49px; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#fff; text-align:center; background:#fda8a7}
/* .section-utility.ybm-textbook .textbook-info {position:relative; padding:0 73px 0 90px; background:#f8f8f8 url(../images/content/bg-textbook-school.png) 50% 109% no-repeat}
.section-utility.ybm-textbook .textbook-info ul {margin-left:-20px}
.section-utility.ybm-textbook .textbook-info ul:after {content:""; display:block; clear:both}
.section-utility.ybm-textbook .textbook-info ul li {float:left; position:relative; width:25%; height:312px; padding:32px 20px}
.section-utility.ybm-textbook .textbook-info ul li ~ li:after {content:""; position:absolute; left:0; top:32px; width:1px; height:167px; background:#eaeaea}
.section-utility.ybm-textbook .textbook-info ul li .num {display:inline-block; width:40px; height:40px; line-height:40px; font-family: 'Co Headline Corp'; font-size:20px; color:#fff; text-align:center; border-radius:40px; background:#ff9796; box-sizing:border-box}
.section-utility.ybm-textbook .textbook-info ul li strong {display:block; line-height:1.5em; padding-top:16px; font-weight:bold; font-size:15px; letter-spacing:-0.05em; color:#000}
.section-utility.ybm-textbook .textbook-info ul li strong > span {display:block; line-height:1.5em}
.section-utility.ybm-textbook .textbook-info ul li p {line-height:1.5em; padding-top:7px; font-size:13px; color:#636363}
.section-utility.ybm-textbook .textbook-info ul li p > span {display:block; line-height:1.5em} */
#header.ybm-textboox-detail-main {width:100%; height:auto; font-family:"Noto Sans KR"}
#header.ybm-textboox-detail-main .inner {width:1200px; margin:0 auto}
#header.ybm-textboox-detail-main .inner.head {height:50px; background:#fff}
#header.ybm-textboox-detail-main .inner:after {content:""; display:block; clear:both}
#header.ybm-textboox-detail-main h1 {float:left; margin-left:2px; padding-top:10px}
#header.ybm-textboox-detail-main h1 a {display:inline-block; height:20px; font-size:0; text-indent:-9999em; vertical-align:middle}
#header.ybm-textboox-detail-main h1 a img {height:100%}
#header.ybm-textboox-detail-main .links {float:right}
#header.ybm-textboox-detail-main .links a {display:inline-block; height:24px; line-height:50px; font-size:0; text-indent:-9999em}
#header.ybm-textboox-detail-main .links a img {height:100%}
#header.ybm-textboox-detail-main .bx-desc {padding:77px 0 0 32px; height:261px; background:url(../images/content/bg-ybmtext1.jpg) 0 77% no-repeat; background-size:cover}
#header.ybm-textboox-detail-main .bx-desc .desc {line-height:1.15em; font-weight:500; font-size:30px; color:#fff}
#header.ybm-textboox-detail-main .bx-desc .desc strong {font-family:"Noto Sans KR"; font-weight:500; color:#fc8888}
#header.ybm-textboox-detail-main .bx-desc .desc span {display:block; line-height:1.15em}
#header.ybm-textboox-detail-main .bx-desc .sub {padding-top:14px; font-weight:100; font-size:18px; color:#fff}
#container.ybm-textbook-detail {width:1200px}
#container.ybm-textbook-detail header.head-section {display:none}
#container.ybm-textbook-detail .cont-section {padding:0 0 70px; border-left:none; border-right:none; border-bottom:1px solid #e0e0e0}
.section-utility.ybm-textbook-detail .top-state {margin-top:-10px; padding-bottom:20px}
.section-utility.ybm-textbook-detail .top-state a {float:right; width:70px}
.section-utility.ybm-textbook-detail .btns-basic.large {margin-left:1px}
.section-utility.ybm-textbook-detail .btns-basic.large a {height:40px}
.section-utility.ybm-textbook-detail .btns-basic.large a.active:after {height:40px}
.section-utility.ybm-textbook-detail .btns-basic.large a span {line-height:38px}
.section-utility.ybm-textbook-detail .detail-book {margin-bottom:30px; padding-top:0; padding-left:30px; padding-right:30px; border:none; background:none}
.section-utility.ybm-textbook-detail .detail-book > .info {margin-bottom:0}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links {right:0; bottom:0}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a {width:80px; padding-top:90px; font-size:15px}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a ~ a {margin-left:20px}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book1 {background:url(../images/content/ico-book1-1-large.png) 50% 0 no-repeat}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book2 {background:url(../images/content/ico-book2-1-large.png) 50% 0 no-repeat}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book3 {background:url(../images/content/ico-book3-1-large.png) 50% 0 no-repeat}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book4 {background:url(../images/content/ico-book4-1-large.png) 50% 0 no-repeat}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book1:hover {background-image:url(../images/content/ico-book1-2-large.png)}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book2:hover {background-image:url(../images/content/ico-book2-2-large.png)}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book3:hover {background-image:url(../images/content/ico-book3-2-large.png)}
.section-utility.ybm-textbook-detail .detail-book > .info .viewer-links a.book4:hover {background-image:url(../images/content/ico-book4-2-large.png)}
.section-utility.ybm-textbook-detail .detail-book > .info > .img .year {width:49px; height:30px; line-height:30px; font-size:14px}
.section-utility.ybm-textbook-detail .detail-book > .info > .img {width:180px}
.section-utility.ybm-textbook-detail .detail-book > .info .cont {width:auto; min-height:auto; padding:0 0 0 220px}
.section-utility.ybm-textbook-detail .detail-book > .info .cont strong {display:block; font-weight:bold; font-size:30px; color:#2f2f2f}
.section-utility.ybm-textbook-detail .detail-book > .info .cont > ul {overflow-x:hidden; overflow-y:auto; height:134px; margin-top:10px}
.section-utility.ybm-textbook-detail .detail-book > .info .cont > ul > li {position:relative; line-height:1.7em; padding-left:8px; font-size:16px}
.section-utility.ybm-textbook-detail .detail-book > .info .cont > ul > li:after {content:""; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.section-utility.ybm-textbook-detail .detail-book > .info .notice {position:absolute; left:220px; bottom:0}
.section-utility.ybm-textbook-detail .detail-book > .info .notice ul li {line-height:1.6em; font-size:14px; color:#787878}
.section-utility.ybm-textbook-detail .detail-book > .info .notice ul li.m {display:none}
.section-utility.ybm-textbook-detail .info-section {margin-top:30px}
.section-utility.ybm-textbook-detail .info-section {margin-top:30px}
.section-utility.ybm-textbook-detail .info-section .tbl-basic table tbody tr td:not(.nodata) {padding-top:10px; padding-bottom:10px}
.section-utility.ybm-textbook-detail .info-section .tbl-basic table tbody tr td.tit {padding-left:10px}
.section-utility.ybm-textbook-detail .btns-submit a {width:118px}
.section-utility .tab-sortbox {position:relative}
.section-utility .tab-sortbox > ul {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:-50px; padding-bottom:50px}
.section-utility .tab-sortbox > ul > li {display:inline-block; flex:1; -webkit-flex:1}
.section-utility .tab-sortbox > ul > li ~ li {margin-left:2px}
.section-utility .tab-sortbox > ul > li > a {display:block; height:50px; line-height:50px; font-family:"Noto Sans KR"; font-size:17px; color:#fff; text-align:center; background:#0f3450; box-sizing:border-box}
.section-utility .tab-sortbox > ul > li > a > span {display:inline-block; line-height:48px}
.section-utility .tab-sortbox > ul > li.active > a {color:#0f3450; background:#fff}
.section-utility .tab-sortbox > ul > li > .ly-grade {position:absolute; left:0; right:0; top:50px; height:454px; z-index:2; text-align:left; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; background:#fff}
.section-utility .tab-sortbox > ul > li > .ly-grade:after {content:""; position:absolute; left:0; right:0; bottom:-9px; width:100%; height:8px; background:#fdf3f2}
.section-utility .tab-sortbox > ul > li.active > .ly-grade {z-index:3}
.section-utility .tab-sortbox > ul > li > .ly-grade .title-bar {height:48px; padding-left:31px; background:#ebebeb}
.section-utility .tab-sortbox > ul > li > .ly-grade .title-bar strong {display:inline-block; line-height:48px; font-weight:bold; font-size:15px; color:#464040; vertical-align:middle}
.section-utility .tab-sortbox > ul > li > .ly-grade .title-bar .return {display:inline-block; width:15px; height:15px; margin-left:8px; font-size:0; text-indent:-9999em; vertical-align:middle; background:url(../images/content/ico-reset-gray.png) no-repeat}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist:after {content:""; display:block; clear:both}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist strong.subj {display:block; padding-bottom:12px; font-size:19px; color:#0f3653}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li {position:relative; line-height:23px; padding-left:7px}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li.on:after,
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li:hover:after {background:#ff5c5c}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; font-size:15px; color:#515151}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li.on a,
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li a:hover {font-weight:bold; color:#ff5c5c}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul li.none:after {display:none}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .eng {float:left; width:33.33%; height:100%; padding:18px 30px 0;}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .eng ul:after {content:""; display:block; clear:both}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .eng ul li {float:left; width:50%}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest {float:left; width:calc(100% - 400px)}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest:after {content:""; display:block; clear:both}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest .list {float:left; width:33.33%; padding:18px 30px 0; border-left:1px solid #e0e0e0}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest .list.list1 {height:86px}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest .list.list2 {height:159px; border-top:1px solid #e0e0e0}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist .rest .list.list3 {height:160px; border-top:1px solid #e0e0e0}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeMid .booklist .rest .list.list1 {height:111px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeMid .booklist .rest .list.list2 {height:160px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeMid .booklist .rest .list.list3 {height:135px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeHigh .booklist .rest .list.list1 {height:85px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeHigh .booklist .rest .list.list2 {height:186px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeHigh .booklist .rest .list.list3 {height:135px}
.section-utility .tab-sortbox > ul > li > .ly-grade#gradeElem .booklist .rest .list {width:50%; height:405px}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul.col {float:left; width:50%}
.section-utility .tab-sortbox > ul > li > .ly-grade .booklist ul.col li {float:none; width:100%}
.section-utility .button-mobile-menu,
.section-utility .sortbox-mobile {display:none}

/* 이용혜택 */
.section-utility.use-benefit .sub-section:first-child {padding-top:0}
.section-utility.use-benefit .tbl-guide-grade-m {display:none}
.section-utility.use-benefit .tbl-guide-grade {display:block}
.section-utility.use-benefit .tbl-guide-grade table {border-top:1px solid #ecdede; table-layout:fixed}
.section-utility.use-benefit .tbl-guide-grade table th {padding:20px 0; font-weight:bold; font-size:14px; color:#000; border-bottom:1px solid #ecdede; background:#fdf3f2}
.section-utility.use-benefit .tbl-guide-grade table th.level {padding:30px 0; background:#fff}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level {display:inline-block; padding-top:50px; font-family:"Co Headline Corp"; font-size:16px; color:#e83a33}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level.lv1 {background:url(../images/content/bg-level1-large.png) center 0 no-repeat}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level.lv2 {background:url(../images/content/bg-level2-large.png) center 0 no-repeat}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level.lv3 {background:url(../images/content/bg-level3-large.png) center 0 no-repeat}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level.lv4 {background:url(../images/content/bg-level4-large.png) center 0 no-repeat}
.section-utility.use-benefit .tbl-guide-grade table th.level strong.level.lv5 {background:url(../images/content/bg-level5-large.png) center 0 no-repeat}
.section-utility.use-benefit .tbl-guide-grade table td {padding:20px 0; text-align:center; border-bottom:1px solid #ecdede}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-condition td ul {display:inline-block}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-condition td ul li {display:block; text-align:center; line-height:1em; font-size:14px; color:#666}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-condition td ul li ~ li {margin-top:10px}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td {vertical-align:top}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon {display:inline-block; width:136px; height:54px; background:url(../images/content/bg-coupon-small2.png) no-repeat; background-size:cover}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon:after {content:""; display:block; clear:both}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon div {float:left; display:block; width:41%; height:54px; text-align:center}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon div:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon div ~ div {width:59%; padding-left:13px; text-align:left}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon strong {font-family:"Co Headline Corp"; font-size:24px; color:#ff8482; letter-spacing:0; vertical-align:middle}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon strong span {font-size:12px}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon p {display:inline-block; line-height:1.23em; font-weight:bold; font-size:13px; color:#ff8482; vertical-align:middle}
.section-utility.use-benefit .tbl-guide-grade table tr.grade-benefit td .coupon + img {margin-top:10px}
.section-utility.use-benefit .list-guide {padding:27px 30px; border:1px solid #eaeaea; background:#fbfbfb}
.section-utility.use-benefit .list-guide:after {content:""; display:block; clear:both}
.section-utility.use-benefit .list-guide .bann {float:left; width:257px; border:1px solid #ddd}
.section-utility.use-benefit .list-guide .bann img {width:100%}
.section-utility.use-benefit .list-guide .bann img.mobile {display:none}
.section-utility.use-benefit .list-guide ul {float:left; width:calc(100% - 277px); margin-left:20px}
.section-utility.use-benefit .list-guide ul li {position:relative; padding-left:10px; line-height:1.57em; font-size:14px; color:#666; letter-spacing:-0.05em}
.section-utility.use-benefit .list-guide ul li:after {content:""; position:absolute; left:0; top:9px; width:2px; height:2px; background:#d4d4d4}
.section-utility.use-benefit .list-guide ul li ~ li {margin-top:7px}
.section-utility.use-benefit .list-guide ul li strong {color:#ff5c5c}
.section-utility.use-benefit .list-guide ul li span.call {display:inline-block; margin-left:12px; padding-left:24px; background:url(../images/content/bg-ico-call.png) 0 0 no-repeat}
.section-utility.use-benefit .sub-section + .sub-section ~ .sub-section .list-guide ul {float:none; width:100%}

/* 인증 전자서명 */
#header.elec-certification {width:auto; height:130px; background:#0066bb}
#header.elec-certification .inner {width:719px; margin:0 auto; text-align:center}
#container.elec-certification {width:719px}
.section-utility.elec-certification header.head-section {display:none}
.section-utility.elec-certification .cont-section {padding:30px 0 346px 0; border:none}
.section-utility.elec-certification .cont-section .desc ul {margin-left:4px}
.section-utility.elec-certification .cont-section .desc ul li {position:relative; line-height:1.5em; padding-left:8px; font-size:14px; color:#333}
.section-utility.elec-certification .cont-section .desc ul li:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1px; background:#3c3c3c}
.section-utility.elec-certification .cont-section .types-cert {height:274px; margin-top:35px; border:1px solid #dee0e2; background:#f7f8f9}
.section-utility.elec-certification .cont-section .types-cert:after {content:""; display:block; clear:both}
.section-utility.elec-certification .cont-section .types-cert > div {float:left; width:50%; height:100%; padding-top:60px; text-align:center}
.section-utility.elec-certification .cont-section .types-cert > div ~ div {position:relative; border-left:1px solid #dee0e2}
.section-utility.elec-certification .cont-section .types-cert > div ~ div:after {content:""; position:absolute; left:-1px; top:50%; width:10px; height:16px; margin-top:-8px; background:url(../images/content/bg-cert-box.png) no-repeat}
.section-utility.elec-certification .cont-section .types-cert > div a {display:inline-block; width:100px; padding-top:112px}
.section-utility.elec-certification .cont-section .types-cert > div a > span {line-height:1.4em; font-weight:bold; font-size:16px; color:#333}
.section-utility.elec-certification .cont-section .types-cert > div a > span > span {display:block; line-height:1.4em}
.section-utility.elec-certification .cont-section .types-cert > div.type1 a {background:url(../images/content/bg-cert-select.png) 50% 0 no-repeat}
.section-utility.elec-certification .cont-section .types-cert > div.type1 a.on {background:url(../images/content/bg-cert-select-on.png) 50% 0 no-repeat}
.section-utility.elec-certification .cont-section .types-cert > div.type2 a {background:url(../images/content/bg-cert-check.png) 50% 0 no-repeat}
.section-utility.elec-certification .cont-section .types-cert > div.type2 a.on {background:url(../images/content/bg-cert-check-on.png) 50% 0 no-repeat}
/* 에러 */
/* 404 페이지 */
.section-utility.error404 .head-section h2 {font-size:0; text-indent:-9999em}
.section-utility.error404 .compl-notice {padding:100px 0}
.section-utility.error404 .compl-notice strong {background:url(../images/common/bg-error.png) center 0 no-repeat}
.section-utility.error404 .compl-notice p span.m {display:inline}
.section-utility.error404 .btns-submit a {width:107px}
/* 404 팝업 */
.popup-error404 .popup-section {width:470px}
.popup-error404 .popup-section header {height:46px}
.popup-error404 .popup-section header h3 {height:46px; line-height:46px; font-size:16px}
.popup-error404 .popup-section header .close {width:46px; height:46px; right:4px}
.popup-error404 .popup-content {padding:30px 20px 10px}
.popup-error404 .popup-content .error-notice {text-align:center}
.popup-error404 .popup-content .error-notice strong {display:inline-block; padding-top:64px; font-weight:bold; font-size:16px; color:#2f2f2f; background:url(../images/common/bg-error.png) center 0 no-repeat}
.popup-error404 .popup-content .error-notice p {line-height:1.4em; padding-top:13px; color:#919191}
.popup-error404 .popup-content .error-notice p span {display:block; line-height:1.4em}
.popup-error404 .popup-content .btns-submit {margin-top:28px; padding-top:10px; border-top:1px solid #eaeaea}
.popup-error404 .popup-content .btns-submit a {width:107px; height:31px}

/* 알럿창 */
.popup-alert .popup-section {width:280px}
.popup-alert .popup-content .alert-area {padding-top:75px; text-align:center; font-size:14px; color:#656565; line-height:1.38em; word-wrap:break-word; word-break:keep-all; background:url(../images/common/bg-notice.png) 50% 0 no-repeat}
.popup-alert.confirm .popup-section {width:600px}

/* 미리보기 */
.popup-preview .popup-section {width:870px}

/* 오픈 이벤트 */
.board-content .board-detail .inner.eventinner {padding:30px 0 150px; letter-spacing:-0.05em}
.open-event {background:#fadbd9}
.open-event > header {height:367px; padding:0 30px; background:url(../images/content/bg-event-header.png) 0 0 no-repeat}
.open-event > header h3 {padding-top:155px; text-align:center}
.open-event > header h3 span {display:block; padding-bottom:5px; font-weight:800; font-size:16px; color:#222}
.open-event > header h3 span.logo {display:inline-block; width:137px; height:31px; padding-bottom:0px; font-size:0; text-indent:-9999em; vertical-align:middle; background:url(../images/common/logo-ycloud-small.png) 0 0 no-repeat}
.open-event > header h3 img {vertical-align:middle}
.open-event > header h3 strong {margin-left:16px; font-weight:800 !important; font-size:25px; color:#222; vertical-align:middle}
.open-event > header .detail {padding:78px 28px 0}
.open-event > header .detail .tit {display:inline-block; font-weight:bold; font-size:16px; color:#222; vertical-align:middle}
.open-event > header .detail ul {display:inline-block; vertical-align:middle}
.open-event > header .detail ul:after {content:""; display:block; clear:both}
.open-event > header .detail ul li {float:left; margin-left:28px; font-weight:bold; font-size:14px; color:#565656}
.open-event > header .detail ul li span {display:inline-block; line-height:21px; margin-right:8px; padding:0 12px; color:#282828; text-align:center; border:2px solid #333; border-radius:2em; background:#fff}
.open-event .event-content {margin-top:-17px; padding:0 30px 30px}
.open-event .event-content .event {padding:27px 30px 30px; border-radius:5px; background:#fff}
.open-event .event-content .event ~ .event {margin-top:20px}
.open-event .event-content .event .head {padding-bottom:19px; border-bottom:1px solid #ddd}
.open-event .event-content .event .head h4 {padding-bottom:0; font-weight:bold; font-size:25px; color:#ff5c5c; letter-spacing:-0.075em}
.open-event .event-content .event .head h4 strong {display:inline-block; line-height:29px; margin-left:-3px; margin-right:20px; padding:0 20px; font-family: 'Co Headline Corp'; font-size:16px; color:#231916; letter-spacing:-0.05em; vertical-align:middle; border:3px solid #000; border-radius:2em; background:#ffe114}
.open-event .event-content .event .head h4 strong em {margin-left:3px; font-style:normal; font-family: 'Co Headline Corp'; font-size:23px; color:#c30e23; vertical-align:middle}
.open-event .event-content .event .desc {padding-top:33px}
.open-event .event-content .event .desc p {line-height:1.9em; font-size:14px; color:#252525}
.open-event .event-content .event .desc p.main {line-height:1.6em; font-weight:bold; font-size:20px}
.open-event .event-content .event .desc p span {display:block}
.open-event .event-content .event .desc p ~ p {margin-top:14px}
.open-event .event-content .event .desc ul {margin-top:30px}
.open-event .event-content .event .desc ul li {position:relative; padding-left:12px; font-size:13px; color:#777}
.open-event .event-content .event .desc ul li ~ li {margin-top:10px}
.open-event .event-content .event .desc ul li:after {content:""; position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:3px; background:#5e5e5e}
.open-event .event-content .event .desc ul li span {margin-right:5px; font-weight:bold; color:#444}
.open-event .event-content .event.event1 .desc {padding-left:324px; background:url(../images/content/bg-event-monitor.png) 21px 37px no-repeat}
.open-event .event-content .event.event2 .desc {text-align:center}
.open-event .event-content .event.event2 .desc ul {display:inline-block; width:433px; margin-top:20px; text-align:left}
.open-event .event-content .event.event2 .desc ul:after {content:""; display:block; clear:both}
.open-event .event-content .event.event2 .desc ul li {float:left; margin-top:10px; padding-left:0}
.open-event .event-content .event.event2 .desc ul li:after {display:none}
.open-event .event-content .event.event2 .desc ul li:nth-child(2n) {margin-left:10px}
.open-event .event-content .event.event2 .desc ul li:nth-child(2n):before {content:"|"; margin-right:10px; color:#444}
.open-event .event-content .event .quiz-area {margin-top:41px; background:#d9dee4}
.open-event .event-content .event .quiz-area:after {content:""; display:block; clear:both}
.open-event .event-content .event .quiz-area .quiz strong {position:relative; display:inline-block; padding-left:31px; font-weight:bold; font-size:18px; color:#222}
.open-event .event-content .event .quiz-area .quiz strong em {font-style:normal; color:#3172a3}
.open-event .event-content .event .quiz-area .quiz strong .mark {left:-1px; top:-11px; margin-right:20px}
.open-event .event-content .event .quiz-area .quiz .mark {position:absolute; font-weight:bold; font-size:40px}
.open-event .event-content .event .quiz-area .quiz p {position:relative; padding:12px 0 0 8px; font-weight:bold; font-size:35px; color:#222; vertical-align:middle}
.open-event .event-content .event .quiz-area .quiz p input[type="text"] {width:50px; height:50px; font-weight:bold; font-size:35px; color:#222; vertical-align:middle; border:none; border-radius:5px}
.open-event .event-content .event .quiz-area .quiz p .eng {font-family: 'Co Headline Corp'; font-size:50px; vertical-align:middle}
.open-event .event-content .event .quiz-area .quiz p .mark {right:-32px; top:19px}
.open-event .event-content .event .quiz-area .button {float:right; text-align:right}
.open-event .event-content .event .quiz-area .button .btn-make {width:169px; height:50px; font-size:16px; background:#ff5c5c}
.open-event .event-content .event .quiz-area .button .btn-make span {line-height:48px}
.open-event .event-content .event .quiz-area .button p {padding-top:15px}
.open-event .event-content .event .quiz-area .button .goto-reply {padding-bottom:2px; font-weight:bold; font-size:16px; color:#3e3e3e; border-bottom:1px solid #000}
.open-event .event-content .event .quiz-area .button .goto-reply:after {content:">"; margin-left:20px; font-weight:bold; font-size:14px; color:#3e3e3e}
.open-event .event-content .event.event1 .quiz-area {padding:31px 32px 28px 82px}
.open-event .event-content .event.event1 .quiz-area .quiz {float:left}
.open-event .event-content .event.event2 .quiz-area {margin-top:50px; padding:20px}
.open-event .event-content .event.event2 .quiz-area .quiz {display:inline-block; width:calc(100% - 189px)}
.open-event .event-content .event.event2 .quiz-area .quiz textarea {width:100%; height:50px; padding:13px 20px 0; font-weight:bold; font-size:16px; color:#3e3e3e; border:none}
.open-event .event-content .event.event2 .quiz-area .quiz textarea::placeholder {font-weight:bold; font-size:16px; color:#3e3e3e}
.open-event .event-content .event.event2 .quiz-area .quiz textarea::-webkit-input-placeholder {font-weight:bold; font-size:16px; color:#3e3e3e}
.open-event .event-content .event.event2 .quiz-area .quiz textarea:-moz-placeholder {font-weight:bold; font-size:16px; color:#3e3e3e}
.open-event .event-content .event.event2 .quiz-area .quiz textarea::-moz-placeholder {font-weight:bold; font-size:16px; color:#3e3e3e}
.open-event .event-content .event.event2 .quiz-area .quiz textarea:-ms-input-placeholder {font-weight:bold; font-size:16px; color:#3e3e3e}
.open-event .event-content .event .sub {padding-top:45px}
.open-event .event-content .event .sub .mobile {display:none}
.open-event .event-content .event .sub h5 {line-height:30px; font-weight:bold; font-size:18px; color:#222}
.open-event .event-content .event .sub.sample h5 {padding-left:43px; background:url(../images/content/bg-speaker.png) 0 50% no-repeat}
.open-event .event-content .event .sub.sample ul {margin-right:-12px}
.open-event .event-content .event .sub.sample ul:after {content:""; display:block; clear:both}
.open-event .event-content .event .sub.sample ul li {float:left; position:relative; margin-top:11px}
.open-event .event-content .event .sub.sample ul li:nth-child(2n) {margin-left:16px}
.open-event .event-content .event .sub.sample ul li .copy {position:absolute; right:0; top:0; z-index:1; width:50px; height:50px; font-size:0; text-indent:-9999em; background:url(../images/content/ico-share.png) 50% 50% no-repeat}
.open-event .event-content .event .sub.note {padding-top:37px}
.open-event .event-content .event .sub.note h5 {position:relative; padding-bottom:13px; padding-left:30px; border-bottom:1px solid #ddd; background:url(../images/content/bg-bulb.png) 3px 0 no-repeat}
.open-event .event-content .event .sub.note h5 a {position:absolute; right:0; top:50%; width:100px; height:25px; line-height:25px; margin-top:-12px; font-weight:bold; font-size:13px; color:#fff; text-align:center; border-radius:2em; background:#889cab}
.open-event .event-content .event .sub.note ul {margin:15px 0 0 3px}
.open-event .event-content .event .sub.note ul li {position:relative; padding-left:18px; font-size:14px; color:#6e6e6e; white-space:nowrap}
.open-event .event-content .event .sub.note ul li ~ li {margin-top:10px}
.open-event .event-content .event .sub.note ul li:after {content:""; position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:3px; background:#5e5e5e}
.open-event-reply {padding-top:59px}
.open-event-reply .tit {position:relative; padding-left:60px; font-weight:bold; font-size:20px; color:#2d2d2d}
.open-event-reply .tit:after {content:""; position:absolute; left:-4px; top:-20px; width:56px; height:56px; background:url(../images/content/bg-party.png) 0 0 no-repeat}
.open-event-reply .comment-content {margin-top:37px; padding:0; border:none}
.open-event-reply .comment-content .writing-area .btn a {width:127px; height:50px; font-size:16px; color:#fff; border-color:#ff5c5c; background:#ff5c5c}
.open-event-reply .comment-content .writing-area .btn a span {line-height:48px}
.open-event-reply .comment-content .writing-area .btn .count {color:#3e3e3e}
/* .open-event-reply .comment-content {margin-top:37px; padding:0; border-color:#ddd}
.open-event-reply .comment-content .writing-area {padding:21px 20px}
.open-event-reply .comment-content .writing-area textarea {width:681px; height:100px; padding:20px 26px}
.open-event-reply .comment-content .writing-area .btn a {width:127px; height:50px; font-size:16px; color:#fff; border-color:#ff5c5c; background:#ff5c5c}
.open-event-reply .comment-content .writing-area .btn a span {line-height:48px}
.open-event-reply .comment-content .writing-area .btn .count {color:#3e3e3e}
.open-event-reply .tbl-basic {margin-top:15px}
.open-event-reply .tbl-basic table thead th {height:50px; font-size:13px}
.open-event-reply .tbl-basic table tbody td {padding:16px 20px 15px; font-size:14px}
.open-event-reply .tbl-basic table tbody td a {line-height:1.3em}
.open-event-reply .tbl-basic table tbody td.name {text-align:center} */
.open-event-reply .paginate {margin-top:30px}
/* 이벤트 결과 */
.open-event.result {background:#c8e7f1}
.open-event.result > header {height:320px; background:#fadbd9 url(../images/content/bg-event-result-header.png) 0 0 no-repeat}
.open-event.result > header h3 {padding-top:114px}
.open-event.result .event-content {margin-top:-86px}
.open-event.result .event-content .event .head {padding-bottom:17px}
.open-event.result .event-content .event .head h4 {font-size:26px}
.open-event.result .event-content .event .desc {padding:42px 0 44px; border-bottom:1px solid #ddd}
.open-event.result .event-content .event .desc p {font-weight:bold; font-size:18px; color:#0f3552}
.open-event.result .event-content .event .desc p ~ p {margin-top:24px; color:#565656}
.open-event.result .event-content .event.event1 .desc {padding-left:296px; background-size:213px auto; background-position:40px 33px}
.open-event.result .event-content .event .sub h5 {font-size:16px}
.open-event.result .event-content .event .sub.note {padding-top:33px}
.open-event.result .event-content .event .sub.note h5 {padding-bottom:0; border:none}
.open-event.result .event-content .event .sub.note ul {margin-left:6px}
.open-event.result .event-content .event .sub.note ul li {padding-left:14px}
.open-event.result .event-content .event .sub.note ul li:after {top:6px}
.open-event.result .event-content .event .sub.list {padding-top:25px}
.open-event.result .event-content .event .sub.list h5 {padding-left:31px; background:url(../images/content/bg-sqspeaker.png) 7px 3px no-repeat}
.open-event.result .event-content .event .sub.list .bx-result {margin-top:10px; padding:30px; border:1px solid #ddd; background:#f4f4f4}
.open-event.result .event-content .event .sub.list .bx-result ul {margin-top:-8px}
.open-event.result .event-content .event .sub.list .bx-result ul:after {content:""; display:block; clear:both}
.open-event.result .event-content .event .sub.list .bx-result ul li {float:left; width:14.28%; margin-top:8px; font-size:14px; color:#6e6e6e}

/* 자료 신청 */
.board-content .board-detail .inner.material {padding:24px 0 54px; letter-spacing:-0.05em}
.material-content > header {height:407px; padding:45px 60px; background:url(../images/content/bg-material-head.jpg) 0 0 no-repeat}
.material-content > header h5 {padding-bottom:12px; font-weight:bold; font-size:30px; color:#404040}
.material-content > header h5 > span {display:block; padding-bottom:10px; font-size:20px; color:#705037}
/* .material-content > header h5 > span.m {display:inline; font-size:30px} */
.material-content > header .subj {display:inline-block; line-height:1.5em; padding:2px 17px; font-size:15px; color:#d94d2b; text-align:center; border:1px solid #e0c249; border-radius:2em; background:rgba(255, 255, 255, .35)}
.material-content > header .desc {line-height:1.2em; padding-top:9px; font-size:14px; color:#5c5c5c}
.material-content > header .desc > span {display:block; line-height:1.2em}
.material-content > header .desc > span.m {display:inline}
.material-content > header .period {display:block; padding:13px 0 20px; font-weight:bold; font-size:18px; color:#705037}
.material-content > header .period > span {margin-left:5px}
.material-content > header .note {position:relative; width:444px; padding:17px 0 17px 114px; border-radius:10px; background:rgba(255, 255, 255, .6)}
.material-content > header .note:after {content:""; display:block; clear:both}
.material-content > header .note > strong {position:absolute; left:41px; top:50%; margin-top:-33px; padding-top:51px; font-weight:bold; font-size:12px; color:#ff5c5c; text-align:center; background:url(../images/content/bg-notice.png) 50% 0 no-repeat}
.material-content > header .note > ul {float:left; padding-left:20px; border-left:1px solid #ffd5a6}
.material-content > header .note > ul li {font-size:12px; color:#f96961}
.material-content > header .note > ul li:before {content:"-"; margin-right:4px}
.material-content > header .note > ul li ~ li {margin-top:8px}
.material-content .list-materials .cap {height:50px; line-height:50px; text-align:center; background:#f4f4f4}
.material-content .list-materials .cap p {display:inline-block; position:relative; font-weight:bold; font-size:14px; color:#ff5c5c}
.material-content .list-materials .cap p:after {content:""; position:absolute; left:-10px; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:3px; background:#ff5c5c}
.material-content .list-materials .sets {padding:0 30px}
.material-content .list-materials .sets .set {position:relative; padding:30px}
.material-content .list-materials .sets .set ~ .set {border-top:1px solid #eaeaea}
.material-content .list-materials .sets .set:after {content:""; display:block; clear:both}
.material-content .list-materials .sets .set .chk {position:absolute; left:0; top:50%; margin-top:-11px}
.material-content .list-materials .sets .set .chk label {font-size:0; text-indent:-9999em}
.material-content .list-materials .sets .set .img {float:left; overflow:hidden; width:126px; height:164px}
.material-content .list-materials .sets .set .img img {width:100%}
.material-content .list-materials .sets .set .info {float:left; width:calc(100% - 156px); padding-left:37px}
.material-content .list-materials .sets .set .info .tit {display:block; padding-bottom:7px; font-weight:bold; font-size:16px; color:#262626}
.material-content .list-materials .sets .set .info .tit > span {margin-right:6px; font-weight:normal}
.material-content .list-materials .sets .set .info .forwho em {display:inline-block; height:23px; line-height:23px; padding:0 10px; font-style:normal; font-size:14px; color:#fff; text-align:center; border-radius:5px; background:#ff5c5c}
.material-content .list-materials .sets .set .info .forwho em ~ em {margin-left:5px}
.material-content .list-materials .sets .set .info .forwho em.subs {background:#0F3653}
.material-content .list-materials .sets .set .info .desc {padding-top:10px; font-size:14px; color:#424242}
.material-content .list-materials .sets .set.soldout:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background:rgba(0, 0, 0, .6)}
.material-content .list-materials .sets .set.soldout .notice {position:absolute; left:0; top:50%; right:0; z-index:2; margin-top:-8px; font-weight:bold; font-size:16px; color:#fff; text-align:center}
.material-content .selected-material {padding:24px 30px; background:url(../images/content/bg-material-basic.jpg) 0 0 repeat-y}
.material-content .selected-material .tit {font-size:14px; color:#262626}
.material-content .selected-material .selected-material-area {padding-top:11px}
.material-content .selected-material .selected-material-area:after {content:""; display:block; clear:both}
.material-content .selected-material .selected-material-area .list {float:left; overflow-x:hidden; overflow-y:auto; width:calc(100% - 168px); height:87px; padding:22px 25px; background:#fff}
.material-content .selected-material .selected-material-area .list ul li {position:relative; padding-left:11px; font-weight:bold; font-size:16px; color:#262626}
.material-content .selected-material .selected-material-area .list ul li:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:3px; background:#262626}
.material-content .selected-material .selected-material-area .list ul li ~ li {margin-top:7px}
.material-content .selected-material .selected-material-area .btn-register {float:right; width:158px; height:87px; font-size:18px; color:#fff; border-color:#eb6877; background:#eb6877}
.material-content .selected-material .selected-material-area .btn-register span {line-height:87px}
.material-content .note.mobile {display:none}
/* 자료신청 팝업 */
.popup-apply-material .popup-section {width:700px}
.popup-apply-material .popup-content .note {margin-top:-3px; padding-bottom:16px}
.popup-apply-material .popup-content .note ul li {position:relative; line-height:1.5em; padding-left:10px; font-size:14px; color:#7a7a7a}
.popup-apply-material .popup-content .note ul li span {display:block; line-height:1.5em}
.popup-apply-material .popup-content .note ul li:after {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:3px; background:#d1d1d1}
.popup-apply-material .popup-content .tbl-format table tbody td {line-height:1.4em; padding-top:10px; padding-bottom:10px}
.popup-apply-material .popup-content .tbl-format table tbody td .hyphen {margin:0 8px}
.popup-apply-material .popup-content .tbl-format table tbody td .frm-set a {margin-left:10px; font-size:13px; vertical-align:top}
.popup-apply-material .popup-content .tbl-format table tbody tr.add th {vertical-align:top}
.popup-apply-material .popup-content .tbl-format table tbody tr.add td > input[type="text"] {margin-top:5px}
.popup-apply-material .agree-area {margin-top:20px}
.popup-apply-material .agree-area .bx-agree {padding:20px; background:#f7f7f7}
.popup-apply-material .agree-area .bx-agree > strong {display:block; padding-bottom:17px; font-weight:bold; font-size:15px; color:#262626}
.popup-apply-material .agree-area .bx-agree > ul > li {font-size:14px; color:#5c5c5c}
.popup-apply-material .agree-area .bx-agree > ul > li ~ li {margin-top:5px}
.popup-apply-material .agree-area .chk-area {padding:20px 0; text-align:center}
.popup-apply-material .agree-area .chk-area input[type="checkbox"] + label {font-weight:bold; font-size:14px; color:#ff5c5c}
.popup-apply-material .btns-submit {margin-top:0; padding-top:30px; border-top:1px solid #eaeaea}
.popup-apply-material.confirm-request .list-request-books {padding-bottom:20px}
.popup-apply-material.confirm-request .list-request-books > strong {font-weight:bold; font-size:14px; color:#565656}
.popup-apply-material.confirm-request .list-request-books > .list {overflow-x:hidden; overflow-y:auto; margin-top:12px; height:111px; background:#f7f7f7}
.popup-apply-material.confirm-request .list-request-books > .list ul {padding:20px}
.popup-apply-material.confirm-request .list-request-books > .list ul li {position:relative; padding-left:11px; font-weight:bold; font-size:16px; color:#262626}
.popup-apply-material.confirm-request .list-request-books > .list ul li ~ li {margin-top:7px}
.popup-apply-material.confirm-request .list-request-books > .list ul li:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:3px; background:#262626}
.popup-apply-material.confirm-request .btns-submit {border-top:none}

/* 9월 이벤트 */
.board-content .board-detail .inner.sep-event {padding-left:0; padding-right:0;  letter-spacing:-0.05em}
.sep-event .sep-special-content {padding:0 30px 41px; background:#4788ff url(../images/content/bg-sep-event.png) 0 0 no-repeat}
.sep-event .sep-special-content header {padding:126px 0 60px}
section.content .sub-section .sep-event .sep-special-content header h4 {padding-bottom:0; font-weight:normal; font-size:27px; color:#fff; text-align:center}
.sep-event .sep-special-content header h4 em {position:relative; font-style:normal; font-weight:bold; font-size:33px; color:#ffe600}
.sep-event .sep-special-content header h4 em:after {content:""; position:absolute; left:50%; top:-7px; width:7px; height:7px; margin-left:-3px; border-radius:7px; background:#ffe600}
.sep-event .sep-special-content header h4 span {display:block; height:133px; margin-top:9px; line-height:0; color:transparent; text-indent:-9999em; background:url(../images/content/bg-sep-event-tit.png) 50% 0 no-repeat}
.sep-event .sep-special-content header .desc {padding:32px 0 45px; line-height:1.6em; font-size:17px; color:#fff; letter-spacing:-0.075em; text-align:center}
.sep-event .sep-special-content header .desc em {font-style:normal; font-weight:bold; font-size:21px; color:#ffe600}
.sep-event .sep-special-content header .desc em ~ em {position:relative; margin-left:15px}
.sep-event .sep-special-content header .desc em ~ em:after {content:""; position:absolute; left:-9px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#ffe600}
.sep-event .sep-special-content header .desc span:not(.m) {display:block; line-height:1.6em}
.sep-event .sep-special-content header .detail {padding-left:325px; background:url(../images/content/bg-sep-trophy.png) 110px 15px no-repeat}
.sep-event .sep-special-content header .detail > ul {display:inline-block}
.sep-event .sep-special-content header .detail > ul > li {position:relative; line-height:29px; padding-left:114px; font-size:16px; color:#fff}
.sep-event .sep-special-content header .detail > ul > li span {position:absolute; left:0; top:0; width:93px; height:29px; line-height:29px; font-weight:bold; font-size:13px; color:#fff; text-align:center; border-radius:3px; background:#f35b74}
.sep-event .sep-special-content header .detail > ul > li ~ li {margin-top:15px; padding-top:15px; border-top:1px solid #6ca0ff}
.sep-event .sep-special-content header .detail > ul > li ~ li span {top:15px}
.sep-event .sep-special-content header .detail > ul > li.prize {line-height:1em}
.sep-event .sep-special-content header .detail > ul > li > ul:after {content:""; display:block; clear:both}
.sep-event .sep-special-content header .detail > ul > li > ul > li {float:left; width:137px; font-size:13px; text-align:center}
.sep-event .sep-special-content header .detail > ul > li > ul > li ~ li {margin-left:19px}
.sep-event .sep-special-content header .detail > ul > li > ul > li strong {display:block; padding:74px 0 3px; font-weight:bold; font-size:16px}
.sep-event .sep-special-content header .detail > ul > li > ul > li.prize1 strong {background:url(../images/content/img-prize-50000.png) 50% 0 no-repeat}
.sep-event .sep-special-content header .detail > ul > li > ul > li.prize2 strong {background:url(../images/content/img-prize-5000.png) 50% 0 no-repeat}
.sep-event .sep-special-content .sep-detail {margin-left:20px; border-radius:0.7em; background:#4367cb}
.sep-event .sep-special-content .sep-detail .wrap {position:relative; left:-10px; top:-10px; padding:30px; border-radius:0.7em; background:#fff; box-shadow:3px 5px 7px rgba(0, 0, 0, .25)}
.sep-event .sep-special-content .sep-detail.event .wrap {padding-top:43px}
.sep-event .sep-special-content .sep-detail.event .wrap > strong.tit {display:block; height:23px; padding-left:35px; font-weight:bold; font-size:23px; color:#3d3d3d; background:url(../images/content/bg-text-q.png) 0 bottom no-repeat}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check {margin-top:20px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check:after {content:""; display:block; clear:both}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set {float:left; position:relative; width:195px; background:#f7f7f7}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .head {display:block; position:relative; height:49px; line-height:49px; font-weight:bold; font-size:16px; color:#fff; text-align:center; background:#2e59a6}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul {position:relative; height:253px; padding:7px 15px 15px; border-bottom:1px solid #ddd}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul:after {content:""; display:block; clear:both}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:first-child .head {border-top-left-radius:4px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:first-child ul {border-left:1px solid #ddd; border-bottom-left-radius:4px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li {padding-left:7px; margin-top:8px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a {position:relative; font-size:13px; color:#777}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:after {content:""; position:absolute; left:-7px; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:100%; background:#6d6d6d}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ~ .set .head {border-left:1px solid #436aaf}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ~ .set ul:before {content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:#ddd}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select {position:absolute; left:50%; bottom:20px; width:103px; margin-left:-51px; font-size:13px; color:#fff; border-radius:3px; border-color:#aaa; background:#aaa}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select span {font-weight:bold}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.subj ul li {float:left; width:50%}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc {width:143px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc .head {border-top-right-radius:4px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc ul {border-right:1px solid #ddd; border-bottom-right-radius:4px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc ul li {width:100%; height:75%; padding:0; text-align:center}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc ul li:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.etc ul li span {font-size:13px; color:#777; vertical-align:middle}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus {background:#fff}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active .head,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover .head,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus .head {background:#fe6881}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active + .set .head,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:hover + .set .head,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set:focus + .set .head {border-left-color:#fe6881}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:hover,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:focus {color:#2e59a6; border-bottom:1px solid #2e59a6}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:hover:after,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set ul li a:focus:after {background:#2e59a6}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set.active .btn-select,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select:hover,
.sep-event .sep-special-content .sep-detail.event .wrap .bx-event-check .set .btn-select:focus {color:transparent; border-color:#fe6881; background:#fe6881 url(../images/content/bg-box-check.png) 50% 50% no-repeat}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion {padding-top:49px}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion .tit {display:block; position:relative; padding-bottom:21px; font-size:17px; color:#777}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion .tit .count {position:absolute; right:6px; top:5px; font-size:12px; color:#888}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion .tit em {font-style:normal; font-weight:bold; color:#333}
.sep-event .sep-special-content .sep-detail.event .wrap .bx-opinion textarea {height:120px; background:#f7f7f7}
.sep-event .sep-special-content .sep-detail.event .wrap .btns-submit .btn-join {width:144px; height:50px; font-size:19px; color:#fff; border-color:#fe6881; border-radius:4px; background:#fe6881}
.sep-event .sep-special-content .sep-detail.event .wrap .btns-submit .btn-join span {line-height:48px}
.sep-event .sep-special-content .sep-detail.notice .wrap {position:relative; margin-top:11px}
.sep-event .sep-special-content .sep-detail.notice .wrap > strong.tit {display:block; height:20px; line-height:20px; padding-left:26px; font-size:17px; color:#fe6881; background:url(../images/content/bg-notice-small.png) 0 50% no-repeat}
.sep-event .sep-special-content .sep-detail.notice .wrap .btn-check {position:absolute; right:30px; top:22px; width:103px; font-weight:normal; font-size:13px; color:#fff; border-color:#2e59a6; border-radius:3px; background:#2e59a6}
.sep-event .sep-special-content .sep-detail.notice .wrap .btn-check span {padding:0 10px}
.sep-event .sep-special-content .sep-detail.notice .wrap ul {margin-top:12px; padding-top:20px; border-top:1px solid #ddd}
.sep-event .sep-special-content .sep-detail.notice .wrap ul li {padding-left:9px; font-size:13px; color:#888}
.sep-event .sep-special-content .sep-detail.notice .wrap ul li ~ li {margin-top:9px}
/* 당첨결과 */
.sep-event.result .sep-special-content {padding:0 30px 50px; background:#4788ff url(../images/content/bg-sep-result.png) 0 0 no-repeat}
.sep-event.result .sep-special-content header {padding:69px 0 60px}
section.content .sub-section .sep-event.result .sep-special-content header h4 {font-size:20px}
.sep-event.result .sep-special-content header h4 em {font-size:26px}
.sep-event.result .sep-special-content header h4 em:after {width:6px; height:6px; margin-left:-3px; border-radius:6px}
.sep-event.result .sep-special-content header h4 span {height:110px; margin-top:10px; background:url(../images/content/bg-sep-result-tit.png) 50% 0 no-repeat}
.sep-event.result .sep-special-content .sep-detail.result .wrap {position:relative; padding:30px 20px 47px; text-align:center}
.sep-event.result .sep-special-content .sep-detail.result .tit {display:inline-block; position:absolute; left:50%; top:-30px; width:223px; height:49px; line-height:49px; margin-left:-111px; font-weight:bold; font-size:20px; color:#fff; text-align:center; border-radius:3px; background:#f35b74}
.sep-event.result .sep-special-content .sep-detail.result .info {line-height:1.6em; padding-top:39px; font-size:21px; color:#555; letter-spacing:-0.075em}
.sep-event.result .sep-special-content .sep-detail.result .info em {position:relative; font-style:normal; font-weight:bold; font-size:33px; color:#f35b74}
.sep-event.result .sep-special-content .sep-detail.result .info em:after {content:""; position:absolute; left:50%; top:-7px; width:6px; height:6px; margin-left:-3px; border-radius:6px; background:#f35b74}
.sep-event.result .sep-special-content .sep-detail.result .info span:not(.m) {display:block; line-height:1.6em}
.sep-event.result .sep-special-content .sep-detail.result .sub h5 {line-height:30px; font-weight:bold; font-size:17px; color:#222; text-align:left; letter-spacing:-0.075em}
.sep-event.result .sep-special-content .sep-detail.result .sub.list {padding-top:35px}
.sep-event.result .sep-special-content .sep-detail.result .sub.list ~ .list {padding-top:22px}
.sep-event.result .sep-special-content .sep-detail.result .sub.list h5 {padding-left:26px; background:url(../images/content/ico-present.png) 0 50% no-repeat}
.sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result {margin-top:14px; padding:18px 0; border:1px solid #ddd; background:#f3f3f3}
.sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul {margin-top:-17px}
.sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul:after {content:""; display:block; clear:both}
.sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul li {float:left; width:20%; margin-top:17px; padding-left:30px; font-size:16px; color:#777; letter-spacing:-0.075em; text-align:left}
.sep-event.result .sep-special-content .sep-detail.result .sub.list .bx-result ul li.personal {width:100%; padding:16px 0; text-align:center}
.sep-event.result .sep-special-content .sep-detail.result .extra-cap {padding-top:24px; font-size:17px; color:#555; letter-spacing:-0.075em}
.sep-event.result .sep-special-content .sep-detail.notice .wrap {margin-top:19px; padding-right:20px; padding-left:20px}

/* 앱다운로드 이벤트 */
.board-content .board-detail .inner.app-download-event {padding-left:0; padding-right:0}
.app-download-event .app-download-content header {padding-top:44px; background:url(../images/content/bg-app-event.png) 0 0 repeat}
.app-download-event .app-download-content header h4 {height:142px; font-size:0; text-indent:-9999em; background:url(../images/content/bg-app-title.png) center 0 no-repeat}
.app-download-event .app-download-content header .detail {position:relative; height:412px; padding:39px 54px 0 0}
.app-download-event .app-download-content header .detail:after {content:""; display:block; clear:both}
.app-download-event .app-download-content header .detail:before {content:""; position:absolute; left:75px; top:33px; width:315px; height:379px; background:url(../images/content/bg-app-phone.png) 0 0 no-repeat}
.app-download-event .app-download-content header .detail .desc {float:right; position:relative; width:415px; height:336px; padding:33px 0 0 42px; border-radius:10px; background:#fff}
.app-download-event .app-download-content header .detail .desc:after {content:""; position:absolute; left:-16px; top:50%; width:0; height:0; margin-top:-8px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:16px solid #fff}
.app-download-event .app-download-content header .detail .desc p {line-height:1.3em; padding-left:6px; font-weight:800; font-size:21px; color:#444; letter-spacing:-0.05em}
.app-download-event .app-download-content header .detail .desc p span {display:block; line-height:1.3em}
.app-download-event .app-download-content header .detail .desc > ul {margin-top:27px}
.app-download-event .app-download-content header .detail .desc > ul > li {font-weight:bold; font-size:15px; color:#555; letter-spacing:-0.05em}
.app-download-event .app-download-content header .detail .desc > ul > li ~ li {margin-top:5px}
.app-download-event .app-download-content header .detail .desc > ul > li .tit {display:inline-block; width:107px; height:30px; margin-right:19px; line-height:30px; font-size:13px; color:#fff; text-align:center; border-radius:2em; background:#fe5b5b}
.app-download-event .app-download-content header .detail .desc > ul > li.prize .cont {line-height:30px}
.app-download-event .app-download-content header .detail .desc > ul > li.prize ul {float:right; width:calc(100% - 127px)}
.app-download-event .app-download-content header .detail .desc > ul > li.prize ul li.prize1 .img {display:inline-block; width:112px; height:54px; margin-top:5px; background:url(../images/content/img-prize-5000.png) 50% 0 no-repeat; background-size:112px auto; box-shadow:3px 3px 3px rgba(0, 0, 0, .25)}
.app-download-event .app-download-content header .detail .desc > ul > li.prize + li {margin-top:70px}
.app-download-event .app-download-content .detail-content {padding:47px 45px 60px; background:#fe5b5b}
.app-download-event .app-download-content .detail-content .steps:after {content:""; display:block; clear:both}
.app-download-event .app-download-content .detail-content .steps .step {float:left; width:50%; text-align:center}
.app-download-event .app-download-content .detail-content .steps .step .tit {height:100px; font-size:0; text-indent:-9999em}
.app-download-event .app-download-content .detail-content .steps .step1 .tit {background:url(../images/content/bg-app-subtit1.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step2 .tit {background:url(../images/content/bg-app-subtit2.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step .cont {position:relative; min-height:222px; margin-top:30px}
.app-download-event .app-download-content .detail-content .steps .step1 .cont {padding-top:75px; background:url(../images/content/bg-app-phone-half.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step2 .cont {padding-top:240px; background:url(../images/content/bg-app-phone-capture.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step2 .cont:after {content:""; position:absolute; left:-15px; top:86px; width:23px; height:40px; background:url(../images/content/bg-app-next.png) 0 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step .cont ul {display:inline-block}
.app-download-event .app-download-content .detail-content .steps .step .cont ul:after {content:""; display:block; clear:both}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li {float:left; width:76px; line-height:1.3em; padding-top:90px; font-size:13px; color:#fff}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li a {display:block; line-height:1.3em; font-size:13px; color:#fff}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li ~ li {margin-left:20px}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li.goggle {background:url(../images/content/bg-qr-goggle.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li.appstore {background:url(../images/content/bg-qr-appstore.png) 50% 0 no-repeat}
.app-download-event .app-download-content .detail-content .steps .step .cont ul li span {display:block; line-height:1.3em}
.app-download-event .app-download-content .detail-content .steps .step .cont p {line-height:1.4em; font-weight:bold; font-size:16px; color:#fff; letter-spacing:-0.05em; text-shadow:3px 3px 3px rgba(0, 0, 0, .15)}
.app-download-event .app-download-content .detail-content .steps .step .cont p span {display:block; line-height:1.4em}
.app-download-event .app-download-content .detail-content .btns {padding-top:20px; text-align:center}
.app-download-event .app-download-content .detail-content .btns:after {content:""; display:block; clear:both}
.app-download-event .app-download-content .detail-content .btns .wrap-file {float:left; width:455px; text-align:right}
.app-download-event .app-download-content .detail-content .btns .wrap-join {float:left; width:325px; position:relative; text-align:left}
.app-download-event .app-download-content .detail-content .btns .wrap-join .img {display:none; position:relative; left:0; bottom:-25px; width:248px; border:20px solid #fff; border-radius:1em}
.app-download-event .app-download-content .detail-content .btns .wrap-join .img.view {display:block}
.app-download-event .app-download-content .detail-content .btns .wrap-join .img:after {content:""; position:absolute; left:50%; top:-34px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:16px solid #fff}
.app-download-event .app-download-content .detail-content .btns .btn-event {height:65px; line-height:65px; border-radius:3em}
.app-download-event .app-download-content .detail-content .btns .btn-event span {line-height:0; font-size:0; text-indent:-9999em}
.app-download-event .app-download-content .detail-content .btns .btn-event.reg {width:357px; border-color:#3e3e3e; background:#3e3e3e url(../images/content/bg-app-btntxt1.png) 50% 50% no-repeat}
.app-download-event .app-download-content .detail-content .btns .btn-event.join {width:229px; margin-left:7px; border-color:#febb5b; background:#febb5b url(../images/content/bg-app-btntxt2.png) 50% 50% no-repeat}
.app-download-event .app-download-content .app-download-notice {position:relative; padding:30px 0 35px 247px; background:#555}
.app-download-event .app-download-content .app-download-notice .tit {position:absolute; left:70px; top:45px; height:27px; line-height:27px; padding-left:37px; font-weight:bold; font-size:20px; color:#fff; letter-spacing:-0.05em; background:url(../images/content/ico-speaker.png) 0 50% no-repeat}
.app-download-event .app-download-content .app-download-notice .btn-check {position:absolute; left:61px; bottom:42px; width:129px; height:29px; font-weight:bold; font-size:13px; color:#fff; letter-spacing:-0.05em; text-align:center; border-radius:2em; border-color:#fe5b5b; background:#fe5b5b}
.app-download-event .app-download-content .app-download-notice .btn-check span {line-height:27px; font-weight:bold}
.app-download-event .app-download-content .app-download-notice ul {padding:0 80px 0 30px; border-left:1px solid #777}
.app-download-event .app-download-content .app-download-notice ul li {line-height:1.3em; padding-left:8px; font-size:13px; color:#fff; letter-spacing:-0.05em; text-indent:-8px; word-break:keep-all}
.app-download-event .app-download-content .app-download-notice ul li ~ li {margin-top:9px}
.app-download-event .app-download-content.result h4 {height:79px; background:url(../images/content/bg-app-title2.png) center 0 no-repeat}
.app-download-event .app-download-content.result header .detail {height:306px; padding:44px 40px 0 0}
.app-download-event .app-download-content.result header .detail .desc {width:523px; height:212px}
.app-download-event .app-download-content.result header .detail:before {left:37px; top:26px; width:273px; height:280px; background:url(../images/content/bg-app-phone2.png) 0 0 no-repeat}
.app-download-event .app-download-content.result header .detail .desc:after {left:-23px; margin-top:-13px; border-top-width:13px; border-bottom-width:13px; border-right-width:26px}
.app-download-event .app-download-content.result header .detail .desc p {line-height:1.6em; font-size:17px}
.app-download-event .app-download-content.result header .detail .desc p span {display:block; line-height:1.6em}
.app-download-event .app-download-content.result header .detail .desc p ~ p {margin-top:18px}
.app-download-event .app-download-content.result header .detail .desc p strong {display:inline-block; padding-bottom:1px; border-bottom:1px solid #ff6b6b}
.app-download-event .app-download-content.result header .detail .desc p strong span {display:inline}
.app-download-event .app-download-content.result .app-download-notice {padding:26px 0 31px 228px}
.app-download-event .app-download-content.result .app-download-notice .tit {top:26px}
.app-download-event .app-download-content.result .app-download-notice ul li {line-height:1.6em}


/* 190208 추가*/
.popup-findschool .popup-section .search-content input[type="text"] {width: 505px;}
#where-is-my-school {display:inline-block;float:right;padding-top:30px;font-weight:bold;font-size:14px;color:#7070ff;text-decoration:underline;}
.popup-findschool .popup-section .nodata-notice.insert ul li strong + input[type="text"] {width: 330px;}

.board-content .board-detail .inner.profile-update-event {padding-left:0; padding-right:0}
.profile-update-event .profile-update-content {background:#004388 url(..../images/content/bg-profile-event.png) right top repeat-y}
.profile-update-event .profile-update-content header {padding: 55px 0 37px 60px; background: url(..../images/content/bg-profile-event-coffee.png) right top no-repeat; }
.profile-update-event .profile-update-content header h4 {height:337px; font-size:0; text-indent:-9999em; background:url(..../images/content/bg-profile-event-title.png) left 0 no-repeat}
.profile-update-event .profile-update-content .profile-update-detail {background: url(..../images/content/bg-profile-event-detail.png) 0 0 no-repeat; padding: 41px 0 0 50px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title {color: #fff; font-weight: bold; font-size: 20px; padding: 0 0 30px 10px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title strong {color: #f5a347; font-weight: 800;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title span {display: block;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-title .line {padding-top: 20px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content {background: url(..../images/content/bg-profile-event-dot.png) 0 0 repeat-x; margin-right: 50px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul {padding: 20px 0;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li {color: #fff; font-size: 17px; padding: 12px 0 12px 45px; background: url(..../images/content/bg-profile-event-icon.png) 11px 0 no-repeat;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail01 {background-position: 11px 10px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail02 {background-position: 11px -101px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li.detail03 {background-position: 11px -212px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li strong {display: inline-block; margin-right: 18px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content ul li span {color: #d1deeb; font-size: 16px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content p {color:#f3d80b; font-size: 17px; font-weight: bold; padding-left: 10px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns {padding: 50px 0 50px 10px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns a {font-size: 20px; border-radius: 2px; color: #fff; font-weight: bold; width: 200px; height: inherit; border: 0; padding: 15px 0;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns .btn-join {background: #e55120; margin-right: 10px;}
.profile-update-event .profile-update-content .profile-update-detail .profile-update-detail-content .profile-update-btns .btn-modify {background: #0c2239;}
.profile-update-reply .comment-content {margin-top:0px; padding:0; border:none}
.profile-update-reply .comment-content .writing-area {padding: 30px;}
.profile-update-reply .comment-content .writing-area textarea {float: inherit; width: 100%; border: 1px solid #a1a9b3; font-size: 14px;}
.profile-update-reply .comment-content .writing-area .btn {float: inherit; width: 100%; border: 1px solid #a1a9b3; border-top: none; border-bottom: none; position: relative; top: -1px; clear: both; overflow: hidden;}
.profile-update-reply .comment-content .writing-area .btn a {float: right; border: 1px solid #858f9c; background: #a1a9b3; color: #fff;  font-size: 14px; font-weight: normal; width: 90px;}
.profile-update-reply .comment-content .writing-area .btn .count {float: left; text-align: left; padding-left: 15px; border-top: 1px solid #e8e4e2; border-bottom: 1px solid #a1a9b3; width: calc(100% - 105px); height: 21px; font-size: 14px; color: #585a5c;}
.popup-profileupdate .popup-section .btns-submit a {width: 150px;}
.popup-profileupdate .popup-section .modify-area table.tbl-modify th {padding:21px 0 18px; font-weight:bold; font-size:14px; color:#565656; text-align:left;}
.popup-profileupdate .popup-section .modify-area table.tbl-modify td {position: relative;}
.popup-profileupdate .popup-section .modify-area table.tbl-modify td a {position: absolute; right: 0; top: 10px;}
.popup-profileupdate .popup-section .modify-area table.tbl-modify td a:after {content: ''; display: block; clear: both;}
.profile-update-event .profile-update-content.result header h4 {height:337px; font-size:0; text-indent:-9999em; background:url(..../images/content/bg-profile-event-title2.png) left 0 no-repeat}
.profile-update-event .profile-update-content.result .profile-update-detail {background: url(..../images/content/bg-profile-event-detail2.png) 0 0 no-repeat; padding: 41px 0 0 50px;}
.profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-content ul li.detail04 {background-position: 11px -322px;}
.profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-content ul li.detail04 strong {margin-bottom: 15px;}
.profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-content ul li.detail04 span {display: block; padding-left: 10px; position: relative; line-height: 1.6em; margin-bottom: 5px; word-break: keep-all;}
.profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-content ul li.detail04 span:before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #d1deeb; position: absolute; left: 0; top: 10px;}
.profile-update-event .profile-update-content.result .profile-update-detail > p {font-size: 17px; color: #fff; padding: 0 0 30px 10px;}
.profile-update-event .profile-update-content.result .profile-update-detail .profile-update-detail-title {color: #f3d80b; font-weight: bold; font-size: 20px; padding: 30px 0 0 10px;}


/* 2019.04.04 추가*/ /* 2019.04.10 수정*/
.profile-update-event .profile-update-content02 {background: #f9faef url(..../images/content/event1904/bg-event.png) 0 0 no-repeat;padding-bottom:30px;}
.profile-update-event .profile-update-content02 h4 {height:370px;background:url(..../images/content/event1904/title.png) 67px 53px no-repeat;font-size:0 !important;line-height:0;}
.profile-update-event .profile-update-content02 .profile-update-detail {color:#333030;margin-left:145px;margin-top:168px;}
.profile-update-event .profile-update-content02 .profile-update-detail-title h5 {font-size:24px;font-weight:bold;margin-bottom:10px;padding:0 10px;}
.profile-update-event .profile-update-content02 .profile-update-detail-title p+h5 {margin-top:35px;}
.profile-update-event .profile-update-content02 .profile-update-detail-title p {line-height:30px;font-size:17px;padding:0 10px;}
.profile-update-event .profile-update-content02 .profile-update-detail-title p>.fnt_pink {font-weight:bold;}
.profile-update-event .profile-update-content02 .profile-update-detail-content {margin-top:30px;}
.profile-update-event .profile-update-content02 .profile-update-detail-content p {font-size:17px;padding:0 10px;width:625px;}
.profile-update-event .profile-update-content02 .profile-update-detail-content p:nth-child(1) { border-top:1px dotted #f96096;padding-top:15px;}
.profile-update-event .profile-update-content02 .profile-update-detail-content p:nth-child(2) { border-bottom:1px dotted #f96096;padding-bottom:15px;}
.profile-update-event .profile-update-content02 .profile-update-detail-content p + p {margin-top:12px;}
.profile-update-event .profile-update-content02 .profile-update-detail-content p>span {margin-left:12px;}
.profile-update-event .profile-update-content02 .profile-update-detail-notice {margin-top:40px;}
.profile-update-event .profile-update-content02 .profile-update-detail-notice ul {margin-top:5px;}
.profile-update-event .profile-update-content02 .profile-update-detail-notice li {position:relative;line-height:20px;font-size:14px;padding-left:12px;}
.profile-update-event .profile-update-content02 .profile-update-detail-notice li::before {content:'';position:absolute;top:9px;left:3px;width:4px;height:4px;background-color:#333030;border-radius:100%;}
.profile-update-event .profile-update-content02 .profile-update-btns {margin-top:50px;}
.profile-update-event .profile-update-content02 .profile-update-btns .btn-join {width:265px;height:60px;line-height:60px;font-size:30px;font-weight:bold;color:#f8f8fd;background-color:#f95690;margin-left:155px;letter-spacing:-1px;}
.profile-update-event .profile-update-content02 .fnt_pink {color:#f91f6d;}

/* 2019.06-05 추가 */
/* .profile-update-event .profile-update-content02-result h4 {height:173px;background:url(..../images/content/event1904/title_result.png) no-repeat;font-size:0 !important;line-height:0;margin-top:25px;} */
.profile-update-event .profile-update-content02-result h5 {font-size:24px;font-weight:bold;margin-top:20px;}
.profile-update-event .profile-update-content02-result .fnt_pink {color:#f91f6d;}
.profile-update-event .profile-update-content02-result .txt-gift {font-size:18px;font-weight:normal;}
.profile-update-event .profile-update-content02-result .winner_wrap  {padding:20px;}
.profile-update-event .profile-update-content02-result .div6 {width:16.5%;float:left;line-height:1.2em;}
.profile-update-event .profile-update-content02-result .txt-notice {text-align:right;font-size:16px;margin-top:20px;}

/* 2019.04.11 추가*/
.profile-update-event .profile-update-content03 {position:relative;}
.profile-update-event .profile-update-content03 .sel-wrap {position:absolute;left:230px;bottom:35px;width:406px;height:39px;}
.profile-update-event .profile-update-content03 .sel-wrap select {width:100%;height:100%;line-height:33px;color:#484747;font-size:18px;font-weight:bold;padding:0 55px 0 8px;
																background :#fff url(..../images/content/event1904/btn-sel.png) no-repeat right 0px top 50%;border:3px solid #721e71;
																-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
.profile-update-event .profile-update-content03 .sel-wrap select option {font-size:14px;}


/* 퀴즈배틀이벤트 결과 : 2019.04.12 추가 */
.profile-update-event .profile-update-content03-result {background:url(..../images/content/event1904/bg-body02.png),url(..../images/content/event1904/bg-body.png);background-repeat:no-repeat,repeat;padding-bottom:15px;}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content{position:relative;border:10px solid #721e71;background-color:#fff;border-radius:55px;padding:22px 37px;margin:0 28px;}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content::after {content:'';width:91px;height:77px;position:absolute;bottom:-77px;right:50px;background:url(..../images/content/event1904/bg-point.png) no-repeat}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content .label {display:block;height:20px;line-height:20px;font-size:18px;font-weight:bold;color:#ff3c02;background:url(..../images/content/event1904/icon-star.png) no-repeat 0 50%;padding-left:22px;}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul li {float:left;width:50%;font-weight:bold;font-size:16px;color:#231815;padding-top:14px;padding-left:20px;}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul li>span  {font-weight:normal;color:#4a4a4a;margin-left:10px;}
.profile-update-event .profile-update-content03-result .profile-update-detail .profile-update-detail-content  ul + .label {margin-top:34px;}
.profile-update-event .profile-update-content03-result .profile-update-detail-info {font-size:20px;font-weight:bold;text-align:right;padding:53px 360px 30px 0;background:url(..../images/content/event1904/bg-bottom.png) no-repeat top 17px right 166px}
.profile-update-event .profile-update-content03-result .profile-update-detail-info>span{font-size:23px;color:#721e71}

.profile-update-event .profile-update-content03-result .profile-update-detail-notice {background:url(..../images/content/event1904/bg-bottom02.png) no-repeat;padding:15px 80px;}
.profile-update-event .profile-update-content03-result .profile-update-detail-notice strong {display:block;height:26px;font-size:0;line-height:0;background:url(..../images/content/event1904/notice-title.png) no-repeat;margin-bottom:10px;}
.profile-update-event .profile-update-content03-result .profile-update-detail-notice li {position:relative;font-size:14px;line-height:20px;padding-left: 16px; }
.profile-update-event .profile-update-content03-result .profile-update-detail-notice li::before {content:'-';position:absolute;left:5px;width:16px;height:20px;}


/* 퀴즈배틀이벤트 : 2019.04.23 추가 */
.profile-update-event .profile-update-content03-v2 {background-image:url(..../images/content/event1904/bg_event02_body.png);background-size: contain;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content .label {display:block;font-size:20px;color:#434242;font-weight:bold;padding:18px 0 18px 50px;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content ul + .label {margin-top:32px;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li {float:left;width:50%;line-height:35px;font-size:18px;font-weight:bold;padding-bottom:15px;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li:nth-child(2n+1) {padding-left:65px;border-right:1px solid #040202;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li:nth-child(2n) {padding-left:57px;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content  li:last-child,.profile-update-event .profile-update-content03-v2 .profile-update-detail-content  li:nth-last-child(2) {padding-bottom:0;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>span {display:inline-block;min-width:200px;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>a {display:inline-block;width:85px;height:35px;background:#44c119;color:#fff;vertical-align:top;line-height:35px;text-align:center;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>a.bg-blue {background:#19a5e4;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-content li>a.bg-purple {background:#9b68c6;}
.profile-update-event .profile-update-content03-v2 .profile-update-detail-notice {margin-top:22px;}


/* 학교행사 공유 이벤트 : 2019.05.03추가 */
.profile-update-event .profile-update-content1905 {background:url(..../images/content/event1905/bg01.png) repeat;background-size:contatin;}
.profile-update-event .profile-update-content1905 header h4 {padding-bottom:0 !important;}
.profile-update-event .profile-update-content1905 .profile-update-detail {background:url(..../images/content/event1905/bg02.png) no-repeat;background-size:100% auto;}
.profile-update-event .profile-update-content1905 .profile-update-detail-content {background-color:#c2e1e3;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35) inset; border-radius:10px;padding:26px 20px 9px 23px;margin:0 72px 13px 92px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-content li {position:relative;color:#08141e;line-height:31px;font-size:18px;letter-spacing:-1px;padding-left:23px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-content li::before {content:'▶';position:absolute;top:0;left:0; }
.profile-update-event .profile-update-content1905 .profile-update-detail-content li>p {margin-left:93px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-content li .txt-red {font-size:16px;margin-bottom:32px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-content a {display:block;width:256px;font-size:30px;font-weight:bold;color:#fff;text-align:center;background-color:#364754;border-radius:9px;padding:9px;margin:12px auto 0;}
.profile-update-event .profile-update-content1905 .profile-update-detail-notice {color:#052e4f;font-size:14px;margin:0 110px 10px 125px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-notice .label {line-height:20px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-notice li {position:relative;line-height:21px;letter-spacing:-0.8px;padding-left:12px;}
.profile-update-event .profile-update-content1905 .profile-update-detail-notice li::before {content:'-';position:absolute;top:0;left:0; }
.profile-update-event .profile-update-content1905 .txt-red {color:#d94a53;}

/* 학교행사 공유 이벤트 결과 : 2019.06.19추가  */
.profile-update-event .profile-update-content1905.result .profile-update-detail-content {padding:30px 20px 10px 20px;}
.profile-update-event .profile-update-content1905.result .profile-update-detail-content span {float:left;width:20%;font-size:20px;margin-bottom:20px;}
.profile-update-event .profile-update-content1905.result .profile-update-detail-notice {margin:0 72px 40px 92px; }
.profile-update-event .profile-update-content1905.result .profile-update-detail-notice li {font-size:15px;}

	
/* 5월 후원퀴즈배틀 이벤트 : 2019.05.20추가 */
.profile-update-event .profile-update-content190520 {background:url(..../images/content/event190520/bg.png) repeat;background-size:contatin;}
.profile-update-event .profile-update-content190520 header h4 {padding-bottom:0 !important;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content {border:3px solid #0d6b74;background-color:#fff;box-shadow: 4px 3px 6px 0px rgba(102, 102, 102, 0.8); padding:1px;margin:0 10px;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 {float:left;width:32%;height:340px;padding-bottom:10px;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(2) {width:36%;background-color:#d5eded;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 strong, .profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 a {display:block;text-align:center;margin:0 auto;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 strong {height:90px;font:0/0 m;color:transparent;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(1) strong{background:url(..../images/content/event190520/label01.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(2) strong{background:url(..../images/content/event190520/label02.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(3) strong{background:url(..../images/content/event190520/label03.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 a {width:197px;height:41px;line-height:41px;margin-bottom:19px;color:#fff;font-size:20px;font-weight:bold;background-color:#0d6b74;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3:nth-child(2) a {background-color:#1f9ead;}
.profile-update-event .profile-update-content190520 .profile-update-detail-content .div3 a > span {color:#fced02; }
.profile-update-event .profile-update-content190520 .profile-update-detail-notice {height:153px;color:#070707;font-size:16px;font-weight:bold;background-image:url(..../images/content/event190520/bg-notice.png), url(..../images/content/event190520/classcard.png);background-repeat:no-repeat,no-repeat;background-position: 0 20px, right 8px bottom 6px;padding:20px 0 0 157px;}
.profile-update-event .profile-update-content190520 .profile-update-detail-notice .label {display:block;color:#fc3c01;line-height:20px;margin-bottom:5px;}
.profile-update-event .profile-update-content190520 .profile-update-detail-notice li {position:relative;letter-spacing:-0.8px;line-height:20px;padding-left:12px;margin-bottom:5px;}
.profile-update-event .profile-update-content190520 .profile-update-detail-notice li::before {content:'*';position:absolute;top:0;left:0; }
.profile-update-event .profile-update-content190520 .profile-update-detail-notice li>span {font-size:14px;}

/* 5월 후원퀴즈배틀 이벤트 결과  : 2019.06.17추가 */
.profile-update-event .profile-update-content190520.result .profile-update-detail-notice {background-image:url(..../images/content/event190520/result_bg-notice.png);background-repeat:no-repeat;background-position: 0 20px;}
.profile-update-event .profile-update-content190520.result .profile-update-detail-notice li {line-height:25px;margin-bottom:0;}
.profile-update-event .profile-update-content190520.result .profile-update-detail-notice li::before {content:'-';}
.profile-update-event .profile-update-content190520.result table {padding:22px 3px;border-collapse:seperate;}
.profile-update-event .profile-update-content190520.result table tr+tr td {border-bottom:1px dashed #2f8087}
.profile-update-event .profile-update-content190520.result table tr:first-child td, 
.profile-update-event .profile-update-content190520.result table tr:last-child td {border-bottom:0;}
.profile-update-event .profile-update-content190520.result table td {height:40px;font-size:17px;font-weight:bold;text-align:center;color:#030303;padding:5px;}
.profile-update-event .profile-update-content190520.result table th {height:30px;font-size:30px;font-weight:bold;color:#f34a0d;}
.profile-update-event .profile-update-content190520.result table td:first-child {white-space:nowrap;font-size:22px;color:#0d6b74;padding-left:20px;}
.profile-update-event .profile-update-content190520.result table th:nth-child(3),
.profile-update-event .profile-update-content190520.result table th:nth-child(4),
.profile-update-event .profile-update-content190520.result table td:nth-child(3),
.profile-update-event .profile-update-content190520.result table td:nth-child(4) {border-left:1px dashed #f57141;}
.profile-update-event .profile-update-content190520.result table td:nth-child(1){text-align:left;}
.profile-update-event .profile-update-content190520.result table td.school strong {display:block;height:40px;font:0/0 m;color:transparent;}
.profile-update-event .profile-update-content190520.result table td.school.e strong{background:url(..../images/content/event190520/label01.png) no-repeat 0 50%;}
.profile-update-event .profile-update-content190520.result table td.school.m strong{background:url(..../images/content/event190520/label02.png) no-repeat 0 50%;}
.profile-update-event .profile-update-content190520.result table td.school.h strong{background:url(..../images/content/event190520/label03.png) no-repeat 0 50%;}
.profile-update-event .profile-update-content190520.result table td.school.m,
.profile-update-event .profile-update-content190520.result table td.school.h {height:55px;padding-top:15px;}
.profile-update-event .profile-update-content190520.result table tbody.bg_blue td {background-color:#d5eded;}
.profile-update-event .profile-update-content190520.result table td .fnt13 {font-size:13px;}
.profile-update-event .profile-update-content190520.result table td .fnt15 {font-size:15px;}


/* 퀴즈배틀이벤트2 : 2019.06.24 추가 */
.profile-update-event .profile-update-content03-v2.battle02 {background:url(..../images/content/event1907/bg_event07.png) repeat;}
.profile-update-event .profile-update-content03-v2.battle02 h5 {background:#fcf9f9;padding-top:10px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content {background:#fcf9f9;padding-bottom:22px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>span {float:left;display:inline-block;line-height:35px;width:calc(100% - 169px);background:url(..../images/content/event1907/bg-line.png) repeat-x 0 50%;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>span>span {display:inline-block;line-height:35px;background:#fcf9f9;padding-right:10px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-content li>a {float:right;margin-right:72px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice {height:250px;color:#231815;font-size:16px;padding:40px 0 0 115px;margin:0;background:url(..../images/content/event1907/bg_notice_l.png), url(..../images/content/event1907/bg_notice_r.png);background-repeat:no-repeat no-repeat;background-position:0 32px, right 20px bottom 13px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice .label {display:block;color:#fc3c01;font-weight:bold;line-height:20px;margin-bottom:5px;padding-left:5px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  ul {margin-left:20px;margin-bottom:15px;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice li {letter-spacing:-0.8px;line-height:20px;margin-bottom:5px;list-style: decimal;}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  .tip {font-weight:bold;margin-top:8px}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  .tip + .tip  {}
.profile-update-event .profile-update-content03-v2.battle02 .profile-update-detail-notice  .tip>span {display:inline-block;width:55px;height:31px;line-height:31px;color:#fcf9f8;background:url(..../images/content/event1907/bg_tip.png) no-repeat 0 50%;padding-left:10px;}


/*수학배틀이벤트 : 2019.06.24 추가*/
.profile-update-event .profile-update-content1907 {background:url(..../images/content/event1907/math_bg_event07.png) repeat;}
.profile-update-event .profile-update-content1907 .profile-update-detail {}
.profile-update-event .profile-update-content1907 .profile-update-detail h5 {text-align:center;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content {border:4px solid #7d4698;border-radius:25px;margin:-4px 57px 9px 61px;overflow:hidden;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li {float:left;width:25%;height:261px;padding:20px;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li a {display:block;width:100%;height:100%;font-size:0;line-height:0;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(1) {background:#fff url(..../images/content/event1907/btn_grade3.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(2) {background:#ebe9e9 url(..../images/content/event1907/btn_grade4.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(3) {background:#fff url(..../images/content/event1907/btn_grade5.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content1907 .profile-update-detail-content li:nth-child(4) {background:#ebe9e9 url(..../images/content/event1907/btn_grade6.png) no-repeat 50% 50%;}
.profile-update-event .profile-update-content1907 .profile-update-detail-notice {color:#000;font-size:16px;padding:0 70px 56px 70px;margin:0;background:url(..../images/content/event1907/ybm.png), url(..../images/content/event1907/classcard.png);background-repeat:no-repeat no-repeat;background-position:left 24px bottom 6px, right 28px bottom 6px;}
.profile-update-event .profile-update-content1907 .profile-update-detail-notice li {position:relative;letter-spacing:-0.8px;line-height:20px;padding-left:12px;margin-bottom:5px;}
.profile-update-event .profile-update-content1907 .profile-update-detail-notice li::before {content:'*';position:absolute;top:0;left:0; }


/* 퀴즈배틀이벤트2-결과 : 2019.06.24 추가 */
.profile-update-event .profile-update-content03-result.battle02 {background-image:url(..../images/content/event1907/bg_event07_2.png),url(..../images/content/event1907/bg_event07.png);background-repeat:repeat,repeat;}
.profile-update-event .profile-update-content03-result.battle02 .profile-update-detail .profile-update-detail-content {padding: 22px 28px;border-color:#0d2f53;}
.profile-update-event .profile-update-content03-result.battle02 .profile-update-detail .profile-update-detail-content::after {background-image:url(..../images/content/event1907/bg-point.png);}
.profile-update-event .profile-update-content03-result.battle02 .profile-update-detail-info>span{font-size:23px;color:#0d2f53;}
.profile-update-event .profile-update-content03-result.battle02 .profile-update-detail-info {padding: 53px 412px 30px 0;background-position:top 17px right 187px;}


/*수학배틀이벤트 결과: 2019.07.17 추가*/
.profile-update-event .profile-update-content1907.result h4 {padding-bottom:0 !important;}
.profile-update-event .profile-update-content1907.result .profile-update-detail{padding-bottom:50px;background: url(..../images/content/event1907/ybm.png), url(..../images/content/event1907/classcard.png);background-repeat: no-repeat no-repeat;background-position: left 24px bottom 6px, right 28px bottom 6px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content {position:relative;margin:0 22px 9px 22px;border:5px solid #54207b;border-radius:10px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content ul::after {content:'';position:absolute;top;0;left:0;width:100%;height:100%;background:url(..../images/content/event1907/bg_event07_dash.png) no-repeat 11px 21px;;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li {width:50%;height:400px;background-image:none;background-color:#fff;padding:20px;color:#020000;;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(1),
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(4){background-color:#d5eded;} 
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(2),
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(3) {background-color:#fff;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li h6 {height:35px;line-height:0;font-size:0;margin-bottom:17px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(1) h6{background:url(..../images/content/event1907/btn_grade3.png) no-repeat 50% 0;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(2) h6{background:url(..../images/content/event1907/btn_grade4.png) no-repeat 50% 0;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(3) h6{background:url(..../images/content/event1907/btn_grade5.png) no-repeat 50% 0;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li:nth-child(4) h6{background:url(..../images/content/event1907/btn_grade6.png) no-repeat 50% 0;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li .winner_in + .winner_in {margin-top:35px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li strong {float:left;width:60px;font-size:21px;font-weight:bold;line-height:27px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-content li span {float:left;font-size:18px;line-height:28px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-notice {height:153px;color:#070707;font-size:16px;font-weight:bold;background-image:url(..../images/content/event190520/result_bg-notice.png);background-repeat:no-repeat;background-position: -50px 20px;    padding: 20px 0 0 90px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-notice .label {display:block;font-weight:bold;color:#fc4a15;line-height:20px;margin-bottom:5px;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-notice li {position:relative;letter-spacing:-0.8px;line-height:25px;margin-bottom:0;}
.profile-update-event .profile-update-content1907.result .profile-update-detail-notice li::before {content:'-';}


/* 퀴즈배틀이벤트3 : 2019.09.05 추가 */
.profile-update-event .profile-update-content03-v2.battle03 {background:url(..../images/content/event1909/bg_event07.png) repeat;}
.profile-update-event .profile-update-content03-v2.battle03 h4 {padding-bottom:0 !important;}
.profile-update-event .profile-update-content03-v2.battle03 h5 {background:#fcf9f9;padding-top:10px;margin:0 5px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content {background:#fcf9f9;padding-bottom:22px;margin:0 5px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>span {float:left;display:inline-block;line-height:35px;width:calc(100% - 169px);background:url(..../images/content/event1907/bg-line.png) repeat-x 0 50%;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>span>span {display:inline-block;line-height:35px;background:#fcf9f9;padding-right:10px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-content li>a {float:right;margin-right:72px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice {height:236px;color:#231815;font-size:16px;padding:20px 0 0 115px;margin:0;background:url(..../images/content/event1907/bg_notice_l.png), url(..../images/content/event1907/bg_notice_r.png), url(..../images/content/event1909/bg_notice_t.png);background-repeat:no-repeat;background-position:0 18px, right 0px bottom 15px, right 7px top 0;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice .label {display:block;color:#e3eee0;font-size:18px;font-weight:bold;line-height:20px;margin-bottom:8px;padding-left:5px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice ul {margin-left:20px;margin-bottom:28px;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice li {letter-spacing:-0.8px;line-height:18px;margin-bottom:5px;list-style: decimal;font-weight:bold;}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice .tip {position:relative;padding-left:12px;font-size:15px;font-weight:bold;color:#f8f6f5;line-height:20px;margin-bottom:5px}
.profile-update-event .profile-update-content03-v2.battle03 .profile-update-detail-notice .tip::before {content:'*';position:absolute;top:0;left:0; }


/*clearfix*/
.clearfix::before,.clearfix::after{content:"";display:block}.clear,.clearfix::after{clear:both !important}.ie7 .clearfix{zoom:1;}/*Clearfix*/