@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;700&display=swap');

/* ÃʱâÈ­ */
html {}
body {margin:0px;padding:0px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;font-style: normal;color:#333;font-size:14px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
input, button {margin:0px;padding:0px;font-family:'Noto Sans KR', sans-serif;font-weight:400; font-style: normal;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {font-size:14px;-webkit-appearance:none}
textarea, select,button {font-size:14px;font-family:'Noto Sans KR', sans-serif;font-weight:400; font-style: normal;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0px;background:none}
p {margin:0px;padding:0px;word-break:break-all}
pre {overflow-x:scroll;}
a {color:inherit;text-decoration:none}
a:visited {color:inherit;text-decoration:none}
a,img,input {selector-dummy: expression(this.hideFocus=true);} 
ul,li,dl,dt,dd{padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
img{margin:0px;padding:0px;}
div {margin:0px;padding:0px;box-sizing:border-box;}

table {border-collapse:collapse;border-spacing:0;width:100%;}
caption {padding:0px 0px;}

* {box-sizing: border-box;}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.png24 {tmp:expression(setPng24(this));}
*{-webkit-text-size-adjust:none}

/* font family name 
font-family: 'NanumSquare', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
*/


body {width:100%;/*max-width:720px;*/margin:0px auto;box-sizing:border-box;}



/* layout */
.t_logo {width:100%;height:40px;float:right;text-align:center;padding-top:8px;z-index:99;}
.t_logo img {width:50%;max-width:160px;margin:0px auto;}

.m_navi {position:absolute;top:40px;left:0px;width:100%;height:40px;margin:0px auto;padding:12px 0px 0px;text-align:center;background:#e03434;font-size:15px;font-family: 'NanumSquare', sans-serif;letter-spacing:-1px;font-weight:bold;color:#fff;overflow:hidden;z-index:97;}
.m_navi li {float:left;width:25%;text-align:center;box-sizing:border-box;}

.footer {background-color:#4c4c4c;clear:both;width:100%;padding:10px 0px;box-sizing:border-box;}
.footer ul {clear:both;width:100%;overflow:hidden;}
.footer ul li {float:left;text-align:center;color:#fff;font-size:14px;letter-spacing:-1px;}
.footer ul li:nth-child(1) {width:18%;}
.footer ul li:nth-child(2) {width:18%;}
.footer ul li:nth-child(3) {width:28%;}
.footer ul li:nth-child(4) {width:18%;}
.footer ul li:nth-child(5) {width:18%;}

.footer2 {background-color:#6d6d6d;width:100%;padding:15px 10px;box-sizing:border-box;overflow:hidden;color:#fff;font-size:13px;line-height:1.2;margin-bottom:70px;}
.footer2 span {float:left;margin-right:10px;padding:3px 0px;display:inline-block;}
.footer2 p {clear:both;float:left;margin-right:10px;padding:3px 0px;display:block;letter-spacing:-1px;}
.footer2 .t1 {margin-top:10px;}

.f_quick {width:100%;background-color:rgba(0,0,0,0.6);padding:10px 10px;box-sizing:border-box;position:fixed;left:0px;bottom:0px;z-index:99}
.f_quick ul {width:100%;clear:both;}
.f_quick ul > li {float:left;background-color:#fff;;height:50px;border-radius:25px;box-sizing:border-box;overflow:hidden;}
.f_quick ul li:nth-child(1) {margin-right:2%;width:53%}
.f_quick ul li:nth-child(1) span {width:46px;height:46px;border-radius:23px;background-color:#4da146;text-align:Center;display:inline-block;margin:2px 0px 0px 2px;}
.f_quick ul li:nth-child(1) span img {width:34px;margin:6px 0px 0px 0px;}
.f_quick ul li:nth-child(2) {margin-left:2%;width:43%}
.f_quick ul li:nth-child(2) span {width:46px;height:46px;border-radius:23px;background-color:#286cc1;text-align:Center;display:inline-block;margin:2px 0px 0px 2px;}
.f_quick ul li:nth-child(2) span img {width:34px;margin:7px 0px 0px 0px;}

.f_quick .txt1 {color:#7b7b7b;font-size:12px;float:left;width:100%;box-sizing:border-box;position:relative;top:-40px;left:55px;}
.f_quick .txt2 {color:#000;font-size:18px;font-weight:bold;float:left;width:100%;box-sizing:border-box;position:relative;top:-40px;left:55px;}
.f_quick .txt3 {color:#000;font-size:16px;font-weight:bold;float:left;width:100%;box-sizing:border-box;position:relative;top:-34px;left:55px;}



/* bbs */
.bbs_page {width:100%;clear:both;margin:20px 0px;text-align:center;letter-spacing:3px;}
.bbs_page img {margin:0px 7px;width:13px;}
.bbs_page span {font-size:12px;color:#ededed;margin:0px 7px;}

.sub_bbs {background:url('../img/sub/subtop_bbs.png') center no-repeat;}

.bbs_tbl01 {width:100%;margin:0px 0px 0px 0px;clear:both;border-top:2px solid #828282;}
.bbs_tbl01 th {padding:10px 7px;text-align:center;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;box-sizing:border-box;}
.bbs_tbl01 th:last-child {border-right:0px;}
.bbs_tbl01 td {padding:10px 7px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;box-sizing:border-box;line-height:1.4}
.bbs_tbl01 td:last-child {border-right:0px;}
.bbs_tbl01 td:nth-child(2) {text-align:left;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.bbs_tbl01 .cont {text-align:left;}
.bbs_tbl01 .cont img {clear:both;width:100%;margin:10px 0px;}

.bbs_form1 {width:27%;float:left;margin-right:2%;height:30px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.bbs_form2 {width:42%;float:left;margin-right:2%;height:30px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.bbs_form3 {width:27%;float:right;height:30px;padding:3px 5px 5px;background-color:#e9e9e9;font-size:14px;margin-bottom:10px;text-align:center;border-radius:5px;border:0px;}
.bbs_form4 {width:100%;height:40px;padding:3px 5px 5px;border:1px solid #ddd;font-size:14px;}
.bbs_form5 {width:100%;height:150px;padding:3px 5px 5px;border:1px solid #ddd;font-size:14px;}

.new {display:inline-block;padding:3px 3px;border-radius:4px 4px;background-color:#d52c3d;color:#fff;font-weight:300;font-size:12px;margin:0px 0px 0px 10px;line-height:0.8;}
.file {display:inline-block;width:13px;position:relative;top:2px;left:7px;}
.notice {padding:3px 5px 4px;background:#e03434;text-align:center;font-size:12px;border-radius:5px;color:#fff;margin-right:8px;display:inline-block;}
.del {width:62px;height:22px;border-radius:11px;padding:1px 0px 0px 25px;;color:#fff;display:inline-block;margin-left:10px;text-align:left;background:#222 url(../img/bbs/del.png) no-repeat 3px 3px;background-size:16px;box-sizing:border-box;}

.bbbs_btn01 {width:100%;height:40px;padding:10px 10px 0px;background:#e03434;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin:20px 0px;display:inline-block;}
.bbbs_btn02 {width:30%;height:35px;float:right;padding:8px 10px 0px;background:#ededed;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#333;margin:20px 0px 35px;display:inline-block;}
.bbbs_btn03 {width:30%;height:35px;float:left;padding:8px 10px 0px;background:#7d7d7d;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#fff;margin:20px 0px 35px;display:inline-block;}
.bbbs_btn04 {width:30%;height:35px;float:right;padding:8px 10px 0px;background:#5a9be7;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#fff;margin:20px 0px 35px;display:inline-block;}
.bbbs_btn05 {width:25%;height:35px;float:right;padding:8px 10px 0px;background:#a1aaae;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#fff;margin:20px 0px 35px 10px;display:inline-block;}
.bbbs_btn06 {width:25%;height:35px;float:right;padding:8px 10px 0px;background:#5a9be7;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#fff;margin:20px 0px 35px 10px;display:inline-block;}

.bbs_faq {clear:both;width:100%;overflow:hidden;border-top:2px;border-top:2px solid #828282;}
.bbs_faq li {width:100%;clear:both;padding:7px 45px;line-height:1.4;border-bottom:1px solid #ddd;min-height:44px;}
.bbs_faq li:nth-child(odd) {background:url('../img/bbs/q.png') no-repeat 5px 10px;}
.bbs_faq li:nth-child(even) {background:url('../img/bbs/a.png') no-repeat 5px 10px;background-color:#f8f8f8;}

.bbs_re {width:17px;margin-right:5px;display:inline-block;}


/* main */
.main_img {width:100%;overflow:hidden;margin-top:80px;}
.main_img img {width:100%;}

.license {width:100%;padding:25px 20px 15px;overflow:hidden;background-color:#3a3a3a;color:#fff;box-sizing:border-box;margin-top:-5px;}
.license li {float:left;width:65%}
.license li:nth-child(1) {float:left;width:35%}
.license li:nth-child(1) img {width:75%;max-width:189px;}
.license li:nth-child(2) img {width:80%;max-width:296px;}
.license p {width:100%;margin-top:2%;display:block;font-size:14px;line-height:1.4;overflow:hidden;margin-top:10px;}
.license span {color:#ffe43d;font-weight:700;}

.best {clear:both;width:100%;overflow:hidden;background-color:#e8e8e8;padding:25px 15px 20px;}
.best .column {width:100%;background-color:#fff;border-radius:10px;border:1px solid #c5636d;box-shadow:2px 2px 4px rgba(0,0,0,0.2);padding:15px 0px 5px;margin-bottom:15px;}
.best .column h1 {width:60%;border-radius:0px 21px 21px 0px;background-color:#d52c3d;padding:5px 0px 9px 30px;box-sizing:border-box;color:#fff;font-size:18px;overflow:hidden;margin:0px 0px 20px 0px;font-weight:700;}
.best .column h1 span {font-weight:300;}
.best .column ul {width:95%;margin:0px auto;overflow:hidden;clear:both;}
.best .column ul li {float:left;width:48%;height:42px;padding:11px 10px 0px;text-align:center;font-size:15px;font-weight:700;background-color:#e8e8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;letter-spacing:-1px;}
.best .column ul li:nth-child(odd) {margin-right:2%}
.best .column ul li:nth-child(even) {margin-left:2%}

.best .column2 {width:100%;background-color:#fff;border-radius:10px;border:2px solid #cecece;/*box-shadow : 2px 2px 4px rgba(0,0,0,0.2);*/padding:15px 10px;margin-bottom:15px;}
.best .column2 h1 {width:100%;font-size:20px;overflow:hidden;margin:0px 0px 10px 0px;font-weight:700;}
.best .column2 h1 img {float:right;width:30px;position:relative;top:7px;z-index:1;}
.best .column2 ul {width:100%;}
.best .column2 li {clear:both;width:98%;height:30px;padding:7px 0px 0px 20px;background:url(../img/main/notice_dot.png) no-repeat 0px 13px ;margin-left:2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.best .column2 p {display:inline-block;padding:3px 3px;border-radius:4px 4px;background-color:#d52c3d;color:#fff;font-weight:300;font-size:12px;margin:0px 0px 0px 10px;line-height:0.8;}

.best .column3 {float:left;width:49%;height:165px;margin-right:1%;background-color:#fff;border-radius:10px;border:2px solid #cecece;padding:15px 10px 10px;}
.best .column3 h1 {width:100%;font-size:18px;overflow:hidden;margin:0px 0px 10px 0px;font-weight:700;}
.best .column3 h1 img {float:right;width:30px;position:relative;top:3px;z-index:1;}
.best .column3 ul {width:100%;}
.best .column3 li {clear:both;width:100%;padding:5px 0px;overflow:hidden;}
.best .column3 li:nth-child(1) {color:#d52c3d;font-size:21px;font-weight:bold;font-family: 'NanumSquare', sans-serif;letter-spacing:-1px;}
.best .column3 li:nth-child(2){color:#959595;font-size:13px;line-height:1.4;letter-spacing:-1px;}
.best .column3 li p {display:inline-block;margin-right:10px;}

.best .column4 {float:right;width:49%;;height:165px;margin-left:1%;background-color:#fff;border-radius:10px;border:2px solid #cecece;padding:15px 10px 10px;}
.best .column4 h1 {width:100%;font-size:18px;overflow:hidden;margin:0px 0px 10px 0px;font-weight:700;}
.best .column4 h1 img {float:right;width:30px;position:relative;top:3px;z-index:1;}
.best .column4 ul {width:100%;}
.best .column4 li {clear:both;width:100%;padding:5px 0px;overflow:hidden;}
.best .column4 dl {clear:both;width:100%;overflow:hidden}
.best .column4 dt {clear:both;float:left;width:40%;font-size:16px;color:#959595;}
.best .column4 dd {float:left;width:60%;}
.best .column4 div {clear:both;width:100%;margin-bottom:13px;font-size:18px;letter-spacing:-1px;margin-top:20px;}
.best .column4 div img {width:90%;max-width:74px;display:block;margin-bottom:7px;}


/* sub */

/* sub °øÅë */
.sub_top {width:100%;height:150px;background-color:#e03434;padding:20px 20px;color:#fff;}

.sub_top {clear:both;width:100%;height:120px;/*background-color:#e03434;*/padding:50px 20px 0px;color:#fff;margin-top:80px;}
.sub_top > h1 {float:left;font-family: 'NanumSquare', sans-serif;font-size:26px;float:left;display:inline-block;font-weight:700;margin-top:-10px;}
.sub_top > h2 {float:left;font-family: 'NanumSquare', sans-serif;font-size:14px;float:left;display:inline-block;color:rgba(255,255,255,0.5);margin-left:20px;}

.sub_warp {width:100%;background-color:#fff;border-radius:15px 15px 0px 0px;padding:15px 15px;position:relative;top:-17px;left:0px;box-sizing:border-box;}
.sub_tit {width:100%;clear:both;font-size:18px;font-weight:700;margin:5px 0px 40px;}
.sub_tit span {float:right;font-size:12px;color:#6c6c6c;display:inline-block;font-weight:300;padding-top:3px;}

.tit01 {width:100%;clear:both;overflow:hidden;padding:0px 0px 3px 10px;margin:10px 0px;line-height:1.0;border-left:4px solid #e03434;font-size:16px;font-weight:bold;overflow:hidden;}

.tbl01 {width:100%;margin:0px 0px 35px 0px;clear:both;border-top:2px solid #828282;}
.tbl01 th {padding:10px 7px;text-align:center;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;font-size:14px;}
.tbl01 td {padding:10px 7px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;font-size:14px;}

.tbl02 {width:100%;margin:0px 0px 35px 0px;clear:both;border-top:2px solid #828282;}
.tbl02 th {padding:10px 7px;text-align:center;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;}
.tbl02 th:last-child {border-right:0px;}
.tbl02 td {padding:10px 7px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;}
.tbl02 td:last-child {border-right:0px;}

.tbl03 {width:100%;margin:0px 0px 35px 0px;clear:both;border-top:2px solid #828282;}
.tbl03 th {padding:10px 7px;text-align:center;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;}
.tbl03 th:last-child {border-right:0px;}
.tbl03 td {padding:10px 7px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;}
.tbl03 td:last-child {border-right:0px;}
.tbl03 td:nth-child(1) {text-align:left;}
.tbl03 td:nth-child(1) b {margin-right:7px;}

.btn01 {float:left;width:48%;height:42px;padding:10px 10px;background:#ededed;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;margin-bottom:30px;}
.btn02 {float:right;width:48%;height:42px;padding:10px 10px;background:#d52c3d;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:30px;}
.btn03 {clear:both;width:100%;height:42px;padding:10px 10px;background:#d52c3d;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:30px;}
.btn04 {clear:both;width:100%;height:42px;padding:10px 10px;background:#c5c5c5;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:30px;}
.btn05 {clear:both;width:100%;height:42px;padding:10px 10px;background:#3485e0;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:30px;}

.red_b {color:#e03434;font-weight:bold;font-size:18px;}

.sub_txt1 {clear:both;width:100%;border:1px solid #ddd;padding:10px 15px;font-size:12px;background-color:#f8f8f8;margin-bottom:10px;line-height:1.4}

.sub_hr1 {border:0px;height:40px;clear:both;overflow:hidden;width:100%;}



/* sub login */
.sub_login {background:url('../img/sub/subtop_login.png') center no-repeat;}

.s_log_warp {width:95%;margin:0px auto;border-radius:15px 15px;border:1px solid #d9d9d9;padding:15px 20px;overflow:hidden;}
.s_log_warp img {width:20%;max-width:89px;margin:0px auto 20px;display:block;}
.s_log_warp span {clear:both;display:block;margin-bottom:20px;text-align:center;width:100%;font-size:12px;color:#bdbdbd;}

.log_form01 {width:100%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;margin:5px 0px;}
.log_form02 {width:100%;height:180px;padding:7px 7px;border:1px solid #ddd;margin:0px 0px 10px 0px;font-size:14px;line-height:1.6}
.log_form03 {width:15px;height:15px;border:1px solid #ddd;margin:0px 5px;}

.log_btn {width:100%;background-color:#e03434;text-align:center;color:#fff;font-weight:700;clear:both;padding:10px 0px 12px;display:block;overflow:hidden;margin:10px 0px;}
.log_btn1 {float:left;width:49%;background-color:#c5c5c5;text-align:center;color:#fff;font-weight:700;padding:7px 0px 8px;display:inline-block;overflow:hidden;margin:0px 1% 0px 0px;font-size:12px;}
.log_btn2 {float:left;width:49%;background-color:#c5c5c5;text-align:center;color:#fff;font-weight:700;padding:7px 0px 8px;display:inline-block;overflow:hidden;margin:0px 0px 0px 1%;font-size:12px;}

.s_log_find1 {float:left;width:49%;height:40px;border-radius:20px;background-color:#c5c5c5;text-align:center;color:#fff;font-weight:700;padding-top:11px;display:inline-block;overflow:hidden;margin:0px 1% 0px 0px;font-size:14px;margin-bottom:20px;}
.s_log_find2 {float:left;width:49%;height:40px;border-radius:20px;background-color:#c5c5c5;text-align:center;color:#fff;font-weight:700;padding-top:11px;display:inline-block;overflow:hidden;margin:0px 0px 0px 1%;font-size:14px;margin-bottom:20px;}
.s_log_on {background-color:#fff;border:2px solid #e03434;color:#e03434;font-size:16px;padding-top:7px;}

.s_log_id {clear:both;width:100%;overflow:hidden;color:#989898;text-align:center;margin:20px 0px;display:block;}
.s_log_id b {color:#222;}

.join_tit01 {width:100%;clear:both;overflow:hidden;padding:0px 0px 0px 10px;margin-bottom:10px;line-height:1.0;border-left:4px solid #e03434;font-size:16px;font-weight:bold;}

.join_txt01 {width:100%;text-align:right;color:#949494;margin-bottom:40px;}
.join_txt01 b {color:#e03434;font-weight:normal;}
.join_txt02 {width:100%;text-align:right;color:#949494;margin-bottom:10px;}

.join_form01 {float:left;width:75%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form02 {float:left;width:100%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form03 {clear:both;float:left;width:45%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form04 {float:right;width:45%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form05 {float:left;width:30%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form06 {clear:both;float:left;width:60%;height:40px;padding:3px 0px 3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:5px;}
.join_form07 {float:left;width:10px;height:10px;border:1px solid #ddd;margin-top:5px;margin-bottom:5px;margin-right:10px;}

.join_txt1 {clear:both;width:100%;border:1px solid #ddd;padding:10px 15px;font-size:12px;background-color:#f8f8f8;margin-bottom:5px;}
.join_txt2 {height:40px;text-align:center;margin:0px 0px 0px 4.0%;font-size:16px;line-height:2.0;}
.join_txt3 {width:5%;height:40px;text-align:center;margin:0px 0;font-size:16px;line-height:2.0;float:left}
.join_txt4 {clear:both;display:inline-block;width:10%;height:40px;text-align:center;margin:0px 0px;font-size:16px;line-height:2.0;}
.join_txt5 {float:left;display:inline-block;width:40%;overflow:hidden;font-size:14px;margin-bottom:5px;}


.join_btn1 {float:left;width:22%;height:40px;font-size:14px;margin-left:3%;margin-bottom:5px;background-color:#e8e8e8;border-radius:5px;text-align:center;padding:10px 0px 0px;}
.join_btn2 {float:left;width:37%;height:40px;font-size:14px;margin-left:3%;margin-bottom:5px;background-color:#e8e8e8;border-radius:5px;text-align:center;padding:10px 0px 0px;}

.join_hr {display:block;height:5px;clear:both;border:0px}



/* sub ¼ö°­½Åû */
.sub_lec {background:url('../img/sub/subtop_list.png') center no-repeat;}

#tab_bbs_r {width:100%;list-style:none;margin:15px auto;overflow:hidden;}
#tab_bbs_r>li {float:left;width:19%;height:40px;padding:10px 5px 0px 5px;cursor:pointer;text-align:center;font-size:14px;font-weight:normal;margin-right:1%;background-color:#e8e8e8;border-radius:5px;}
#tab_bbs_r>li.on {border:1px solid #d52c3d;color:#d52c3d;background-color:#fff;font-weight:bold;}
#tab_bbs_r>li:last-child {margin-right:0px;}
#tab_bbs_contents_r {clear:both;width:100%;padding:10px 0;}
#tab_bbs_contents_r>li {display:none}
#tab_bbs_contents_r>li:first-child {display:block;}

#tab_bbs_v {width:100%;list-style:none;margin:15px auto;overflow:hidden;}
#tab_bbs_v>li {float:left;width:32%;height:40px;padding:10px 5px 0px 5px;cursor:pointer;text-align:center;font-size:14px;font-weight:normal;margin-right:1%;margin-bottom:7px;background-color:#e8e8e8;border-radius:5px;}
#tab_bbs_v>li.on {border:1px solid #d52c3d;color:#d52c3d;background-color:#fff;font-weight:bold;}
#tab_bbs_v>li:last-child {margin-right:0px;}
#tab_bbs_contents_v {clear:both;width:100%;padding:10px 0;}
#tab_bbs_contents_v>li {display:none}
#tab_bbs_contents_v>li:first-child {display:block;}

.lec_list {width:100%;clear:both;border-top:4px solid #ededed;}
.lec_list li {clear:both;width:100%;border-bottom:4px solid #ededed;padding:25px 0px;overflow:hidden;}
.lec_list dl {width:100%;clear:both;margin-bottom:15px;overflow:hidden;padding:0px;}
.lec_list dt {float:left;width:40%;}
.lec_list dt img {width:90%;max-width:250px;}
.lec_list dd {float:left;width:60%;padding:0px;}
.lec_list dd > h1 {font-size:17px;font-weight:700;line-height:1.2;margin-top:1px;height:40px;}
.lec_list dd > h2 {font-size:14px;font-weight:300;color:#828282;}
.lec_list dd > h2 span {color:#e03434;font-weight:700;}
.lec_list .btn1 {float:left;width:48%;height:32px;padding:7px 0px 0px 20px;background:#ededed url('../img/sub/lec_icon01.png') no-repeat 20px 7px;background-size: 20px auto;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:bold}
.lec_list .btn2 {float:right;width:48%;height:32px;padding:7px 0px 0px 15px;background:#ededed url('../img/sub/lec_icon02.png') no-repeat 15px 7px;background-size: 20px auto;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:bold}

.lec_view {width:100%;clear:both;border-top:2px solid #434343;}
.lec_view > img {width:100%;}
.lec_view .tit1 {width:100%;clear:both;background-color:#e8e8e8;font-size:18px;font-weight:700;padding:7px 10px 8px;text-align:center;margin:10px 0px;}
.lec_view dl {width:100%;clear:both;margin-top:15px;}
.lec_view dl > dt {width:30%;float:left;clear:both;padding:7px 0px 15px 20px;background:url('../img/sub/dot_1.png') no-repeat 3px 11px;overflow:hidden;font-weight:700;}
.lec_view dl > dd {width:70%;float:left;padding:7px 10px 15px;overflow:hidden;line-height:1.4;}
.lec_view dl > dd span {margin:0px 5px;font-size:10px;color:#e8e8e8;}
.lec_view dl > hr {width:100%;clear:both;border:0px;height:1px;background:#e4e4e4;overflow:hidden;display:block;margin:10px 0px;}
.lec_view dl .pay {color:#d52c3d;font-weight:700;font-size:16px;padding-top:4px;}
.lec_view .txt1 {width:100%;clear:both;background-color:#f4f4f4;padding:15px 15px;line-height:1.4;margin-bottom:25px;}
.lec_view .txt2 {width:100%;clear:both;padding:15px 0px;line-height:1.6;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0px 0px 35px 0px;}


.lec_view .btn1 {float:left;width:48%;height:42px;padding:10px 0px 0px 20px;background:#ededed url('../img/sub/lec_icon01.png') no-repeat 20px 10px;background-size:25px auto;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;margin-bottom:30px;}
.lec_view .btn2 {float:right;width:48%;height:42px;padding:10px 0px 0px 15px;background:#d52c3d url('../img/sub/lec_icon03.png') no-repeat 20px 10px;background-size:25px auto;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:30px;}
.lec_view_btn3 {float:left;width:48%;height:42px;padding:10px 0px 0px 0px;background:#ededed;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;margin-bottom:15px;}
.lec_view_btn4 {float:right;width:48%;height:42px;padding:10px 0px 0px 0px;background:#d52c3d;text-align:center;font-size:16px;border-radius:7px 7px;font-weight:bold;color:#fff;margin-bottom:15px;}

.lec_view .dr {width:100%;clear:both;padding:0px 0px;line-height:1.6;margin-bottom:15px;overflow:hidden;}
.lec_view .dr li {float:left;width:60%;}
.lec_view .dr li:nth-child(1) {width:40%;}
.lec_view .dr li:nth-child(1) img {width:90%;}

.lec_view_tbl {width:100%;margin:0px 0px 35px 0px;clear:both;border-top:2px solid #828282;}
.lec_view_tbl th {padding:10px 10px;text-align:center;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;font-size:14px;}
.lec_view_tbl td {padding:10px 10px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;font-size:14px;}

.lec_list_form1 {width:100%;height:40px;padding:3px 0px 0px 5px;border:1px solid #ddd;font-size:14px;}



/* sub mypage */
.sub_my {background:url('../img/sub/subtop_my.png') center no-repeat;}

.my_list_tap {width:100%;clear:both;overflow:hidden;margin-bottom:30px;}
.my_list_tap li {padding-top:10px;text-align:Center;background-color:#f8f8f8;border:1px solid #ddd;width:50%;height:40px;}
.my_list_tap li:nth-child(1) {float:left;}
.my_list_tap li:nth-child(2) {float:right;}
.my_list_tap .on {background-color:#d03737;border:1px solid #d03737;color:#fff;font-weight:700;}

.my_btn1 {display:inline-block;height:26px;padding:6px 7px 7px;background-color:#555;text-align:center;color:#fff;font-size:12px;border-radius:4px;margin:3px 3px;}
.my_btn2 {display:inline-block;height:26px;padding:4px 7px 7px;background-color:#0081db;text-align:center;color:#fff;font-weight:bold;font-size:14px;border-radius:4px;;margin:3px 3px;}
.my_btn3 {width:100%;padding:4px 7px 5px;background-color:#50a3d7;text-align:center;color:#fff;font-size:12px;border-radius:4px;}
.my_btn4 {display:inline-block;padding:4px 7px 5px;background-color:#f2f2f2;text-align:center;color:#333;font-size:12px;border-radius:4px;margin:3px 3px;}
.my_btn5 {display:inline-block;padding:4px 7px 5px;background-color:#8bc2f0;text-align:center;color:#333;font-size:12px;border-radius:4px;margin:3px 3px;}
.my_btn6 {display:inline-block;padding:4px 7px 5px;background-color:#f0f0f0;text-align:center;color:#333;font-size:12px;border-radius:4px;margin:3px 3px;}


@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
.my_exam_tit {width:100%;height:40px;clear:both;padding:9px 20px 0px 55px;font-weight:400;font-size:18px;background:#c5c5c5 url('../img/sub/exam_tit.png') no-repeat 20px 5px;background-size:auto 30px;border-radius:5px;margin-bottom:15px;}
.my_exam_tit span {float:right;background:url('../img/sub/exam_img01.png') no-repeat 0px 2px;background-size:auto 18px;color:#fffd2d;text-align:right;padding-left:25px;line-height:1.0;height:30px;}
.my_exam1 {width:100%;clear:both;overflow:hidden;padding:10px 0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:10px;}
.my_exam1 dt {clear:both;float:left;width:15%;font-size:20px;font-weight:700;font-family: 'Jua', sans-serif;color:#000;padding:7px 10px;}
.my_exam1 dd {float:left;width:85%;font-family: 'Nanum Gothic', sans-serif;padding:7px 10px;line-height:1.4;}

.my_exam2 {clear:both;width:100%;padding:10px 20px;border:1px solid #e03434;color:#e03434;font-weight:bold;text-align:center;margin-bottom:15px;}

.my_exam3 {clear:both;width:100%;padding:10px 20px;border:1px solid #ddd;text-align:center;margin-bottom:35px;}

.my_exam4 {clear:both;width:100%;padding:10px 10px;border:1px solid #ddd;text-align:center;margin-bottom:35px;border-radius:7px;overflow:hidden;position:relative;}
.my_exam4 .num {font-family: 'Jua', sans-serif;background:#333;color:#fff;width:26px;height:26px;border-radius:13px;float:left;clear:both;text-align:center;margin:0px 10px 10px 0px;font-weight:700;padding-top:5px;}
.my_exam4 .quiz {clear:both;float:left;width:100%;line-height:1.4;text-align:left;}
.my_exam4 .quiz span {margin-left:10px;border:1px solid #ddd;padding:0px 5px 1px;font-size:12px;border-radius:2px;line-height:1.0;}
.my_exam4 p {clear:both;font-weight:bold;font-size:12px;height:26px;padding:7px 10px;border-radius:13px;background-color:#e03434;color:#fff;text-align:center;display:inline-block;position:absolute;top:10px;left:50px;}
.my_exam4 hr {clear:both;width:100%;height:1px;border-bottom:1px dotted #ddd;border-top:none;border-right:none;border-left:none;overflow:hidden;padding-top:20px;}
.my_exam4 dl {width:100%;clear:both;overflow:hidden;margin-top:20px;}
.my_exam4 dt {float:left;width:10%;clear:both;margin-bottom:10px;padding-top:1px;text-align:left;position:relative;padding-left:10px;}
.my_exam4 dd {float:left;width:90%;line-height:1.4;text-align:left;margin-bottom:10px;}
.my_exam4 .ok {/*color:#346de0;*/color:#4f7d32;font-weight:bold;}
.my_exam4 .no {color:#e03434;}
.my_exam4 .tip {width:100%;color:#4f7d32;clear:both;/*background-color:#f6faf4;*/border:1px solid #5eb12c;padding:10px 15px;border-radius:7px;line-height:1.4;text-align:left;margin-top:10px;}
.my_exam4 .tip span {clear:both;display:block;background-color:#5eb12c;color:#fff;width:100%;height:24px;text-align:center;font-weight:bold;border-radius:12px;padding:4px 10px;margin:0px 0px 10px;font-size:12px;}
.my_exam4 .right {position:absolute;top:0px;left:2px;z-index:9;display:inline-block;width:42px;height:44px;background:url('../img/sub/exam_right.png') no-repeat 0px 0px;font-size:0px;opacity : 0.8;}
.my_exam4 .wrong {position:absolute;top:0px;left:2px;z-index:9;display:inline-block;width:42px;height:44px;background:url('../img/sub/exam_wrong.png') no-repeat 0px 0px;font-size:0px;opacity : 0.8;}
.my_exam4 .check {position:absolute;top:-6px;left:10px;z-index:9;display:inline-block;width:20px;height:21px;background:url('../img/sub/exam_check.png') no-repeat 0px 0px;background-size:22px;font-size:0px;}
.my_exam4 .subjec {clear:both;width:100%;overflow:hidden;line-height:1.6;text-align:left;margin:15px 0px;}
.my_exam4 .subjec .my {width:60px;height:24px;border-radius:12px;text-align:center;background-color:#f0f0f0;font-size:12px;margin-bottom:10px;display:block;padding-top:3px;}
.my_exam4 .teacher {clear:both;width:100%;margin-top:15px;overflow:hidden;background-color:#f2f2f2;border-radius:10px;padding:10px 15px;text-align:left;line-height:1.4;}
.my_exam4 .teacher .t_tit {clear:both;float:left;font-size:12px;background-color:#30a7d7;height:20px;border-radius:10px;padding:2px 10px;color:#fff;font-weight:bold;margin-right:15px;display:inline-block;}
.my_exam4 .teacher .score {float:left;font-size:12px;height:20px;padding:2px 10px;background-color:#e95b51;color:#fff;border-radius:10px;font-weight:bold;display:block;}
.my_exam4 .teacher .hv {clear:both;width:100%;height:10px;font-size:0px;}

.my_form1 {width:100%;height:40px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.my_form2 {width:32%;float:left;margin-right:2%;height:40px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.my_form3 {width:32%;float:left;margin-right:0%;height:40px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.my_form4 {width:100%;height:100px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.my_form5 {width:100%;height:150px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin:10px 0px 30px;}
.my_form6 {width:100%;height:150px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin:10px 0px 0px;}


.my_student01 {width:100%;clear:both;border-top:1px solid #ddd;border-left:1px solid #ddd;overflow:hidden;}
.my_student01 li {float:left;width:50%;text-align:center;padding:8px 10px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.my_student01 li:nth-child(1) {font-weight:bold;background-color:#f8f8f8;}

.my_student02 {width:100%;clear:both;border-top:1px solid #ddd;border-left:1px solid #ddd;overflow:hidden;}
.my_student02 li {clear:both;width:100%;text-align:center;padding:8px 10px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.my_student02 li:nth-child(1) {font-weight:bold;background-color:#f8f8f8;}

.my_sece {display:inline-block;margin:5px 15px 5px 0px;}

/* company */
.sub_com {background:url('../img/sub/subtop_com.png') center no-repeat;}

.com_tit {width:100%;clear:both;font-size:15px;margin-bottom:20px;background-color:#f0f0f0;padding:10px 15px;line-height:1.4;margin-top:25px;}
.com_txt {width:100%;clear:both;overflow:hidden;line-height:1.6;padding:0px 10px;}

.com_add {clear:both;width:100%;overflow:hidden;border-top:2px solid #828282;border-bottom:1px solid #ddd;margin-top:20px;}
.com_add dt {clear:both;float:left;width:20%;text-align:center;font-weight:bold;padding:7px 10px 9px;}
.com_add dd {float:left;width:80%;padding:7px 10px 9px;}


/* °­ÀǺ¸±â */
.my_avi {width:100%;clear:both;margin-bottom:10px;background-color:#f2f2f2;display:inline-block;}
.my_avi_txt {clear:both;width:100%;padding:10px 15px;background:#f2f2f2;text-align:center;overflow:hidden;display:inline-block;margin:15px 0px 10px;border-radius:7px;line-height:1.6;}
.my_avi_txt span {font-weight:bold;color:#0071db}
.my_avi_page {clear:both;width:100%;display:inline-block;}
.my_avi_page li {float:left;width:62%;height:32px;padding:7px 10px;border-radius:7px;margin-right:3%;background-color:#f2f2f2;}
.my_avi_page li:nth-child(2) {float:left;width:35%;margin-right:0px;padding-left:25px;text-align:center;background:#0071db url('../img/sub/icon_x.png') no-repeat 10% 7px;background-size:18px;color:#fff;}
.my_avi_page li img {margin:3px 5px 0px;width:13px;display:inline-block;}
.my_avi_page li span {margin:0px 7px;font-weight:bold;line-height:0.7;padding:1px 0px;display:inline-block;font-family: 'Jua', sans-serif;}