html{-webkit-text-size-adjust: none;text-size-adjust: none;}
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-family:'Noto Sans KR',sans-serif;font-size:62.5%;font-weight:400;line-height:1;letter-spacing:-0.03em;vertical-align:top;color:#333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;font-family:'Noto Sans KR',sans-serif;margin:0;padding:0;border:0;font-size:62.5%;}
body {line-height:1;/*-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*/}
ol,ul,li {list-style:none;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
a {color:#333;text-decoration:none;}
a:focus:active:hover{outline: 0}
img {max-width:100%;font-size:0;vertical-align:top;border:0;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
select, input {vertical-align:top;font-family:'Noto Sans KR',sans-serif;}
input:focus::placeholder{color:transparent;}
caption,.label{width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);overflow:hidden;}
.label{position:absolute;}
/* 안드로이드 및 아이폰에서 기본적으로 적용되어있는 select, input css 제거. */
select {background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand {display:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;font-family:'Noto Sans KR',sans-serif;}
button[disabled],html input[disabled] {cursor:default;}
/* ie 하위버전 기본적으로 적용되어 있는 css 변경 */
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;}
/* 아이폰 기본적으로 적용되어 있는 버튼 css 변경 */
input{-webkit-appearance:button;}
/* 사파리5, 크롬에서 기본적으로 적용되어 있는 css 변경 */
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;}
address, em, i {font-style:normal;}
button {margin:0;padding:0;border:0;background:none;cursor:pointer;}
hr {margin:0;border:none;padding:0;display:block;}
figure, figcaption {margin:0;padding:0;}
form, fieldset {border:none;margin:0;padding:0;line-height:1;}
input[type="submit"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
header, footer, article, section, aside, nav, main {display:block;}
textarea{font-family:'Noto Sans KR',sans-serif;font-size:62.5%;font-weight:400;color:#666;}

/* a:hover, a:active,a:hover:active { outline: none; }
a:focus:not(:focus) {outline: none;}
a:focus:not(:focus-visible){outline: none;} */

img {-webkit-user-drag:none;}


/* 고대비모드 메인 */
body.contrast #container,
body.contrast .popup_wrap,
body.contrast .header{background-color:#000}
body.contrast .footer{background-color:#000!important}
body.contrast .header .top_link ul li.on::after{background-color:#fff!important}
body.contrast .lecture .dspr_filter li a.on,
body.contrast .footer .family_site .select_wrap select{background-color:#fff!important;color:#000!important;opacity:1}

body.contrast .right_quick_wrap .quick_title,
body.contrast .right_quick_wrap .quick_top{background-color:#000!important;color:#fff!important;border:1px solid #fff}
body.contrast .header .header_top{border-color:#fff!important}
body.contrast .header .gnb_wrap{border-color:#fff!important;background-color:#000!important}
body.contrast .lecture .dspr_filter{border-color:#fff!important}
body.contrast .header .top_link ul li a,
body.contrast .header .header_top .lnb li a,
body.contrast .header .gnb_wrap .gnb > .depth01 span{color:#fff!important}
body.contrast .header .gnb_wrap .gnb > .depth01 ul li a{color:#fff!important}
body.contrast .header .gnb_wrap .gnb > .depth01 ul li a:focus, 
body.contrast .header .gnb_wrap .gnb > .depth01 ul li a:hover,
body.contrast .header .gnb_wrap .gnb > .depth01.active ul li a{color:#000!important;}
body.contrast .header .gnb_wrap .gnb > .depth01.active ul{background-color:#f5f5f5!important}
body.contrast .lecture .lecture_box .card_wrap *{color:#fff!important}
body.contrast .footer{border-top:1px solid #fff}
body.contrast .header.active{border-bottom:1px solid rgb(255, 255, 255)}

body.contrast .header .header_top .lnb li.myinfo{color:#fff}
body.contrast .header .header_top .lnb li.myinfo strong{color:#fff;font-weight:bold}
body.contrast .search_box_wrap .main_search_box .input_wrap{border:2px solid #fff;}
body.contrast .main_search_box input[type ='text']{color:#fff!important;background-color: transparent!important;}
body.contrast .main_search_box .search_btn{ background-color:#fff; background:url(../../images/dsprUser/common/btn_search_000.png), #fff;background-repeat: no-repeat;background-position:  center center;}
body.contrast .search_box_wrap .keyword .tit p, body.contrast .search_box_wrap .keyword ul li a, body.contrast .search_box_wrap .keyword .tit i{color:#fff;}
body.contrast .search_box_wrap .keyword .tit{background: url(../../images/dsprUser/common/icon_word_000.png) no-repeat left 0 center}
body.contrast .header .header_top .lnb li.scale_wrap >a{background: url(../../images/dsprUser/main/btn_scale_up_000.png) 50% 50% no-repeat;}
body.contrast .header .header_top .lnb li.scale_wrap >a:nth-of-type(2n){background-image: url(../../images/dsprUser/main/btn_scale_down_000.png);}
 
 
 
/* 고대비모드 서브 */
body.contrast .main_banner{background:#000!important;}
body.contrast .learning_list ul li .box .list dl dt:before,
body.contrast .privacy_content .privacy_wrap .box .table_type_cols table thead tr th{background:#fff!important;}
body.contrast .main_banner h2,
body.contrast .detail_content .cont *,
body.contrast .table_wrap .table_type_rows.view_list table tbody tr.none td,
body.contrast .table_wrap .table_type_rows.view_list table tbody tr td a,
body.contrast .faq_list ul li dl dt a,
body.contrast .info_content .info_list.type03 dl dd .title,
body.contrast .faq_list ul li dl dd *,
body.contrast .detail_box .text_box .summary,
body.contrast .detail_box .text_box .title,
body.contrast .table_type_rows table tbody tr td,
body.contrast .detail_info,
body.contrast .detail_info li,
body.contrast .detail_info p, 
body.contrast .detail_info span, 
body.contrast .login_wrap .box .title,
body.contrast .login_wrap .box .info,
body.contrast .join_content .join_type li a .title,
body.contrast .join_content .join_type li a .summary,
body.contrast .join_content .info_text dt,
body.contrast .join_content .info_text dd li,
body.contrast .join_content .text,
body.contrast .join_content .certify_list ul li .title,
body.contrast .join_content .certify_list ul li p,
body.contrast .join_content .text,
body.contrast .join_content .info_box li,
body.contrast .line_text,
body.contrast .table_type_rows table tbody tr td span,
body.contrast .detail_info span,
body.contrast .blue_color,
body.contrast input[type='radio'] + label,
body.contrast input[type='checkbox'] + label,
body.contrast .mypage_content .info li,
body.contrast .mypage_content .info_box li,
body.contrast .mypage_content .table_wrap .table_type_rows table tbody tr td .summary,
body.contrast .sub_title .error_tip,
body.contrast .search_wrap dl dt,
body.contrast .sort_box .text,
body.contrast .table_type_cols table tbody *,
body.contrast .info_content .info_list dd,
body.contrast .sub_title h4,
body.contrast .edu_apply_list ul li *:not(.button_type),
body.contrast .point_color,
body.contrast .learning_list ul li .box .list dl dd span,
body.contrast .privacy_content .info_box dl dt,
body.contrast .privacy_content .info_box dl dd,
body.contrast .privacy_content .privacy_wrap .title,
body.contrast .privacy_content .privacy_wrap .summary,
body.contrast .privacy_content .privacy_wrap .box dl dt,
body.contrast .privacy_content .privacy_wrap .box dl dd,
body.contrast .agreement_content .privacy_wrap .box dl dd ol li,
body.contrast .agreement_content .noti,
body.contrast .privacy_content .privacy_wrap .box .text,
body.contrast .privacy_content .privacy_wrap .box dl dd ol li,
body.contrast .popup_wrap .policy_popup .title_box h1,
body.contrast .popup_wrap .policy_popup .title_box p,
body.contrast .popup_wrap .policy_popup .content_box,
body.contrast .learning_list ul li *:not(.button_type),
body.contrast .detail_content .attach_box a,
body.contrast .detail_content .title_box .title,
body.contrast .detail_content .title_box ul li,
body.contrast .exam_content .exam_info ul li,
body.contrast .sub_title .summary,
body.contrast .detail_content .cont,
body.contrast .reference,
body.contrast .detail_content .cont *,
body.contrast .debate_detail_content .comments_list ul li p,
body.contrast .debate_detail_content .comments_list ul li .name,
body.contrast .debate_detail_content .comments_list ul li .date,
body.contrast .debate_detail_content .debate_info dl dt,
body.contrast .debate_detail_content .debate_info dl dd,
body.contrast .sub_title h4,
body.contrast .join_content .agree_box02 dl dd,
body.contrast .join_content .agree_box02 dl dt,
body.contrast .table_type_cols table tbody tr:last-child td,
body.contrast .join_finish .title,
body.contrast .join_finish p{color:#fff!important;}
body.contrast .tab_type ul li.active a::after,
body.contrast .sub_tab_type ul li.active a:after,
body.contrast .table_type_rows table tbody tr:first-child th,
body.contrast .table_type_rows table tbody tr:first-child td,
body.contrast .detail_content,
body.contrast .table_type_rows table tbody tr:last-child td,
body.contrast .sub_title.line,
body.contrast .faq_list,
body.contrast .myclass_tab,
body.contrast .learn_info ul li.exam02 dl dd .box{border-color:#fff!important;}
body.contrast .table_type_cols table tbody tr:last-child td,
body.contrast .table_type_cols table tbody tr td{border-bottom:1px solid #fff!important;}
body.contrast .table_type_cols.table_notice table tbody tr td{border-bottom:0!important}
body.contrast .paging_wrap ul li.active button , 
body.contrast .table_type_cols table tbody tr td.name .icon_reply, 
body.contrast .button_type, 
body.contrast .icon_state.point,
body.contrast .button_type.fill.large,
body.contrast .detail_content .title_box,
body.contrast .table_type_cols table tbody tr td .icon_state,
body.contrast .debate_detail_content .comments{background-color:#000!important;color:#fff!important;border:1px solid #fff!important;}
body.contrast .button_type.bluefill, 
body.contrast .button_type.fill{border-color:#000!important;color:#000!important;background-color:#fff!important}
body.contrast .icon_state.pointfill,
body.contrast .icon_state{background-color:#fff!important;color:#000!important;border:1px solid #fff!important;}
body.contrast .sub_tab_type ul li a{background-color:#000!important;color:#fff!important;border:0!important;}
body.contrast .tab_type ul li.active a,
body.contrast .sub_tab_type ul li.active a,
body.contrast .myclass_tab li.active a,
body.contrast .faq_list ul li dl .icon,
body.contrast .info_content .info_list dt{color:#000!important;background-color:#fff!important;}
body.contrast .search_wrap,
body.contrast .privacy_content .privacy_wrap .box,
body.contrast .popup_wrap .policy_popup .content_box{border:1px solid #fff!important;background-color:#000!important}
body.contrast .join_content .join_type li{border-color:#fff;background:#000;}
body.contrast .select_box,
body.contrast input[type='text']{border:1px solid #000!important;background-color:#fff!important}
body.contrast .navigation .list,
body.contrast .table_type_cols:after{background-color:#fff!important}
body.contrast .navigation .list > li::after{background-color:#000!important}
body.contrast .navigation .list *,
body.contrast .lecture .lecture_box .card_wrap .thumbnail .hover_box .hover_btn:hover{color:#000!important}
body.contrast .edu_apply_list ul li,
body.contrast .learning_list ul li{box-shadow:none;background:#000;border:1px solid #fff}
body.contrast .edu_apply_list ul li a .date_box,
body.contrast .learning_list ul li a .date_box,
body.contrast .privacy_content .privacy_wrap .box .table_type_cols table tbody tr td,
body.contrast .learning_list ul li .box .list,
body.contrast .join_content .info_box li:last-child:after{background:transparent!important;}
body.contrast .faq_list ul li dl dd .icon
body.contrast .button_type.search,
body.contrast .tab_type ul li a,
body.contrast .tab_type ul,
body.contrast .privacy_wrap .agree{background-color:#000!important;color:#fff!important}
body.contrast .edu_apply_list ul li:hover, 
body.contrast .learning_list ul li:hover{background-color:#111!important;} 
body.contrast .line_text:after{display:none}
body.contrast .faq_list ul li dl dd{background-color:#222!important}
body.contrast .search_wrap dl dt:after,
body.contrast .mypage_content .info_box li:after{background:#fff}
body.contrast .info_content .info_list dd img{margin:30px 0!important}
body.contrast .myclass_tab li a,
body.contrast .lecture .dspr_filter li a{background-color:transparent!important;color:#fff!important;border:2px solid #fff!important;border-bottom:0!important}
body.contrast .popup_wrap .opentype_popup .table_type_cols table tbody tr td.name .list_content dl dt{background:#fff!important;color:#000!important}
body.contrast .pop_error_tip .pop_wrap{box-shadow:none;border:1px solid #fff;background-color:#000}
body.contrast .pop_error_tip .pop_wrap .pop_box{background-color:#000!important;box-shadow:none!important}
body.contrast .pop_error_tip .pop_wrap .gray_box{background-color:#000!important}
body.contrast .pop_error_tip .pop_wrap .gray_box .textbox p,
body.contrast .pop_error_tip .pop_wrap .half_box ul li,
body.contrast .pop_error_tip .pop_wrap .half_box ul li p{color:#fff!important}
body.contrast .pop_error_tip .pop_wrap .half_box ul li i.fc_navy, body.contrast .pop_error_tip .pop_wrap .half_box ul li i.fc_red{color:#fff!important;font-weight:bold!important}
body.contrast .join_content .agree_all input[type=checkbox] + label{color:#000!important}

body.contrast .sub_title h4{background:url(../../images/dsprUser/common/contrast-sub_title.png) left 0 top 50% no-repeat}
body.contrast .sub_title.dot h4{background:url(../../images/dsprUser/common/contrast-sub_title_dot.png) no-repeat left center}
body.contrast .navigation .list > li.home a{background:url(../../images/dsprUser/common/contrast-icon_navigation_home.png) no-repeat center center}
body.contrast .select_box{background:url(../../images/dsprUser/common/contrast-icon_selectbox.png) #fff no-repeat right center}
body.contrast .footer .family_site .select_wrap select{background:url(../../images/dsprUser/common/contrast-footer_icon_select.png) #7a7979 no-repeat right 10px center}
body.contrast .button_type.download{background:url(../../images/dsprUser/common/contrast-icon_button_type_download.png) no-repeat left 14px top 2px}
body.contrast .navigation .list > li .navi_title:after{background:url(../../images/dsprUser/common/contrast-icon_navigation_arrow.png) no-repeat center center}
body.contrast .faq_list ul li dl dt a:after{background:url(../../images/dsprUser/common/contrast-icon_faq_list.png) no-repeat left top}
body.contrast .faq_list ul li dl dt a.active:after{background-image:url(../../images/dsprUser/common/contrast-icon_faq_list_on.png) }
body.contrast .login_wrap .box .digital_box .input_box .button_box .button_type:before{background:url(../../images/dsprUser/member/icon_login_digital_btn01.png) no-repeat 50% 50%}
body.contrast .login_wrap .box .digital_box .input_box .button_box .button_type.bluefill:before{background:url(../../images/dsprUser/member/icon_login_digital_btn02.png) no-repeat 50% 50%}
body.contrast .debate_detail_content .comments .title{background:url(../../images/dsprUser/myclass/icon_comments_fff.png) no-repeat left center!important;color:#fff!important}
body.contrast .detail_content .title_box ul li i{background-image:url(../../images/dsprUser/common/icon_detail_cont01_fff.png)!important}
body.contrast .detail_content .title_box ul li:nth-child(2) i{background-image:url(../../images/dsprUser/common/icon_detail_cont02_fff.png)!important}
body.contrast .detail_content .title_box ul li:nth-child(3) i{background-image:url(../../images/dsprUser/common/icon_detail_cont03_fff.png)!important}

/* 페이징 충돌 임시작업 */
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border:0!important}
.paginationjs .paginationjs-pages li>a{width:36px!important;height:36px!important;line-height:34px!important;font-size:1.6rem!important}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#666!important;border:1px solid #d5d5d5!important}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{border-color:#ff6009!important;color:#ff6009!important;background:#fff!important;font-weight:500!important}
.paginationjs .paginationjs-pages li:last-child>a, .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child>a{border-radius:5px!important}




/* PC 화면 분기 */
@media screen and (max-width: 1300px) {
  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 {font-size:56.25%;}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {font-size:56.25%;}
  textarea{font-size:56.25%;}
}

/* 테블릿 */
@media screen and (max-width: 1199px) {
  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 {font-size:62.5%;}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {font-size:62.5%;}
  textarea{font-size:62.5%;}
}


/* 모바일 */
@media screen and (max-width: 767px){
}