@charset "utf-8";

@import "/css/fontium.css";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	max-width: 100%;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:focus,
a:active,
a:hover {
	outline: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend { border:0;padding:0;white-space: normal;*margin-left:-7px; }
button,
input,
select,
textarea { font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle; }
button,
input { line-height:normal; }
button,
select { text-transform:none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button;cursor:pointer;*overflow:visible; }
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"],input[type="radio"] { box-sizing:border-box;padding:0;*height:13px;*width:13px; }
input[type="search"] { -webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0;padding:0; }
table {	border-collapse:collapse;border-spacing:0; }
html,button,input,select,textarea { color: #222; }
::-moz-selection { background:#b3d4fc;text-shadow:none; }
::selection { background:#b3d4fc;text-shadow:none; }
img { vertical-align:middle; }
fieldset { border:0;margin:0;padding:0; }
textarea { overflow:auto;vertical-align:top;resize:vertical; }
strong { font-weight: 700; }

.line_through { text-decoration:line-through }
#quickMenu { position:fixed;top:180px;width:100%;margin:10px 0 0;z-index:7; }
#quickMenu > ul { position:relative;width:1200px;margin:0 auto; }
#quickMenu > ul > li { position:absolute;right:-130px; }
#quickMenu .quick_list { width: 100%; border: 1px solid #ddd; color: #222; box-sizing: border-box; }
#quickMenu .quick_list li { height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd; background: #fff; line-height: 40px; font-size: 12px; }
#quickMenu .quick_list li:first-child { height: 30px; text-align: center; background: #30b9a4; color: #fff; font-size: 13px; line-height: 30px; }
#quickMenu .quick_list li:last-child { border-bottom: none; }
#quickMenu .quick_list li img { margin-right: 6px; }
#quickMenu li.license { position:relative;height:60px; }
#quickMenu li.license > .title { position:absolute;top:-5px;color:#000; }
#quickMenu li.license > a { margin:20px 0 0; }
#quickMenu li.license > a > span { position:absolute;top:20px;right:8px;font-size:11px;color:#005aff;display:block; }
#gotoTop { position:fixed;bottom:100px;width:100%;margin:10px 0 0;z-index:7;display:none; }
#gotoTop > ul { position:relative;width:1200px;margin:0 auto; }
#gotoTop > ul > li { position:absolute;right:-101px; }
#gotoTop > ul > li > span { width:50px;height:40px;padding:10px 0 0;line-height:15px;text-align:center;background:#333;border:1px solid #fff;font-size:11px;color:#fff;cursor:pointer;display:block; }

#loading { position:fixed;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;z-index:15;display:none; }
#alertMessage { position:fixed;top:100px;left:50%;width:350px;padding:10px;margin:0 0 0 -185px;line-height:30px;background:#1e7e9d;opacity:0.9;filter:alpha(opacity=90);border-radius:5px;color:#fff;font-size:13px;text-align:center;z-index:20;display:none; }
/* confirm 레이어 */
#confirmLayer { position:fixed;top:50%;left:50%;width:500px;height:auto;margin:-150px 0 0 -250px;background:#fff;border:2px solid #555;border-radius:8px;z-index:15;box-shadow:5px 5px 5px #333;user-select:none;display:none; }
#confirmLayer .title { height:40px;line-height:40px;padding-left:20px;background:#555;color:#fff;font-size:18px;font-weight:bold; }
#confirmLayer .message { height:auto;min-height:60px;line-height:25px;padding:20px;text-align:center;font-size:16px; }
#confirmLayer .message span { font-size:16px; }
#confirmLayer .message .font13 { font-size:13px; }
#confirmLayer .button { height:50px;text-align:center; }
/* 레이어팝업 */
.popup_box, #captchaLayer { position:fixed;width:600px;height:500px;left:50%;top:50%;margin:-250px 0 0 -300px;box-shadow:5px 7px 7px #333;z-index:12;display:none; }
.popup_box > .title, .popup_box > .popup_title, #captchaLayer > .title { position:relative;height:60px;line-height:60px;padding-left:20px;background:#30b9a4;font-size:21px;color:#fff;font-weight:500; }
.popup_box > .popup_title { cursor:move; }
.popup_box > .close, #captchaLayer > .title > .close { position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }
.popup_box > .menu { background:#fff; }
.popup_box > .content { height:calc(100% - 60px);padding:0 20px;background:#fff;overflow-y:auto; }
.popup_box > .content .tap { margin-top:10px;overflow:hidden; }
.popup_box > .content .tap > li { width:calc(50% - 2px);height:50px;margin-top:10px;background:#d8d8d8;line-height:50px;border:1px solid #ccc;text-align:center;cursor:pointer;float:left;user-select:none; }
.popup_box > .content .tap > li.on { height:55px;margin-top:5px;border-bottom:none;background:#fff; }
.popup_box > .bottom { height:40px;padding-top:10px;background:#e8e8e8;text-align:center;border-top:1px solid #aaa; }
.popup_box > .bottom02 { height: 60px; padding-top: 20px; background: #fff; text-align: center; }
.popup_box > .bottom02 > button {display:inline-block;width: 100px;padding: 10px 0 9px;color: #fff;background: #999;font-size: 15px;border: 0;border-radius: 2px;line-height: 1.4;text-align: center;}
/* 우편번호 검색 레이어 */
#postcodeLayer, .form_search_layer { position:fixed;overflow:hidden;width:500px;height:480px;top:40%;left:40%;margin:-240px 0 0 -250px;border:5px solid #333;z-index:13;display:none; }
#postcodeLayer .title, .form_search_layer .title { padding:5px 0 10px 10px;background:#333;color:#fff;cursor:move; }
#postcodeLayer .close, .form_search_layer .close { position:absolute;right:10px;top:8px;width:15px;height:15px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }
/* 캡차 인증 레이어 */
#captchaLayer { overflow:hidden; }
#captchaLayer .person_cert_box { overflow:hidden; }
#captchaLayer .captcha_wrap { position:relative;width:550px;height:350px;margin:-2px;border-bottom:none;overflow:hidden; }
#captchaLayer .captcha_wrap .top_block { position:absolute;width:100%;height:85px;background:#fefdfc; }
#captchaLayer .captcha_wrap .top_block .info { margin:30px 0 0 80px;line-height:25px; }
.bottom_block { position:relative;top:-5px;height:95px;background:#fefdfc; }
#captchaFrame { width:100%;height:200px;margin-top:80px;border:0; }
/* 깜박임 효과 */
.blinking{
	-webkit-animation:blink .5s ease-in-out infinite alternate;
	-moz-animation:blink .5s ease-in-out infinite alternate;
	animation:blink .5s ease-in-out infinite alternate;
}
.blinking_middle{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
	-moz-animation:blink .8s ease-in-out infinite alternate;
	animation:blink .8s ease-in-out infinite alternate;
}
.blinking_slow{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/********** Font **********/
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url('fonts/noto/NotoSans-Light.eot');
	src:url('fonts/noto/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Light.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Light.woff') format('woff'),
	url('fonts/noto/NotoSans-Light.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url('fonts/noto/NotoSans-Regular.eot');
	src:url('fonts/noto/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Regular.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Regular.woff') format('woff'),
	url('fonts/noto/NotoSans-Regular.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url('fonts/noto/NotoSans-Medium.eot');
	src:url('fonts/noto/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Medium.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Medium.woff') format('woff'),
	url('fonts/noto/NotoSans-Medium.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url('fonts/noto/NotoSans-Bold.eot');
	src:url('fonts/noto/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/noto/NotoSans-Bold.woff2') format('woff2'),
	url('fonts/noto/NotoSans-Bold.woff') format('woff'),
	url('fonts/noto/NotoSans-Bold.ttf') format('truetype');
}
/********** /Font **********/


/********** Default **********/
body{font:400 15px "NotoSansKR", Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif; color:#666; line-height:1.4;}
a{display:inline-block; color:#666; text-decoration:none;}
/********** /Default **********/


/********** Common **********/
.container{width:1200px; padding:0 40px; margin:0 auto;}
.container:after{content:""; display:block; clear:both;}
.font15 { font-size:15px; }
.font18 { font-size:18px; }
.c_fix:after{content:""; display:block; clear:both;}
.c_both{clear:both;}

.tc_blu{color:#5585eb;}
.tc_red{color:#ff5252;}
.tc_gry{color:#999;}
.tc_grn{color:#30b9a4;}
.tc_org{color:#f36f49;}
.tc_bold{font-weight: 500;}
/********** /Common **********/


/********** Contents **********/
.sec_tit01{font-size:17px; font-weight:500; color:#333; text-align:left;}
.sec_tit02{font-size:25px; font-weight:500; color:#333;}
.sec_tit02 .lecture_label{position:relative; top:-4px; display:inline-block; margin:0 8px 0 0; padding:1px 5px; background:#30b9a4; border-radius:2px;
	font-size:15px; font-weight:400; color:#fff;}

.sec_list01 dt{ margin: 5px 0 0; font-weight:500; color:#333;}
.sec_list01 dd,
.sec_list01 li{position:relative; padding:0 0 0 13px; margin:3px 0 0;}
.sec_list01 dd a,
.sec_list01 li a{color:#5585eb; text-decoration:underline;}
.sec_list01 dd:after,
.sec_list01 li:after{content:""; display:block; width:3px; height:3px; background:#aaa; border-radius:50%; position:absolute; top:9px; left:0;}
.sec_list01 dd:first-child,
.sec_list01 li:first-child{margin:0;}

.sec_list01.no_bullet dd,
.sec_list01.no_bullet li{padding:0;}
.sec_list01.no_bullet dd:after,
.sec_list01.no_bullet li:after{display:none;}

.sec_list01.nws > dd {}
.sec_list01.nws > dd:after { display: none;}
.sec_list01.nws > dd.bullet { padding: 0 0 0 25px; }
.sec_list01.nws > dd.bullet:after { left: 15px; display: block; }

.sec_list02:after{content:""; display:block; clear:both;}
.sec_list02 dt{position:relative; float:left; padding:0 0 0 13px; margin:8px 0 0; font-weight:500; color:#333;}
.sec_list02 dt:after{content:""; display:block; width:3px; height:3px; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}
.sec_list02 dd{float:left; padding:0 0 0 18px; margin:8px 0 0;}

.teacher_list{font-size:0;}
.teacher_list li{display:inline-block; vertical-align:top; width:50%; padding:35px 0 0; box-sizing:border-box;}
.teacher_list li:after{content:""; display:block; clear:both;}
.teacher_list li .teacher_thumb{float:left; width:100px; height:120px; background: #eee; border:1px solid #ddd; margin:5px 0 0;}
.teacher_list li .teacher_thumb img{display:block;}
.teacher_list li .teacher_info{float:left; padding:0 0 0 20px;}
.teacher_list li .teacher_info dt{position:relative; padding:0 0 13px; margin:0 0 8px; font-size:15px; color:#999;}
.teacher_list li .teacher_info dt:after{content:""; display:block; width:20px; height:2px; background:#ddd; position:absolute; bottom:0; left:0;}
.teacher_list li .teacher_info dt strong{font-size:19px; font-weight:500; color:#333; padding:0 7px 0 0;}
.teacher_list li .teacher_info dd{padding:4px 0 0; font-size:13px; color:#999;}

.teacher_list02 li{float:left; padding:40px 0 ; border-bottom:1px solid #ddd;}
.teacher_list02 li:after{content:""; display:block; clear:both;}
.teacher_list02 li .teacher_thumb02{float:left; width:98px; height:118px; border:1px solid #ddd; background:#f6f6f6; overflow:hidden;}
.teacher_list02 li .teacher_thumb02 img{width:100%;}
.teacher_list02 li dl.teacher_info02{float:left; width:800px; margin:-5px 0 0 30px;}
.teacher_list02 li dl.teacher_info02 dt{position:relative; font-size:16px; font-weight:700; padding:0 0 6px; margin:0 0 16px}
.teacher_list02 li dl.teacher_info02 dt:after{content:""; display:block; width:30px; height:2px; background:#ddd; position:absolute; bottom:0; left:0;}
.teacher_list02 li dl.teacher_info02 dt strong{font-size:20px; color:#222; padding:0 7px 0 0;}
.teacher_list02 li dl.teacher_info02 dd { font-size: 14px; color: #999; line-height: 22px; }

.book_list > li { float: left; width: 100%; padding: 40px 0; border-bottom: 1px solid #ddd; }
.book_list li div.book_img { float: left; width: 100px; height: 120px; border: 1px slid #ddd; overflow: hidden; }
.book_list li div.book_con { float: left; width: 800px; margin: -5px 0 0 30px; }
.book_list li div.book_con span { display: inline-block; height: 20px; padding: 0 5px; margin-bottom: 5px; background: #30b9a4; color: #fff; font-size: 13px; line-height: 20px; }
.book_list li div.book_con .book_con_tit {  margin-bottom: 15px; font-size: 18px; color: #222; font-weight: 500; }
.book_list li div.book_con ul { display: inline-block; width: 100%; }
.book_list li div.book_con ul li { float: left; padding: 0 15px; border-right: 1px solid #ddd; font-size: 14px; line-height: 15px; }
.book_list li div.book_con ul li:first-child { padding-left: 0; }
.book_list li div.book_con ul li:last-child { border-right: none; }
.book_list li div.book_con .book_con_txt { margin-top: 5px; font-size: 14px; color: #999; }


.completion_guide{text-align:center;}
.completion_guide span{display:inline-block; width:20px; height:20px; margin:0 12px; background:#bbb; border-radius:50%; color:#fff; line-height:20px; text-align:center;}
.completion_guide > div{display:inline-block; min-width:260px; padding:10px 20px 9px; border-radius:20px; color:#fff;}
.completion_guide > div.completion_progress{background:#5585eb;}
.completion_guide > div.completion_score{background:#30b9a4;}

.sec_step{border-bottom:2px solid #ddd;}
.sec_step dl{float:right;}
.sec_step dl dt{float:left; padding:16px 23px 16px 0; color:#333;}
.sec_step dl dd{position:relative; float:left; padding:16px 20px; margin:0 0 0 3px; color:#bbb;}
.sec_step dl dd:after{content:""; display:none; width:100%; height:2px; background:#30b9a4; position:absolute; bottom:-2px; left:0;}
.sec_step dl dd span{position:relative; display:inline-block; padding:0 10px 0 0; color:#bbb;}
.sec_step dl dd span:after{content:""; display:block; width:3px; height:3px; background:#ddd; border-radius:50%; position:absolute; top:50%; left:-23px; margin:-2px 0 0;}
.sec_step dl dt + dd{margin:0;}

.sec_step dl dd.on{color:#333;}
.sec_step dl dd.on:after{display:block;}
.sec_step dl dd.on span{color:#30b9a4;}

.question_ico{position:relative; display:inline-block; width:20px; height:20px; border-radius:50%; font-size:13px; font-weight:500; color:#fff; line-height:20px; text-align:center;}

.sec_tab{border-bottom:2px solid #ddd;}
.sec_tab:after{content:""; display:block; clear:both;}
.sec_tab li{float:left;}
.sec_tab li .tab_btn{position:relative; display:block; padding:16px 0; text-align:center; font-weight:500; color:#999; cursor:pointer;}
.sec_tab li .tab_btn:after{content:""; display:none;; width:100%; height:2px; background:#30b9a4; position:absolute; left:0; bottom:-2px;}
.sec_tab li.on .tab_btn{color:#30b9a4;}
.sec_tab li.on .tab_btn:after{display:block;}

.sec_tab_con{display:none;}
.sec_tab_con.on{display:block;}

.sec_warning{position:relative; padding:17px 20px 16px 64px; border:1px solid #ddd; background:#f9f9f9;}
.sec_warning span.fonti{position:absolute; top:50%; left:21px; font-size:23px; color:#ddd;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.sec_warning p{}
.sec_warning p a{font-weight:500; color:#ff5252;}

.test_list li{position:relative; border-top:1px solid #ddd;}
.test_list li p.test_point{position:absolute; top:0; right:20px; padding:7px 10px; background:#f9f9f9; border:1px solid #ddd; border-top:0; font-size:13px;}
.test_list li p.test_point span{display:inline-block;}
.test_list li p.test_point strong{position:relative; display:inline-block; padding:0 0 0 11px; margin:0 0 0 7px;}
.test_list li p.test_point strong:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;}
.test_list li dl{position:relative; padding:27px 20px 28px;}
.test_list li dl dt{font-weight:500; color:#333; padding:0 90px 0 0;}
.test_list li dl dd.test_question_wrap{border:1px solid #ddd; background:#fdfdfd; padding:17px 20px 16px; margin:16px 0 0;}
.test_list li dl dd.radio_wrap{display:block; margin:6px 0 0; padding:0 0 0 10px;}
.test_list li dl dd.radio_wrap input[type=radio] + label{color:#888;}
.test_list li dl dd.radio_wrap input[type=radio]:checked + label,
.test_list li dl dd.radio_wrap input[type=radio]:checked + label span.fonti{color:#5582eb;}
.test_list li dl dd.radio_wrap.test_answer_ox{display:inline-block; font-size:0; margin:17px 7px 1px 0 !important;}
.test_list li dl dd.radio_wrap.test_answer_ox input[type=radio] + label span.fonti{font-size:21px; margin:0;}
.test_list li dl dd.radio_wrap.test_answer_ox input[type=radio]:checked + label span.fonti.um-times-circle-o{color:#ff5252;}
.test_list li dl dd.short_wrap{margin: 10px 0;}
.test_list li dl dd.short_wrap input[type=text]{width:100%;padding:10px;border:1px solid #ddd;font-size:15px;}
.test_list li dl dd.explain_wrap{margin: 10px 0;}
.test_list li dl dd.explain_wrap textarea{width:calc(100% - 20px);height:150px;padding:10px;border:1px solid #ddd;font-size:15px;}
.test_list li dl dd.test_question_wrap + dd.radio_wrap{margin:18px 0 0;}
.test_list li dl dd.test_question_wrap + dd.radio_wrap.test_answer_ox{margin:21px 7px 1px 0 !important;}
.test_list li dl dt + dd.radio_wrap{margin:14px 0 0;}

.test_list li .test_comment{padding:25px 20px 26px; border-top:1px solid #ddd; background:#f9f9f9;}
.test_list li .test_comment p{margin:14px 0 0;}

.test_list li.test_answer_right{background:url(/images/contents/right_mark.png) no-repeat left 20px top 15px;}
.test_list li.test_answer_right .test_comment .sec_tit01{color:#5582eb;}
.test_list li.test_answer_right dl dd.radio_wrap input[type=radio]:checked + label span.fonti.um-times-circle-o{color:#5582eb;}
.test_list li.test_answer_right p.test_point strong{font-weight:500; color:#5582eb;}

.test_list li.test_answer_wrong{background:url(/images/contents/wrong_mark.png) no-repeat left 20px top 15px;}

/*
.test_list li.test_answer_wrong dl dd.radio_wrap.test_answer input[type=radio] + label,
.test_list li.test_answer_wrong dl dd.radio_wrap.test_answer input[type=radio] + label span.fonti{color:#5582eb;}
*/

.test_list li.test_answer_wrong dl dd.radio_wrap input[type=radio]:checked + label,
.test_list li.test_answer_wrong dl dd.radio_wrap input[type=radio]:checked + label span.fonti{color:#ff5252;}
/*.test_list li.test_answer_wrong dl dd.radio_wrap input[type=radio]:checked + label:after{content:""; display:block; width:100%; height:1px; background:#fa4b4b; position:absolute; top:50%; left:0; margin:-1px 0 0;}*/
.test_list li.test_answer_wrong dl dd.radio_wrap.test_answer_ox input[type=radio]:checked + label:after{display:none;}
.test_list li.test_answer_wrong .test_comment .sec_tit01{color:#5582eb;}
.test_list li.test_answer_wrong dl dd.test_answer_ico span.fonti.um-frown-o{display:block;}
.test_list li.test_answer_wrong p.test_point strong{font-weight:500; color:#ff5252;}

.lecture_list{font-size:0; text-align:left;}
.lecture_list li{position:relative; display:inline-block; vertical-align:top;}
.lecture_list li .lecture_thumb{position:relative;}
.lecture_list li .lecture_thumb.new::before { content: ''; position: absolute; top: 0; right: 10px; width: 73px; height: 22px; background: no-repeat url("/images/common/icon_m_new.png"); background-size: cover; z-index: 2; }
.lecture_list li .lecture_thumb img{}
.lecture_list li .lecture_thumb .play_ico{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: url(/images/contents/ico_play.png) no-repeat center center;}
.lecture_list li h3{font-size:17px; color:#333;}
.lecture_list.goodssam {padding: 33px 0 0;margin: 0 0 0 -20px;}
.lecture_list.goodssam li {width:300px;margin: 27px 0 0 20px;}
.lecture_list.goodssam li .lecture_thumb img {position: relative;display: block;width: 100%;z-index: 1;}
.lecture_list.goodssam li h3 {position:relative;font-size: 17px;color: #333;text-align: center;margin: 10px 0 0;}
.lecture_list.goodssam li h3 .btn.download { position:absolute;top:2px;right:0; }
.lecture_list.goodssam li h3 .special_multi_check { position:absolute;left:0; }

/********** /Contents **********/


/********** Table **********/
table.sec_table{width:100%;}
table.sec_table caption{display:none;}
table.sec_table thead th{padding:11px 0 10px; background:#f9f9f9; border-bottom:1px solid #ddd; color:#333; text-align:center;}
table.sec_table tbody th{padding:15px 0; border-bottom:1px solid #ddd; vertical-align:middle; text-align:left;}
table.sec_table tbody th.v_top{vertical-align:top;}
table.sec_table tbody th span.fonti.um-asterisk{position:relative; top:-2px; margin:0 3px 0 0; font-size:10px; color:#ff5252;
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-o-transform:scale(0.6);
	transform:scale(0.6);
}
table.sec_table tbody th label{font-weight:500; color:#333;}
table.sec_table tbody td{padding:15px 0; border-bottom:1px solid #ddd; vertical-align:top;}

table.sec_table .sec_table_btn{display:inline-block; width:120px; padding:10px 0 9px !important; background:#999; border-radius:2px; text-align:center; color:#fff !important; cursor:pointer;}
table.sec_table .sec_table_btn.hidden {display:none;}
table.sec_table .sec_table_btn.red{background:#ff5252;}
table.sec_table .sec_table_btn.purple{background:#7d52ff;}
table.sec_table .sec_table_btn.grn{background:#30b9a4;}
table.sec_table .sec_table_btn.darkblu{background:#7b9aac;}
table.sec_table .sec_table_btn.cloudy_red{background:#fd8888;}
table.sec_table .sec_table_btn.gry{background:#bbb;}
table.sec_table .sec_table_btn.blu{background:#5585eb;}
table.sec_table .sec_table_btn.blue {background:#2e6da4}
table.sec_table .sec_table_btn.black{background:#333;}
table.sec_table .sec_table_btn.no_click{cursor:default;}
table.sec_table .sec_table_btn.w150 {width:150px;}
table.sec_table .sec_table_btn.cursor_auto {cursor:auto;}
table.sec_table tbody td.sec_table_birthday input{width:120px;}
table.sec_table tbody td.sec_table_birthday span{display:inline-block; padding:0 16px 0 6px; color:#999;}
table.sec_table tbody td.sec_table_gender .radio_wrap{margin:0 16px 0 0;}
table.sec_table tbody td.sec_table_gender .select_wrap select{width:120px;}
table.sec_table tbody td.sec_table_phone .select_wrap select{width:120px;}
table.sec_table tbody td.sec_table_phone input{width:120px;}
table.sec_table tbody td.sec_table_phone > span{padding:0 7px; color:#999;}
table.sec_table tbody td.sec_table_phone .sec_table_btn{margin:0 0 0 6px;}
table.sec_table tbody td.sec_table_id span,
table.sec_table tbody td.sec_table_pw span{margin:0 0 0 16px; color:#999;}
table.sec_table tbody td.sec_table_email input{width:240px;}
table.sec_table tbody td.sec_table_email > span{display:inline-block; padding:0 7px; color:#999;}
table.sec_table tbody td.sec_table_email .select_wrap{margin:0 0 0 6px;}
table.sec_table tbody td.sec_table_member .radio_wrap{min-width:120px;}
table.sec_table tbody td.sec_table_member .sec_table_company{padding:10px 0 24px;}
table.sec_table tbody td.sec_table_member .sec_table_member_type{ padding:25px 0 9px; border-top:1px solid #ddd;}
table.sec_table tbody td.sec_table_member .sec_table_member_type .sec_table_member_type01{}
table.sec_table tbody td.sec_table_member .sec_table_member_type .sec_table_member_type02,
table.sec_table tbody td.sec_table_member .sec_table_member_type .sec_table_member_type03,
table.sec_table tbody td.sec_table_member .sec_table_member_type .sec_table_member_type04{display:none;}
table.sec_table tbody td.sec_table_search .sec_table_btn{margin:0 0 0 7px;}
table.sec_table tbody td.sec_table_search .sec_table_btn.ml100{margin:0 0 0 100px;}
table.sec_table tbody td.sec_table_address ul li{margin:10px 0 0;}
table.sec_table tbody td.sec_table_address ul li input{width:520px;}
table.sec_table tbody td.sec_table_address ul li:first-child{margin:0;}
table.sec_table tbody td.sec_table_address ul li:first-child input{width:120px;}
table.sec_table tbody td.sec_table_address ul li:first-child .sec_table_btn{margin:0 0 0 10px;}
table.sec_table tbody td.sec_table_address ul {padding:0 0 17px;}
table.sec_table tbody td.sec_table_address dl{padding:0 0 1px;}
table.sec_table tbody td.sec_table_address dl dd{color:#f44336;}
table.sec_table tbody td.sec_table_address dl dd:after{background:#f44336;}
table.sec_table tbody td.sec_table_agree ul{margin:17px 0 0; padding:17px 20px 16px;background:#f9f9f9; border:1px solid #ddd;}
table.sec_table tbody td.sec_table_agree dl{padding:17px 0 1px;}
table.sec_table tbody td.sec_table_agree dl dt{float:left; font-weight:500; color:#333; margin:0 20px 0 0;}
table.sec_table tbody td.sec_table_agree dl dd{float:left; margin:0 20px 0 0;}
table.sec_table tbody td.sec_table_agree dl dd + dt{margin:0 20px 0 20px;}
table.sec_table tbody td.sec_table_empty p{padding:82px 0 81px; text-align:center; color:#999;}
table.sec_table tbody td.sec_table_download .sec_table_btn{width:100%; box-sizing:border-box; background:#5585eb;}
table.sec_table tbody td.sec_table_social > span{display:inline-block; padding:0 7px; color:#999;}
table.sec_table tbody td.sec_table_business .sec_table_btn{margin:0 0 0 7px;}
table.sec_table tbody td.sec_table_card{font-size:0;}
table.sec_table tbody td.sec_table_card input{width:80px; margin:0 10px 0 0;}
table.sec_table tbody td.sec_table_card span{display:inline-block; margin:0 0 0 9px; font-size:13px; color:#ff5252;}
table.sec_table tbody td.sec_table_price{height:40px; vertical-align:middle;}
table.sec_table tbody td.sec_table_payment{height:40px; vertical-align:middle;}
table.sec_table tbody td.sec_table_payment .radio_wrap{margin:0 17px 0 0;}

table.sec_table tbody .sec_table_control th{position:relative;}
table.sec_table tbody .sec_table_control th label{cursor:pointer;}
table.sec_table tbody .sec_table_control th .question_ico{top:-1px; margin:0 0 0 10px; background:#30b9a4;}
table.sec_table tbody .sec_table_control th .hover_desc{position:absolute; top:70px; left:0; width:500px; padding:17px 20px; border:2px solid #30b9a4; background:#fff; box-sizing:border-box; z-index:2;
	font-size:13px; display:none;}
table.sec_table tbody .sec_table_control th .hover_desc strong{font-weight:500; color:#ff5252;}
table.sec_table tbody .sec_table_control th label:hover + .hover_desc{display:block;}
table.sec_table tbody .sec_table_control td .sec_table_btn{margin:0 0 0 7px;}
table.sec_table tbody .sec_table_control td .sec_table_control_btn{display:inline-block; cursor:pointer; margin:0 0 0 17px; font-size:13px; color:#30b9a4; text-decoration:underline;}

table.sec_table tbody td strong{font-weight:500;}
table.sec_table tbody td strong.center_name{color:#333;}
table.sec_table tbody td strong.lecture_tit{font-size:15px; color:#333; display:block; text-align:left;}
table.sec_table tbody td strong.lecture_tit .normal {font-weight:normal;}
table.sec_table tbody td strong.lecture_tit .txt_license { margin:0 0 0 100px;font-size:13px;font-weight:normal;text-align:left; }
table.sec_table tbody td strong.lecture_tit .txt_license.mid { margin:0 0 0 72px; }
table.sec_table tbody td strong.lecture_tit .txt_license .box { padding:1px 5px;background:#888ac1;color:#fff; }
table.sec_table tbody td strong.lecture_tit .txt_license .line { border-bottom:1px solid #888ac1;color:#7a7cb5; }
table.sec_table tbody td strong.lecture_tit.align_center {text-align:center;}
table.sec_table tbody td strong.lecture_tit.color_gray {color:#ccc;}

table.sec_table tbody td dl.lecture_info{text-align:left;}
table.sec_table tbody td dl.lecture_info dt{font-weight:400; color:#999;}
table.sec_table tbody td dl.lecture_info dd{font-size:15px; font-weight:500; color:#333; padding:4px 0 0;}
table.sec_table tbody td dl.lecture_info dd.font13{font-size:13px;}
table.sec_table tbody td dl.lecture_info dd.lecture_info_date{font-size:13px; font-weight:400; color:#30b9a4; padding:7px 0 0;}
table.sec_table tbody td dl.lecture_info dd.lecture_info_review{font-size:13px; font-weight:400; color:#ff5252; padding:3px 0 0;}
table.sec_table tbody td dl.user_info dt{font-size:15px; font-weight:500; color:#333;}
table.sec_table tbody td dl.user_info dd{font-weight:400; color:#999; padding:2px 0 0;}
table.sec_table tbody td dl.account_info{text-align:left;}
table.sec_table tbody td dl.account_info dt{font-weight:400; color:#999;}
table.sec_table tbody td dl.account_info dd{font-size:15px; font-weight:500; color:#333; padding:2px 0 0;}
table.sec_table tbody td .test_info{position:relative; text-align:center; cursor:default;}
table.sec_table tbody td .test_info h3{font-weight:500;}
table.sec_table tbody td .test_info p{margin:4px 0 0; color:#999;}

table.sec_table tbody td .progress_info h3 span{display:inline-block; padding:0 0 0 5px; font-size:11px; color:#999;}
table.sec_table tbody td .progress_info .bar_wrap{position:relative; width:100%; height:5px; background:#f9f9f9; border-radius:2.5px; margin:6px 0 0;}
table.sec_table tbody td .progress_info .bar_wrap .bar{position:absolute; top:0; left:0; height:100%; border-radius:2.5px;}
table.sec_table tbody td .progress_info .bar_wrap .bar.blu{background:#5582eb;}
table.sec_table tbody td .progress_info .bar_wrap .bar.grn{background:#30b9a4;}

table.sec_table tbody td span.sec_table_label{position:relative; top:-1px; display:inline-block; margin:0 7px 0 0; padding:0 6px 1px 6px; background:#bbb; border-radius:2px;
	font-size:12px; font-weight:400; color:#fff;}
table.sec_table tbody td span.sec_table_label.grn{background:#30b9a4;}
table.sec_table tbody td span.sec_table_label.red{background:#ff5252;}
table.sec_table tbody td span.sec_table_label.blu{background:#5582eb;}
table.sec_table tbody td strong.status_submit{color:#5585eb;}
table.sec_table tbody td strong.status_no_submit{color:#ff5252;}
table.sec_table tbody td strong.status_confirm{color:#2fa00d;}/* dev */
table.sec_table.sec_table_type01{border-top:2px solid #30b9a4;}

table.sec_table.sec_table_type02{border-top:2px solid #30b9a4;}
table.sec_table.sec_table_type02 tbody td{padding:15px 10px; vertical-align:middle; text-align:center;}
table.sec_table.sec_table_type02 tbody td.align_left { text-align:left; }
table.sec_table.sec_table_type02 tbody td dl.center_info{text-align:left;}
table.sec_table.sec_table_type02 tbody td dl.center_info dt{font-weight:500; color:#333;}
table.sec_table.sec_table_type02 tbody td dl.center_info dd{margin:3px 0 0;}
table.sec_table.sec_table_type02 tbody td .sec_table_btn{width:80px; cursor:pointer;}
table.sec_table tbody td input.w250 {width:250px;}
table.sec_table tbody td input.w300 {width:300px;}
table.sec_table tbody td input.w350 {width:350px;}
table.sec_table tbody td input.w400 {width:400px;}
table.sec_table tbody td > span.color_cloudy {color:#ddd;}
table.sec_table tbody td > span.color_gray {color:#aaa;}
table.sec_table tbody td > span.color_blue {color:#2e6da4;}
table.sec_table tbody td > span.color_red {color:#fa4b4b;}
table.sec_table tbody td > span.color_green {color:#30b9a4;}
table.sec_table tbody td > span.color_orange {color:#e34500;}
table.sec_table tbody td > span.color_purple {color:#800080;}

table.sec_table.sec_table_type03{border-top:2px solid #30b9a4;}
table.sec_table.sec_table_type03 tbody th{padding:15px; background:#f9f9f9; color:#111; border-left:1px solid #ddd;}
table.sec_table.sec_table_type03 tbody th:first-child{border-left:0;border-right:1px solid #ddd;}
table.sec_table.sec_table_type03 tbody th.no_line_bottom{border-bottom:none;}
table.sec_table.sec_table_type03 tbody td{padding:15px; border-left:1px solid #ddd;}

table.sec_table.sec_table_type04{font-size:13px;}
table.sec_table.sec_table_type04.green_border { margin-top:40px;border-top: 2px solid #30b9a4; }
table.sec_table.sec_table_type04 thead th{padding:12px; border-left:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle;}
table.sec_table.sec_table_type04 thead th:first-child{border-left:0;}
table.sec_table.sec_table_type04 thead th:last-child{border-right:0;}
table.sec_table.sec_table_type04 tbody td{padding:12px 10px; border-left:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center;}
table.sec_table.sec_table_type04 tbody td:first-child{border-left:0;}
table.sec_table.sec_table_type04 tbody td:last-child{border-right:0;}

table.sec_table.sec_table_type04 tbody td.align_left {text-align:left;}
table.sec_table.sec_table_type04 tbody td.border_left_none {border-left:none;}
table.sec_table.sec_table_type04 tbody td.border_right_none {border-right:none;}
table.sec_table.sec_table_type04 tbody td.border_left {border-left:1px solid #ddd;}
table.sec_table.sec_table_type04 tbody td.border_bottom {border-bottom:2px solid #ccc;}
table.sec_table.sec_table_type04 tbody td.pd0 {padding:0;}
table.sec_table.sec_table_type04 .sec_table_btn{width:auto; min-width:60px; padding:7px 10px 7px !important;}
table.sec_table.sec_table_type04 tbody td.sec_table_empty p{padding:87px 0 86px;}
table.sec_table.sec_table_type04.border_top {border-top:1px solid #ddd;}

.sec_inner_table_wrap{height:38px; padding:0 !important;}
.sec_inner_table_wrap .sec_inner_table{width:100%; height:100%;}
.sec_inner_table_wrap .sec_inner_table tbody th{padding:10px; text-align:center; background:#fdfdfd; border:0; border-top:1px solid #ddd; color:#333;}
.sec_inner_table_wrap .sec_inner_table tbody td{height:32px; border:0; border-top:1px solid #ddd;}
.sec_inner_table_wrap .sec_inner_table tbody tr:first-child th,
.sec_inner_table_wrap .sec_inner_table tbody tr:first-child td{border-top:0;}

table.sec_table.sec_table_type04 tbody td.sec_inner_table_wrap{vertical-align:top;}
table.sec_table.top_gray_line {border-top:1px solid #ddd;}
table.sec_table.top_green_line {border-top:2px solid #30b9a4;}

.table_event_list { display: inline-block; width: 100%; border-top: 2px solid #30b9a4; }
.table_event_list caption { display: none; }
.table_event_list td{ position: relative; padding: 10px 0; border-bottom:1px solid #ddd; vertical-align: top; text-align:left; box-sizing: border-box; }
.table_event_list td:last-child { padding: 30px 20px; }
.table_event_list td:last-child .event_list_top { width: 600px; }
.table_event_list td:last-child .event_list_bottom { position: absolute; bottom: 30px; }
.table_event_list h3 { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #337ab7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table_event_list p { font-size: 15px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table_event_list span { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 14px; color: #888; }
.table_event_list .event_list_btn { display: inline-block; width: 100px; height: 25px; border: 2px solid #30b9a4; border-radius: 30px; text-align: center; line-height: 23px; color: #30b9a4; font-size: 13px; transition: all .1s ease-in; }
.table_event_list .event_list_btn:hover { background-color: #30b9a4; color: #fff; }
/********** /Table **********/


/********** Form **********/
input[type=text],
input[type=password],
textarea{width:200px; padding:9px 10px 8px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box;
	font:400 15px "NotoSansKR", Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif; color:#666; line-height:1.4;
}
input.border_green { border:1px solid #30b9a4; }
input.mini {padding:0;}
input.w50 {width:50px;}
input.w100 {width:100px;}
input.w120 {width:120px;}
input.w150 {width:150px;}
input.w200 {width:200px;}
input.w250 {width:250px;}
input.w300 {width:300px;}
input.w700 {width:700px;}

readonly, [readonly=readonly], .sec_form .readonly{background:#f9f9f9; color:#bbb !important;}
.sec_form input::-webkit-input-placeholder{color:#bbb;}
.sec_form input:-ms-input-placeholder{color:#bbb;}
.sec_form input::placeholder{color:#bbb;}

select::-ms-expand{display: none;}
.select_wrap{position:relative; display:inline-block;}
.select_wrap select{width:200px; padding:9px 10px 8px; border:1px solid #ddd; border-radius:2px; cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	font:400 15px "NotoSansKR", Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif; color:#666; line-height:1.4;
}
.select_wrap.w100p, .select_wrap.w100p select{width:100%;}

.select_wrap select.w500{width:500px;}
.select_wrap span.fonti{position:absolute; top:50%; right:10px; margin:-5px 0 0; font-size:10px; color:#999;}

.checkbox_wrap{position:relative; display:inline-block;}
.checkbox_wrap input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.checkbox_wrap input[type=checkbox] + label{cursor:pointer;}
.checkbox_wrap input[type=checkbox] + label span.fonti{position:relative; top:-1px; margin:0 6px 0 0; font-size:17px; color:#ccc;}
.checkbox_wrap input[type=checkbox] + label span.fonti.black{color:#555;}
.checkbox_wrap input[type=checkbox] + label span.fonti.um-check-square-o{display:none; color:#30b9a4;}
.checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-square-o{display:none;}
.checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-check-square-o{display:inline-block;}

.radio_wrap{position:relative; display:inline-block;}
.radio_wrap input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio_wrap input[type=radio] + label{cursor:pointer;}
.radio_wrap input[type=radio] + label span.fonti{position:relative; top:-1px; margin:0 6px 0 0; font-size:17px; color:#ccc;}
.radio_wrap input[type=radio] + label span.fonti.um-check-circle-o{display:none; color:#30b9a4;}
.radio_wrap input[type=radio]:checked + label span.fonti.um-circle-thin{display:none;}
.radio_wrap input[type=radio]:checked + label span.fonti.um-check-circle-o{display:inline-block;}

.file_wrap{position:relative;}
.file_wrap input.file_upload{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.file_wrap .sec_table_btn{cursor:pointer; margin:0 0 0 7px;}

.textarea_wrap textarea{display:block; width:100%; min-height:200px; padding:17px 20px 16px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box;resize:none;
	font:400 15px "NotoSansKR", Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif; color:#666; line-height:1.4;}
.textarea_wrap textarea::-webkit-input-placeholder{color:#bbb;}
.textarea_wrap textarea:-ms-input-placeholder{color:#bbb;}
.textarea_wrap textarea::placeholder{color:#bbb;}
/********** /Form **********/


/********** Btn **********/
.sec_btn_wrap{font-size:0; text-align:center;}
.sec_btn_wrap .sec_btn{display:inline-block; width:200px; padding:15px 0 14px; text-align:center; font-size:15px; border:0; border-radius:2px; background:#fff; margin:0 5px; line-height:1.4; }
.sec_btn_wrap .sec_btn.w300 {width:300px;}
.sec_btn_wrap .sec_btn.gry{color:#fff; background:#999; cursor: pointer;}
.sec_btn_wrap .sec_btn.grn{color:#fff; background:#30b9a4; cursor: pointer;}
.sec_btn_wrap .sec_btn.grn{color:#fff; background:#30b9a4; cursor: pointer;}
.sec_btn_wrap .sec_btn.blue{color:#fff; background:#2e6da4; cursor: pointer;}
.sec_btn_wrap .sec_btn_inline{position:relative; display:inline-block; padding:2px 0; font-size:15px; font-weight:500; color:#333; cursor:pointer;}
.sec_btn_wrap .sec_btn_inline:after{content:""; display:block; width:100%; height:1px; background:#333; position:absolute; bottom:0; left:0;}

.sec_cover_btn{display:block; position:absolute; top:0; left:0; width:100%; height:84%; background:transparent; font-size:0; z-index:9; cursor:pointer;}
/********** Btn **********/


/********** Design **********/
.con_tit{font-size:33px; color:#333; line-height:1.2;}
.con_tit strong.underline{position:relative; display:inline-block; padding:0 1px 1px 3px; font-size:39px; font-weight:700; color:#111;}
.con_tit strong.underline:after{content:""; display:block; width:100%; height:50%; background:#ebf8f6; position:absolute; top:50%; left:0; z-index:1;}
.con_tit strong.underline span{position:relative; z-index:2;}
.con_sub_tit{font-size:19px;}

.con_btn{position:relative; width:200px; padding:14px 15px 13px; border:1px solid #333; border-radius:4px; box-sizing:border-box; text-align:left; color:#333;}
.con_btn span.fonti{position:absolute; top:50%; right:11px; font-size:10px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
/********** /Design **********/

/********** add Edunet Developer **********/
.pos_relative { position:relative; }
.pos_absolute { position:absolute; }
.float_left { float:left; }
.float_right { float:right; }
.clear::after { content:'';display:block;clear:both; }
.link { position:relative;color:#337ab7;cursor:pointer; }
.link.on, .link:hover { text-decoration:underline; }
/*.link:hover::after { content:" ";position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#337ab7; }*/
.link.no_line:hover::after { height:0; }
.underline { position:relative; }
.underline::after { content:" ";position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#666; }
.underline.color_cloudy::after { background-color:#ddd; }
.underline.color_gray::after { background-color:#aaa; }
.underline.color_blue::after { background-color:#2e6da4; }
.underline.color_red::after { background-color:#fa4b4b; }
.underline.color_green::after { background-color:#30b9a4; }
.underline.color_orange::after { background-color:#e34500; }
.underline.color_purple::after { background-color:#800080; }

.line25 { line-height:25px; }
.line30 { line-height:30px; }
.line40 { line-height:40px; }
.line70 { line-height:70px; }

.mg0 {margin:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml27 {margin-left:27px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.pd0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.left0 {left:0;}
.right0 {right:0;}
.h200 {height:200px;}
.color_white { color:#fff; }
.color_cloudy {color:#ddd;}
.color_gray {color:#aaa;}
.color_blue {color:#2e6da4;}
.color_red {color:#fa4b4b;}
.color_green {color:#30b9a4;}
.color_orange {color:#e34500;}
.color_purple {color:#800080;}
.color_black {color:#000;}
.cursor_pointer { cursor:pointer; }
.cursor_auto { cursor:auto; }
.font11 { font-size:11px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font20 { font-size:20px; }
.bg_text { padding:0 5px 1px 5px;background-color:#888;color:#fff; }
.bg_text.cloudy { background-color:#ddd; }
.bg_text.gray { background-color:#aaa; }
.bg_text.skyblue {background-color:#31b0d5; }
.bg_text.blue { background-color:#2e6da4; }
.bg_text.red { background-color:#fa4b4b; }
.bg_text.green { background-color:#30b9a4; }
.bg_text.orange {background-color:#e34500; }
.bg_text.yellow {background-color:#fff4a2;color:#fa4b4b; }
.bg_text.purple { background-color:#b640ff; }
.bg_text.circle {position:relative;top:-2px;padding:0;border-radius:17px;width:17px;height:17px;text-align:center;display:inline-block;font-size:11px;}
.bg_f9 { background-color:#f9f9f9; }
.highlight { padding:0 3px 1px 3px;margin:0 2px;background-color:#fff4a2;color:#000000; }
.h50 { height:50px; }

.hidden { display:none; }
.blind {position:fixed;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.inner_blind {position:absolute;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.select_none {user-select:none;}
.bold { font-weight:500; }
.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w30p { width:30%; }
.w33p { width:33%; }
.w34p { width:34%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }
.w_auto { width:auto; }
.ellipsis { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.ellipsis2{ text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;box-orient:vertical; }

.btn { padding:8px 12px;margin-bottom:0;font-size:12px;font-weight:normal;line-height:1.2;border:1px solid transparent;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border-radius:5px;display:inline-block; }
.btn.hidden { display:none; }
.btn:focus { border-color:#aaa;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 151, 151, .6); }
.btn.large { padding:8px 13px;font-size:14px;line-height:1;border-radius: 6px; }
.btn.big { padding:15px 30px;font-size:18px;line-height:1;border-radius: 6px; }
.btn.big02 { padding:10px 20px;font-size:18px;line-height:1;border-radius: 50px; color: #fff;  }
.btn.green { color:#fff;background-color:#30b9a4;border-color:#28a894; }
.btn.green:hover { color:#fff;background-color:#28a894;border-color:#219d8a; }
.btn.darkgreen { color:#fff;background-color:#2e7b6f;border-color:#37675f; }
.btn.darkgreen:hover { color:#fff;background-color:#37675f;border-color:#365752; }
.btn.white { color:#333;background-color:#fff;border-color:#ccc; }
.btn.white:hover { color:#333;background-color:#d4d4d4; }
.btn.gray { color:#fff;background-color:#aaa;border-color:#999; }
.btn.gray:hover { color:#fff;background-color:#888;border-color:#777; }
.btn.dark { color:#fff;background-color:#666; }
.btn.dark:hover { color:#fff;background-color:#444; }
.btn.red { color:#fff;background-color:#fa4b4b;border-color:#d53a3a; }
.btn.red:hover { color:#fff;background-color:#d23a3a;border-color:#a42a2a; }
.btn.skyblue { color:#fff;background-color:#31b0d5;border-color:#269abc; }
.btn.skyblue:hover { color:#fff;background-color:#269abc;border-color:#1b6d85; }
.btn.darkblue { color:#fff;background-color:#495164; }
.btn.darkblue:hover { color:#fff;background-color:#59637b; }
.btn.blue { color:#fff;background-color:#337ab7;border-color:#2e6da4; }
.btn.blue:hover { color:#fff;background-color:#286090;border-color:#204d74; }
.btn.purple { color:#fff;background-color:#8c0a8c;border-color:#700370; }
.btn.purple:hover { color:#fff;background-color:#680068;border-color:#610461; }
.btn.pink { color:#fff;background-color:#8c0a8c;border-color:#700370; }
.btn.pink:hover { color:#fff;background-color:#680068;border-color:#610461; }
.btn.disable { cursor: not-allowed;box-shadow: none;opacity:.6; }
.btn.mini { padding:4px 6px;font-size:11px;font-family:NanumGothic; }
.opacity_03 { opacity:0.3; }
.border_top_line { border-top:1px solid #ddd; }
.pagination { padding-top:30px;text-align:center; }
.pagination a { width:26px;height:26px;border:1px solid #e2e2e2;background:#fff;text-align:center;line-height:26px;font-size:14px;color:#868686;text-decoration:none;display:inline-block; }
.pagination a:hover { background:#eee; }
.pagination a.on {color:#fff;background:#36414f;}
.pagination .btn_first {margin-right:7px;background:url(/images/common/icon_page_first.gif) no-repeat 50% 50%;}
.pagination .btn_prev {margin-right:7px;background:url(/images/common/icon_page_prev.gif) no-repeat 50% 50%;}
.pagination .btn_next {margin-left:7px;background:url(/images/common/icon_page_next.gif) no-repeat 50% 50%;}
.pagination .btn_last {margin-left:7px;background:url(/images/common/icon_page_last.gif) no-repeat 50% 50%;}

/* TOP 띠베너 */
#topLineNotice { position:relative;height:50px;line-height:50px;background:#252b39; }
#topLineNotice > .line_wrap { position:relative; width:1200px; margin:0 auto; text-align:center; }
#topLineNotice > .line_wrap > i { height:60px; padding: 0 20px; border-radius: 30px; background-image:linear-gradient(to right, #c1b8ef, #b5e1f5  25%, #fdc9e6); color: #252b39; font-size: 18px; font-weight: 700; }
#topLineNotice > .line_wrap > .title { padding: 0 20px; font-size: 18px; color: #fff; }
#topLineNotice > .line_wrap > a { width: 90px; height: 26px; line-height: 26px; border: 1px solid #fff; color: #fff; font-size: 12px; }
#topLineNotice > .line_wrap > a:hover { background: #363f55; }

#topLineNotice > .line_wrap > .close { position:absolute;right:20px;top:15px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }

/* 개발 사이트 접속 안내 */
#topDevSiteInfo { position:fixed;width:50px;height:100%;background:#333;right:0;z-index:101; }
#topDevSiteInfo dl { width:20px;margin:20px auto; word-wrap: break-word; text-align:center;color:#ddd; }
#topDevSiteInfo dd { margin:10px 0 0;line-height:18px; }

/* 학습중 블라인드 */
#lectureStudyingBlind { display:none; }
#lectureStudyingBlind .s_blind { position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:30; }
#lectureStudyingBlind .s_content { position:fixed;top:50%;left:50%;width:600px;height:130px;margin:-65px 0 0 -300px;line-height:70px;text-align:center;user-select:none;z-index:31; }
#lectureStudyingBlind .ani_dot_1 { position:absolute;top:-80px;left:170px; }
#lectureStudyingBlind .ani_dot_2 { position:absolute;top:-80px;left:225px; }
#lectureStudyingBlind .ani_dot_3 { position:absolute;top:-80px;left:280px; }
#lectureStudyingBlind .string_1 { margin-left:10px;font-size:60px;color:#fff;font-weight:bold; }
#lectureStudyingBlind .string_2 { font-size:20px;color:#fff; }
#lectureStudyingBlind .string_3 { font-size:30px;color:yellow; }
#lectureStudyingBlind .lecture_loading { position:relative;width:50px;height:50px;margin:3em;border-radius:50%;background-color:#fff;vertical-align:middle;display:inline-block; }
#lectureStudyingBlind .lecture_loading, .lecture_loading:before, .lecture_loading:after { animation:1s infinite ease-in-out; }
#lectureStudyingBlind .lecture_loading:before,
#lectureStudyingBlind .lecture_loading:after { position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%; }
#lectureStudyingBlind .lecture_loader { animation-name:lecture_loader; }
@keyframes lecture_loader {
	from { transform:scale(0);opacity:1; }
	to   { transform:scale(1);opacity:0; }
}
/********** // add Edunet Developer **********/
#shopOrderItemLists tr:last-child td {border-bottom:none;}
#asyncLoginFormLayer .login_form > dl { width:400px;margin:20px auto 0 auto; }
#asyncLoginFormLayer .login_form > dl > dt { width:90px;padding:10px 0 9px;margin:10px 0 0;color:#999;float: left;}
#asyncLoginFormLayer .login_form > dl > dd { width:310px;margin:10px 0 0;float: left; }
#asyncLoginFormLayer .login_form > dl > dd > input { width:100%; }
#asyncLoginFormLayer .login_form > .sec_btn_wrap > .sec_btn { width:400px;margin:15px 0 0; }
#asyncLoginFormLayer .login_form > .join { width:400px;margin:0 auto;padding:20px 0;text-align:right; }
#asyncLoginFormLayer .login_form > .join > li:nth-child(1) { color:#999;float:left; }
#asyncLoginFormLayer .login_form > .join > li:nth-child(2) { color:#999;float:right; }