@charset "utf-8";
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

/*-----------------------공통-----------------------*/
html { width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:15px; line-height:2; -webkit-text-size-adjust:none;}

html, body { height:100% !important;}
* { margin:0; padding:0;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

/*-----드래그----*/
::-moz-selection {
   background: #1d8c49;
   color: #fff;
}
::selection {
   background: #1d8c49;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:4px; height:2px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#1d8c49;}
/*-----스크롤----*/

#myBtn {
  font-size:12px;
  border:none;
  outline:none;
  background:none;
  color:#fff;
  cursor:pointer;
  padding:5px 20px;
}

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}

.wrap { font-family: 'NanumSquareNeo'; max-width:1200px; position:relative; margin:0 auto; padding:0 20px;}

/*-------로그인--------*/
.plus_login_bg { height:100%; background:url(../img/login_bg.jpg) center center no-repeat; background-size:cover; display:flex; justify-content:center; align-items:center;}

.plus_login_top { position:absolute; top:0; left:0; width:100%; background:#fff; box-shadow:rgba(0,0,0,0.15) 0 0 20px; z-index:1;}
.plus_login_top_bar { background:#0c82e9; padding:10px 0;}
.plus_login_top_bar ul { font-size:0;}
.plus_login_top_bar ul li { display:inline-block;vertical-align:middle; line-height:1; width:30%;}
.plus_login_top_bar ul li img { width:100px;}
.plus_login_top_bar ul li:last-child { text-align:right; width:70%;}
.plus_login_top_bar ul li:last-child a { color:#fff; font-size:13px; margin-left:15px;}
.plus_login_top .plus_login_top_logo { text-align:center; padding:20px 0;}
.plus_login_top .plus_login_top_logo img { width:250px;;}
.plus_login_top .plus_login_top_logo h1 { font-size:17px; letter-spacing:1px; line-height:1; color:#0c82e9; margin-top:10px;}




.plus_login_box { position:relative; max-width:600px; width:80%; padding:60px 20px; margin-top:150px; background:rgba(255,255,255,0.75); border:#eee solid 1px; border-radius:10px; box-shadow:rgba(0,0,0,0.3) 0 0 20px;}
.plus_login_box .login_input { max-width:350px; margin:0 auto;}
.plus_login_box .login_input .login_input_style { border-bottom:#666 solid 1px; margin:20px 0;}
.plus_login_box .login_input .login_input_style img { margin:0 20px;}
.plus_login_box .login_input .login_input_style input { font-size:15px; padding:10px 0; border:none; outline:none; width:290px; background:none;}

.plus_btn01 { font-family: 'NanumSquareNeo'; font-size:15px; color:#fff; letter-spacing:1px; border:none; outline:none; padding:15px; background-image: linear-gradient(to bottom right, #0c82e9, #00a6b0); width:100%; border-radius:10px; margin:10px 0; cursor:pointer;}
/*-------로그인--------*/

.plus_topnav { text-align:center; font-size:0; padding:20px 10px; background-image: linear-gradient(to bottom right, #1d8c49, #06632b); border-radius:50px; margin:20px 0;}
.plus_topnav li { display:inline-block; vertical-align:middle; width:20%; border-right:rgba(255,255,255,0.5) solid 1px; line-height:1; margin-left:-1px;}
.plus_topnav li:last-child { border-right:none;}
.plus_topnav li a { font-family: 'NanumSquareNeoBold'; color:rgba(255,255,255,0.5); font-size:15px; line-height:1.3;}
.plus_topnav li .nav_on { color:#fff;}
.plus_topnav li a:hover { color:#fff;}

.plus_contants { position:relative; border-radius:20px; box-shadow:#ddd 0 0 20px; padding:40px 20px; overflow:hidden; min-height:600px;}

.left_nav { position:absolute; width:200px; height:100%; left:0; top:0; background:#ddd;}
.left_nav li {}
.left_nav li ul li a { color:#000; display:block; line-height:1.5; margin:10px 0; padding:3px 0 0 10px;}
.left_nav .left_nav01 { background:#1d8c49; padding:20px;}
.left_nav .left_nav01 ul li .nav_on { color:#fff; font-weight:bold;}
.left_nav .left_nav02 { padding:20px 20px;}
.left_nav .left_nav02 ul li .nav_on { color:#1d8c49; font-weight:bold;}
.left_nav .left_nav02 ul li a:hover { color:#1d8c49; font-weight:bold;}
.left_nav .left_nav03 { padding:0 20px 40px 20px;}
.left_nav .left_nav03 .left_nav_bottom { background:#eee; line-height:1.5; font-size:13px; padding:5px 15px 15px 15px; border-radius:5px; margin-top:40px;}
.left_nav .left_nav03 .left_nav_bottom strong { display:block; margin-top:10px; font-size:13px;}

.plus_right { padding-left:240px;}
/*-------나의강의실--------*/
.plus_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:18px;}
.plus_top_cont { margin:10px 0 40px 0; padding:20px; background:#f5f5f5; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; font-size:13px;}
.plus_top_cont .plus_top_cont_text01 { font-weight:600;}
.plus_top_cont .plus_top_cont_text01 span { color:#e44000;}
.plus_top_cont ul { float:left; margin-top:10px; padding-top:10px; border-top:#ccc dashed 1px;}
.plus_top_cont ul li { list-style:disc; margin:0 15px; font-size:14px;}
.plus_top_cont a { float:right; padding:10px 30px; background:#1d8c49; color:#ffff; text-align:center; border-radius:10px;}
.plus_top_cont a img { display:block; margin:0 auto;}

.plus_ul01 { font-size:0; text-align:center; margin-top:10px; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px;}
.plus_ul01 li { display:inline-block; vertical-align:top; width:25%; padding:20px 0; border-right:#ddd dashed 1px; margin-left:-1px;}
.plus_ul01 li:last-child { border-right:none;}
.plus_ul01 li .plus_ul_box { padding:10px;}
.plus_ul01 li .plus_ul01_title { font-weight:600;}
.plus_ul01 li .plus_ul01_check01 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#e44000;}
.plus_ul01 li .plus_ul01_check02 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#888;}
.plus_ul01 li .plus_ul01_check03 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#0079ce;}
.plus_ul01 li .plus_graphbox { font-weight:600; color:#ec0000;}
.plus_ul01 li .plus_graphbox .plus_graphbox { width:100%; background:#eee;}
.plus_ul01 li .plus_graphbox .plus_graphbox .plus_graph_bar { height:5px; background:#ec0000;}
.plus_ul01 li .plus_ul01_btn { display:block; margin:20px 0; padding:5px; border-radius:10px; background:#444; color:#fff;}
.plus_ul01 li .plus_ul01_contents { font-size:12px; line-height:1.5; border:#eee solid 1px; background:#fafafa; padding:10px; overflow:hidden; overflow-y:auto; height:100px;}
.plus_ul01 li .plus_ul01_contents span { font-size:12px; color:#ec0000;}
.plus_ul01 li .plus_ul01_bottom { font-family: 'NanumSquareNeoHeavy'; font-size:18px; line-height:1.3;}
/*-------나의강의실--------*/

/*-------나의강의실--------*/
.cyber_title01 { font-family: 'NanumSquareNeoHeavy'; font-size:18px;}
.cyber_top_cont { margin:10px 0 40px 0; padding:20px; background:#f5f5f5; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; font-size:13px;}
.cyber_top_cont .cyber_top_cont_text01 { font-weight:600;}
.cyber_top_cont .cyber_top_cont_text01 span { color:#ce5c00;}
.cyber_top_cont ul { float:left; margin-top:10px; padding-top:10px; border-top:#ccc dashed 1px;}
.cyber_top_cont ul li { list-style:disc; margin:0 15px;}
.cyber_top_cont a { float:right; padding:10px 30px; background:#246096; color:#ffff; text-align:center; border-radius:10px;}
.cyber_top_cont a img { display:block; margin:0 auto;}

.cyber_title02 { font-weight:600;}
.cyber_title02 strong { color:#ce5c00;}
.cyber_title02 span { font-size:13px; background:#777; color:#fff; font-weight:300; padding:5px 10px; margin-left:10px;}

.cyber_ul01 { font-size:0; text-align:center; margin-top:10px; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px;}
.cyber_ul01 li { display:inline-block; vertical-align:top; width:20%; padding:20px 0; border-right:#ddd dashed 1px; margin-left:-1px;}
.cyber_ul01 li:last-child { border-right:none;}
.cyber_ul01 li .cyber_ul_box { padding:10px;}
.cyber_ul01 li .cyber_ul01_title { font-weight:600;}
.cyber_ul01 li .cyber_ul01_check01 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#ce5c00;}
.cyber_ul01 li .cyber_ul01_check02 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#888;}
.cyber_ul01 li .cyber_ul01_check03 { display:inline-block; font-size:13px; padding:0 10px; margin:5px auto; color:#fff; background:#0079ce;}
.cyber_ul01 li .cyber_graphbox { font-weight:600; color:#ec0000;}
.cyber_ul01 li .cyber_graphbox .cyber_graph_inner { width:100%; background:#eee;}
.cyber_ul01 li .cyber_graphbox .cyber_graph_inner .cyber_graph_bar { height:5px; background:#ec0000;}
.cyber_ul01 li .cyber_ul01_btn { display:block; margin:20px 0; padding:5px; border-radius:10px; background:#444; color:#fff;}
.cyber_ul01 li .cyber_ul01_contents { font-size:12px; line-height:1.5; border:#eee solid 1px; background:#fafafa; padding:10px; overflow:hidden; overflow-y:auto; height:100px;}
.cyber_ul01 li .cyber_ul01_contents span { font-size:12px; color:#ec0000;}
.cyber_ul01 li .cyber_ul01_bottom { font-family: 'NanumSquareNeoHeavy'; font-size:18px;}

.cyber_gray_borderbox { border:#ddd solid 1px; background:#fafafa; padding:20px;}
.cyber_point_text { color:#ec0000;}

.cyber_ul02 { margin-bottom:10px;}
.cyber_ul02 li { list-style:decimal; margin:5px 15px;}
.cyber_ul02 li .cyber_ul02_textbox { font-size:13px;}
.cyber_ul02 li .cyber_ul02_textbox strong { font-size:13px; color:#ec0000;}
.cyber_ul02 li .cyber_ul02_textbox label { font-size:13px; display:block;}
.cyber_ul02 li .cyber_ul02_textbox label input { position:relative; right:5px; bottom:-3px;}

.cyber_ul03 { margin-top:10px;}
.cyber_ul03 li { font-size:13px;}
.cyber_ul03 li:first-child { color:#ec0000;}
.cyber_ul03 li button { border:#ddd solid 1px; border-radius:5px; padding:3px 10px; font-size:13px;}
/*-------나의강의실--------*/

/*-----------------------표-----------------------*/
.table_style01 { overflow:hidden; overflow-x:auto; margin:0 0 40px 0;}
.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; border-bottom:#aaa solid 2px; border-top:#aaa solid 2px;}
.table_style01 table tr th { border:#eee solid 1px; background:#222; padding:10px 30px; font-weight:300; font-size:14px; line-height:1.6; vertical-align:middle; color:#fff;}
.table_style01 table tr td { border:#eee solid 1px; padding:15px 10px; font-size:13px; line-height:1.6; vertical-align:middle; text-align:left;}
.table_style01 table tr td strong { display:block; font-size:13px;}
.table_style01 table tr .table_title01 { width:150px; background:#eee; border:#fff solid 1px; font-family: 'NanumSquareNeoHeavy'; font-size:24px; text-align:center;}
.table_style01 table tr .table_title01 span { display:block; font-size:13px;}
.table_style01 table tr .table_title02 { width:50%; background:#0c7ec3; color:#fff;}
.table_style01 table tr .table_title03 { background:#0c7ec3; color:#fff;}
.table_style01 table tr .table_title04 { width:250px; background:#eee; border:#fff solid 1px; font-family: 'NanumSquareNeoHeavy'; font-size:20px;}
.table_style01 table tr .table_title04 span { display:block; font-family: 'NanumSquareNeoHeavy'; font-size:16px; color:#08678a; line-height:1.3; margin-top:10px;}
.table_style01 table tr .table_title05 { background:#eee;}
.table_style01 table tr .table_width120 { width:120px;}
.table_style01 table tr td button { border:#ddd solid 1px; border-radius:5px; padding:8px 10px; font-size:13px;}

.table_style02 { overflow:hidden; overflow-x:auto; margin:0 0 40px 0;}
.table_style02 table { width:100%; border-spacing:0; border-collapse:collapse; border-bottom:#aaa solid 2px; border-top:#aaa solid 2px;}
.table_style02 table tr td { border:#eee solid 1px; padding:0 10px; font-size:13px; vertical-align:middle; text-align:left;}
.table_style02 table tr td .cyber_input { font-family: 'NanumSquareNeo'; height:40px; width:100%; border:#ddd solid 1px; border-radius:5px; padding:10px; font-size:15px; margin:5px 0;}
.table_style02 table tr td .cyber_input_s { font-family: 'NanumSquareNeo'; height:40px; width:50%; border:#ddd solid 1px; border-radius:5px; padding:10px; font-size:15px; margin:5px 0;}
.table_style02 table tr td button { border:#ddd solid 1px; border-radius:5px; padding:8px 10px; font-size:13px;}
.table_style02 table tr td label { font-size:13px; margin-right:10px;}
.table_style02 table tr td textarea { margin:5px 0; height:200px;}

.table_title06 { width:100px; background:#eee; border:#ddd solid 1px; font-weight:900;}
.table_blue { font-weight:900; font-size:13px; color:#009bff;}
.table_red { font-weight:900; font-size:13px; color:#ec0000;}

.table_style01 table tr td input { width:100%; font-size:15px; padding:10px; border:#ddd solid 1px; background:#fafafa; outline:none;}
.table_style01 table tr td label { font-size:13px; margin-right:10px;}
.table_style01 table tr td label input { width:auto;}
.table_style01 table tr td {}

.table_width700 table { min-width:700px;}
/*-----------------------표-----------------------*/

@media screen and (max-width:991px){
	.left_nav { width:100%; height:auto; top:40px; background:none; text-align:center;}
	.left_nav li { display:inline-block; vertical-align:top;}
	.left_nav li ul li a { color:#777; margin:0 10px; padding:0;}
	.left_nav li ul li .nav_on { background:none;}
	.left_nav .left_nav01 { background:none; padding:0 10px;}
	.left_nav .left_nav01 ul li .nav_on { color:#1d8c49;}
	.left_nav .left_nav02 { padding:0;}
	.left_nav .left_nav03 { display:none;}
	
	.plus_right { padding-left:0; padding-top:50px;}
	
	.plus_ul01 li { width:33.33%;}

	.cyber_ul01 li { width:33%;}
}

@media screen and (max-width:767px){	
	.plus_topnav li a { font-size:13px;}
	
	.plus_top_cont a { float:left; margin-top:10px;}
	
	.plus_ul01 li { width:50%; border-bottom:#ccc solid 1px;}

	.cyber_top_cont a { float:left; margin-top:10px;}
	.cyber_ul01 li { width:100%; border-bottom:#ccc solid 1px;}
}