@charset "utf-8";
/* CSS Document */

/* 마이크로러닝 추가 */
.k_sleft-tit{background:url(/images/00/left-tit-back.png) no-repeat; width:220px; height:100px; position:relative; display: table;}
.k_sleft-tit > span{display:block; font-size:30px; color:#fff; width:100%; text-align:center; display: table-cell; vertical-align: middle;}
.k_att-top{width:100%; height:84px; position:relative;}
.k_edu_srch_inner{width:97%; display:inline-block; margin:10px auto; text-align: left;padding-left: 50px;}
ul.k_sub_menu li {list-style: square; margin-left: 40px; color: #007489; line-height: 34px;}
ul.k_sub_menu li a {padding-left: 0; font-size: 15px;}
.type_choice {float: right; padding-top: 0;}


/* 공개강좌 8-24 전달 */
/* 셀렉트 */
@font-face {
	font-family: 'cafe_surr';
	src: url(/font/Cafe24Ssurround.ttf);
	src: url(/font/Cafe24Ssurround.ttf?#iefix) format('embedded-opentype'),
		url(/font/Cafe24Ssurround.woff) format('woff')
}

.noti {font-size: 16px; margin-top: -40px; margin-bottom: 30px;}
.noti strong a {font-size:18px;}
select::-ms-expand{ display:none; }
select.shs_select{ height:32px; padding:0 15px; background-size:12px 6px; -webkit-appearance:none;-moz-appearance:none; appearance:none; font-size:15px; color:#364779;}
.onword_rep_top {margin-bottom: 10px;}
.onword_rep_top .onword_rep_tit {text-align: center;}
.onword_rep_top .onword_rep_tit h4 {display: inline-block; font-family: "cafe_surr"; font-size: 32px; font-weight: bold; color: #364779;}
.onword_rep_top .onword_rep_tit a img {width: 16px; margin: 0 20px;}
.onword_rep_top .onword_rep_tit em {float: right;display: inline-block; margin-top: 10px;}

/* 통합검색 0901 */
.search_result_tit {position: revert; left: 50%; margin-top: 40px; font-size: 18px; font-weight: bold;}
.search_result_tit span {color: #097fc4;}

.tabs {white-space: nowrap; overflow:auto; width: 890px;}
.tabs::-webkit-scrollbar {display: none;}

.tabs button {position: absolute; width: 17px; height: 19px; background:url(/images/mobile/nhi/common/btn/btn-arr-right.png) no-repeat; background-size: 17px 19px; margin-top: 18px; z-index: 99;}
.tabs button.btn_Next {left: 870px;}
.tabs button.btn_Prev {transform: rotate(180deg);}

/* 통합검색 - 마이크로러닝 */
.thumb_list.type3 {position:relative;margin-top:10px;padding-top:15px;}
.thumb_list.type3 ul {overflow:hidden;margin-left:-19px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding-top: 20px;}
.thumb_list.type3 li {float:left; width:208px; margin-bottom:20px; margin-left:19px; background:#fff; border:1px solid transparent; transition:border 1s;height:250px;}
.thumb_list.type3 li.search_none {padding: 0;}
.thumb_list.type3 li.search_none:hover {border:1px solid transparent;}
.thumb_list.type3 li:hover {border:1px solid #8995a5;transition:border 1s}
.thumb_list.type3 li .info{position:relative; overflow:hidden; padding:0 10px 10px;}
.thumb_list.type3 li .info .info_tit {max-width: 100%; font-weight: 500; font-size: 14px; color: #555; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow: ellipsis; margin: 16px 0 10px 0; line-height: 22px;}
.thumb_list.type3 span.con_cls {display: inline-block; padding: 5px 15px; font-weight: bold; font-size: 12px; color: #fff; background: #0674bb; border-radius: 3px; margin-right: 10px;}
.thumb_list.type3 span.con_cls.series {background: #053863;}
.thumb_list.type3 .memo {display: inline-block; font-size: 13px; line-height: 15px; color: #999; margin-right: 10px; min-width: 150px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}

/* 통합검색 - 어학 */
.lang_cl {max-width: 95%; font-weight: 500; font-size: 12px; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; text-overflow: ellipsis; margin: 16px 0 0;}
.thumb_list.type3 li .info .info_tit2 {max-width: 100%; font-weight: 500; font-size: 14px; color: #555; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; text-overflow: ellipsis; margin: 10px 0;}

/* 통합검색 - 전자책 */
.thumb_list.type3 ul.ebook li {width:162px;}
.thumb_list.type3 .area {font-size: 13px; line-height: 15px; color: #999; margin-right: 10px; min-width: 150px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.thumb_list.type3 .area p {font-size: 13px;}
.thumb_list.type3 .area p + p {margin-top: 5px;}
.thumb_list.type3 .area span {color: #888; margin-right: 15px;}
.thumb_list.type3 .area span:after {content: ''; position: absolute; transform: translate(7px, 2px); width: 2px; height: 10px; background: #888;}

/* 학습바구니 */
.ktab_menu {font-size: 0; border-bottom: 1px solid #cccccc; white-space: nowrap; overflow: auto; width: 940px; margin-top: 23px;}
.ktab_menu a {display: inline-block; font-weight: bold; font-size: 15px; border: 1px #ccc solid; border-bottom: none; border-left: none; height: auto; padding: 12px 24px; box-sizing: border-box; text-align: center;}
.ktab_menu a:first-child {border-left: 1px #ccc solid;}
.ktab_menu a.active {background: #097fc4; border: 1px solid #097fc4; border-bottom: 0 none; color: #fff;}
.ktab_menu a span.count {display: inline-block;}

article.choice_three {padding: 10px 0 15px; margin: 0; width: 940px; max-width: 1200px; border-bottom: 1px #ccc solid;}
.three_first {margin-left: 10px;}
.three_first .ch_wrap {vertical-align: middle;}
.three_first .ch_wrap input[type="checkbox"] {display: none;}
.three_first .ch_wrap input[type="checkbox"] + label {display: inline-block; background: url("/images/icon_check.png") 0 0 no-repeat; background-size: cover; width: 100px; height: 22px; cursor:pointer; padding: 5px 0 0 30px;}
.three_first .ch_wrap input[type="checkbox"]:checked + label {background: url("/images/icon_check.png") 0 -22px no-repeat; color: #0674bb; font-weight: bold;}
.three_second {float: right; margin-top: -24px;}
.three_second button {font: 400 14px 'Noto Sans KR'; color: #898989;transition: all 0.4s;text-align: center; padding: 4px 20px 4px 44px; border: 1px #ccc solid;}
.three_second button.repeat {background: #fff url("/images/icon_repeat.png") no-repeat 10px center;}
.three_second button.repeat:hover {background: #ccc url("/images/icon_repeat.png") no-repeat 10px center;}
.three_second button.delete {background: #fff url("/images/icon_del.png") no-repeat 10px center;}
.three_second button.delete:hover {background: #ccc url("/images/icon_del.png") no-repeat 10px center;}
.three_second select{font-size:14px; padding-left: 10px; border: 1px #ccc solid; vertical-align:middle; height:30px;}

section.tab_list {border-bottom: 1px #ccc solid; display: none;}
section.tab_list.active {display: block;}

article.txt_list {padding: 10px; margin: 0; width: 100%; max-width: 1200px; display: flex;}
article.txt_list:nth-child(2n+1) {background: #f5f5f5;}

.txt_list .ch_area {width: 50px;}
.txt_list .ch_area input[type="checkbox"] {display: inline-block; width: 14px;height: 25px; border: 1px #ccc solid; cursor: pointer; margin-left: 15px;}
.txt_list .info {width: 600px; display: inline-block;}
.txt_list .info .info_tit {width: 100%; font: bold 1.1rem 'Noto Sans KR'; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; text-overflow: ellipsis; margin: 0;}
.txt_list .info .info_tit span {margin-left: 10px;}
.txt_list .info .info_tit span:before {content: ''; position: absolute; transform: translate(-5px, 6px); width: 2px; height: 14px; background: #999;}

.txt_list .data_selec {display: flex; margin-left: 15px;}
.txt_list .data li {float: left; font: 500 14px 'Noto Sans KR';  margin-top: 6px; margin-right: 30px;}
.txt_list .data li + li:before {content: ''; position: absolute; transform: translate(-15px, 3px); width: 2px; height: 9px; background: #999;}
.txt_list .data li span {margin-right: 5px;}
.txt_list .data .heart {width: 20px;}
.txt_list .data .heart img {width: 16px;}

.list_paging {margin: 40px auto; width: 100%; max-width: 1200px; text-align: center;}
.list_paging a {display: inline-block; vertical-align: middle;}
.list_paging a.num {width: 32px; height: 32px; font: 400 14px 'Noto Sans KR'; line-height: 28px; transition: all 0.4s; border: 1px #dedede solid;}
.list_paging a.num:focus, .list_paging a.num:hover, .list_paging a.num.active {color: #fff; background: #0674bb; border: 1px #dedede solid;}

/* 이러닝 학습 현황 */
.in_micro_run {color : #0674bb; font-weight: bold;}
.edu_cls {width: 528px; margin: 35px auto 0; display: flex;}
.edu_cls div {font-weight: bold;}
.edu_cls .cls_01 {width: 350px; text-align: center;}
.edu_cls .cls_01:before {content: ""; display: block; position: absolute; width: 140px; height: 10px; border-left: 2px #ccc solid; border-top: 2px #ccc solid; margin-top: 6px;}
.edu_cls .cls_01:after {content: ""; display: block; position: absolute; width: 140px; height: 10px; border-right: 2px #ccc solid; border-top: 2px #ccc solid; margin-top: -8px; margin-left: 205px;}
.edu_cls .cls_02 {width: 100px; text-align: center;}
.edu_cls .cls_03 {width: 80px; text-align: center;}

.edu-info .edu-process > ul {margin: 20px auto 0;}
.edu-info .edu-process > ul > li { margin-left: 9px; width: 80px; }
.edu-info .edu-process > ul > li:first-child { margin-left: 0px;}
.edu-info .edu-process > ul > li > ul > li.edu01 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu01 span {padding-top: 32px;}
.edu-info .edu-process > ul > li > ul > li.edu02 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu02 span {padding-top: 32px;}
.edu-info .edu-process > ul > li > ul > li.edu03 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu03 span {padding-top: 32px;}
.edu-info .edu-process > ul > li > ul > li.edu04 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu04 span {padding-top: 32px;}
/*.edu-info .edu-process > ul > li > ul > li.edu05 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu05 span {padding-top: 32px;}
.edu-info .edu-process > ul > li > ul > li.edu06 {width: 80px; height: 80px; background-size: 100% auto;}
.edu-info .edu-process > ul > li > ul > li.edu06 span {padding-top: 32px;}*/
.edu-info .edu-process > ul > li > ul > li.edu07 {width: 80px; height: 80px; background: #b9b9b9; border-radius: 50%;} /* 마이크로러닝 */
.edu-info .edu-process > ul > li > ul > li.edu07 span {background: url(/images/ico-img09.png) no-repeat center top; padding-top: 32px;}
.edu-info .edu-process > ul > li > ul > li.edu08 {width: 80px; height: 80px; background: #b9b9b9; border-radius: 50%;} /* 전자책 */
.edu-info .edu-process > ul > li > ul > li.edu08 span {background: url(/images/ico-img06.png) no-repeat center top; padding-top: 32px;} 
.edu-info .edu-process > ul > li > ul > li {font-size: 14px; letter-spacing: -0.04em;}
.edu-info .edu-process > ul > li > ul > li span {margin-top: 15px; }
.edu-info .edu-process > ul > li > ul > li:first-child {font-size: 20px; letter-spacing: -0.04em; margin-bottom:15px;}
.edu-info .edu-process > ul > li > ul > li:first-child > a {font-size: 20px; letter-spacing: -0.04em; margin-bottom:15px;}

#eduDiv2 .gray-box select {width: auto; padding: 0 10px; margin-right: 20px;}
.btn_search {background: #2e70de; padding: 6px 20px; border-radius: 5px; color: #fff; font-weight: bold;}
.sub_ul li {background: none; margin-left: 5px;}
.sub_ul li:before {content: ""; display: block; position: absolute; width: 8px; height: 2px; background: #999; margin-top: 11px; margin-left: -15px;}

span.con_cls {font-weight: bold; color: #0674bb;}
span.con_cls.series {color: #053863;}

/* 1206 */
.slick-track {margin-left: 0;}

/* mobile */
@media screen and (max-width:900px) {
    .noti {font-size: 0.75rem; margin: 10px 5px;}
    .noti strong a {font-size:1rem;}
    select.shs_select{ height:28px; padding:0 10px; background-size:12px 6px; -webkit-appearance:none;-moz-appearance:none; appearance:none; font-size:12px; color:#364779;}
    .onword_rep_top {margin: 10px 0; text-align: center;}
    .onword_rep_top .onword_rep_left strong {padding-left: 5px;}
    .onword_rep_top .onword_rep_tit {text-align: center;}
    .onword_rep_top .onword_rep_tit h4 {display: inline-block; font-family: "cafe_surr"; font-size: 22px; font-weight: bold; color: #364779;}
    .onword_rep_top .onword_rep_tit a img {width: 10px; margin: -5px 10px 0 10px;}
    .onword_rep_top .onword_rep_tit em {float: none; display: block; margin: 10px;}
    /* 통합검색 */
    .category {padding: 0 !important;}
    .category {border-bottom: none;}
    .category li a {display: inline-block; font-weight: bold; font-size: 15px; height: auto; padding: 12px 24px; box-sizing: border-box; text-align: center; border: none;}
    .category li a span {display: block; margin-top: 5px;}
    .category li.active a {background: #097fc4; color: #fff;}
    .content-slider li a {padding: 15px !important;}   
    .lSAction > .lSNext {top: 28%;}
    
    .sel_area {width: 100%; padding: 15px 0; background: #097fc4; text-align: center;}
    .sel_area select {width: 80%;}
    
    p.con_cls {display: inline-block; padding: 2px 15px !important; font-weight: bold; font-size: 12px; color: #fff; background: #0674bb; border-radius: 3px; margin: 5px 0 0 5px;}
    p.con_cls.series {background: #053863;}
    .memo {font-size: 12px; color: #bcbcbc; margin: 5px 0;}
    .lang_cl {width: 90%;}
    .area {font-size: 12px; line-height: 15px; color: #999; margin: 5px 0 5px 8px;}
    .area p + p {padding: 0 !important; margin-top: 5px;}
    .area span {color: #888; margin-right: 15px;}
    .area span:after {content: ''; position: absolute; transform: translate(7px, 3px); width: 2px; height: 10px; background: #888;}    
	
	/* 학습바구니 */
    .ktab_menu {font-size: 0; border-bottom: 1px solid #cccccc; white-space: nowrap; overflow: auto; width: 100%; margin-top: 0;}
    .ktab_menu a {display: inline-block; font-weight: bold; font-size: 15px; border: 1px #ccc solid; border-bottom: none; border-left: none; height: auto; padding: 12px 0; box-sizing: border-box; text-align: center; width: 50%;}
    .ktab_menu a:first-child {border-left: 1px #ccc solid;}
    .ktab_menu a.active {background: #097fc4; border: 1px solid #097fc4; border-bottom: 0 none; color: #fff;}
    .ktab_menu a span.count {display: inline-block;}

    article.choice_three {padding: 10px 0 15px; margin: 0; width: 100%; max-width: 1200px; border-bottom: 1px #ccc solid;}
    .three_first {margin-left: 10px;}
    .three_first .ch_wrap {vertical-align: middle; width: 80px;}
    .three_first .ch_wrap input[type="checkbox"] {display: none;}
    .three_first .ch_wrap input[type="checkbox"] + label {display: inline-block; background: url("/images/icon_check.png") 0 2px no-repeat; padding: 7px 0 0 30px; height: 18px; cursor:pointer; font-size: 14px;}
    .three_first .ch_wrap input[type="checkbox"]:checked + label {background: url("/images/icon_check.png") 0 -20px no-repeat; color: #0674bb; font-weight: bold;}
    .three_second {float: right; margin-top: -25px; margin-right: 2.5%;}
    .three_second button {font: 400 14px 'Noto Sans KR'; color: #898989;transition: all 0.4s;text-align: center; padding: 4px 20px 4px 44px; border: 1px #ccc solid;}
    .three_second button.repeat {background: #fff url("/images/icon_repeat.png") no-repeat 10px center;}
    .three_second button.repeat:hover {background: #ccc url("/images/icon_repeat.png") no-repeat 10px center;}
    .three_second button.delete {background: #fff url("/images/icon_del.png") no-repeat 10px center;}
    .three_second button.delete:hover {background: #ccc url("/images/icon_del.png") no-repeat 10px center;}
    .three_second select{font-size:14px; padding-left: 10px; border: 1px #ccc solid; vertical-align:middle; height:30px;}

    section.tab_list {display: none;}
    section.tab_list.active {display: block;}

    article.txt_list {padding: 10px; margin: 0; width: 100%; max-width: 1200px; display: flex;}
    article.txt_list:nth-child(2n+1) {background: #f5f5f5;}
    .txt_list.check {background: #bbb !important;}

    .txt_list .ch_area {width: 40px;}
    .txt_list .ch_area input[type="checkbox"] {display: inline-block; width: 14px;height: 25px; border: 1px #ccc solid; cursor: pointer; margin-left: 10px;}
    .txt_list .info {width: calc(95% - 50px); display: inline-block;}
    
    /* 이러닝 학습 현황 */
    .in_micro_run {color: #87C7DB; font-weight: bold;}
    .edu-bx3 {padding: 0; margin: 20px auto; width: 95%;}
    #eduDiv2 label {display: none;}
    #eduDiv2 #crseYear {width: 49.5%;}
    #eduDiv2 #sel_month {width: 49%;}
    #eduDiv2 #sel_cls {width: 100%; margin-top: 10px;}
    .btn_search {border: none; width: 100%; margin-top: 10px;}
}