@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%; margin:0px auto;box-sizing:border-box;}
body.menu_open{overflow-y:hidden; z-index:100000;}

.back_btn{background:none; margin-right:7px; font-size:16px; border:0px;  float:left; overflow:hidden; margin-top:2px;}


#hamburger {width: 100%; height:100%; position: relative;  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#hamburger span {display: block;position: absolute;height: 3px;width: 100%;background: #666564;border-radius: 9px;opacity: 1; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#hamburger span:nth-child(1) {top: 10px;}
#hamburger span:nth-child(2) {top: 19px;}
#hamburger span:nth-child(3) {top: 28px;}
#hamburger.open span:nth-child(1) {top: 20px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#hamburger.open span:nth-child(2) {opacity: 0;left: -30px;}
#hamburger.open span:nth-child(3) {top: 20px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}


.navbar {width: 100%;background-color: #fff;border: thin solid #d9d9d9; z-index: 1;font-family: 'Nanum Gothic', sans-serif; text-align:center; box-sizing:border-box; padding:0px 20px;
position:relative;}
.navbar .logo {float: right;font-weight: 800;padding: 5px;margin: 10px;}
.sitenavigation{ display:block;   background:#fff; position:absolute; top:0; left:0; box-sizing:border-box; padding:0px 10px;}
.navbar .menu-icon {  cursor: pointer; height:40px;width:30px;  display:block;}
.navbar .sitenavigation ul {display: none;max-width: none !important;}
.navbar .sitenavigation li {float: none;display: block;margin: 0;padding: 0;}
.navbar .sitenavigation.is-tapped{width:100%; height:100%; }
.sub_menu{display:none;position: absolute;margin: 0;left: 0; top:40px; z-index: 100;padding: 0; width: 100%; height:100%; background:#fff;}
.sub_menu.open{display:block;}
.sub_menu .sub_menu_inner{width:100%; overflow:hidden;  box-sizing:border-box; padding:10px; }
.sub_menu li.nav-dropdown p {width: 100%;  font-weight: 600; color: #758283; font-size:18px; box-sizing:border-box; padding:15px 10px; position:relative; cursor:pointer;}
.sub_menu li.nav-dropdown p:after {content: "\f107";font-family: FontAwesome;position: absolute;color:#758283;display: block; right: 10px;font-size: 20px;font-weight: 700;
top:50%; transform:translateY(-50%);}
.sub_menu li.nav-dropdown p.on:after {content: "\f106";font-family: FontAwesome;position: absolute;color:#FF7700;display: block; right: 10px;font-size: 20px;font-weight: 700;
top:50%; transform:translateY(-50%);}

.sub_menu li.nav-dropdown p.on{color:#FF7700; border-bottom:2px solid #FF7700; border-top:2px solid #FF7700;}

.sub_menu li {width: 100%}
.sub_menu li.nav-dropdown ul { width: 100%;z-index: 200;border: none;margin-left: 0;padding: 0;position: relative !important; display:none;}
.sub_menu ul li { }
.sub_menu ul li li a {padding: 10px 20px;font-size:0.875rem;font-weight:normal; box-sizing:border-box; width:100%; height:100%; display:block;  border-bottom:1px dotted #aaa; color:#666;}

/* layout */
.t_logo { height:40px; line-height:40px; text-align:center; display:inline-block; z-index:99;margin:0px auto; }
.t_logo a{width:100%; height:100%; display:block;}
.t_logo img {width: ;max-width:160px; vertical-align: middle;}

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

.footer {background-color:#f5f5f5;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:#6D6C6B;font-size:14px;letter-spacing:-1px;}
.footer ul li:nth-child(1) {width:25%;}
.footer ul li:nth-child(2) {width:25%;}
.footer ul li:nth-child(3) {width:25%;}
.footer ul li:nth-child(4) {width:25%;}
.footer ul li.color a{color: #EDA900; font-weight:600;}

.footer2 {background-color:#fff;width:100%;padding:20px;box-sizing:border-box;overflow:hidden; font-size:11px;line-height:1.2;
box-sizing: border-box;	padding-bottom: 85px; text-align:center; color:#999;}
.footer2 span { margin-right:10px;padding:3px 0px;display:inline-block;}
.footer2 p {clear:both; margin-right:10px;padding:3px 0px;display:block;letter-spacing:-1px;}
.footer2 .t1 {    display: inline-block;  margin-top: 5px; font-weight: bold;  color: #777;  font-size: 10px;letter-spacing: -1px;}

.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; border-radius:25px;box-sizing:border-box;overflow:hidden;}
.f_quick ul > li a{box-sizing:border-box; padding:5px; width:100%; height:100%; display: block;overflow:hidden; display:flex; flex-wrap: nowrap; justify-content: flex-start;
align-items: center;}
 
.f_quick ul li:nth-child(1) {margin-right:2%;width:55%}
.f_quick ul li:nth-child(1) span {border-radius:100%;background-color:#EDA900;text-align:center; display:inline-block; margin-right:5px; float:left; box-sizing:border-box; padding:10px;}
.f_quick ul li:nth-child(1) span img {width:25px; vertical-align:middle;}
.f_quick ul li:nth-child(2) { width: 43%; float:right;}
.f_quick ul li:nth-child(2) span {border-radius:100%;background-color:#6D6C6B;text-align:Center;display:inline-block; margin-right:5px; float:left; box-sizing:border-box; padding:10px;}
.f_quick ul li:nth-child(2) span img {width:25px;vertical-align:middle;}

.f_quick .text{overflow:hidden;}
.f_quick .txt1 {color:#7b7b7b;font-size:12px;  }
.f_quick .txt2 {color:#000;font-size:16px;font-weight:bold;   word-break:break-all;   }
.f_quick .txt3 {color:#000;font-size:16px;font-weight:bold;  }



/* 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')  no-repeat center/cover;;}

.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; line-height:1.6;}
.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: 49%;float:left;margin-right:2%;height:30px;padding:3px 5px;border:1px solid #ddd;font-size:14px;margin-bottom:10px;}
.bbs_form3 {width:20%;float:right;height:30px;padding:3px 5px 5px;background-color:#666463;font-size:14px;margin-bottom:10px;text-align:center;border-radius:5px;border:0px; color:#fff;}
.bbs_form4 {width:100%; 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:#F5A100;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:#F5A100;text-align:center;font-size:12px;border-radius:5px;color:#fff; display:inline-block; margin-right:10px;}
.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:#fff;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#333;
 border:1px solid #333; margin:20px 0px 35px;display:inline-block;}
.bbbs_btn03 {width:30%;height:35px; padding:8px 10px 0px;background:#fff;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#333;margin:20px auto 0px; 
border:1px solid #333; }
.bbbs_btn03-2{margin:20px 0px; display:inline-block; float:left;}
.bbbs_btn04 {float:right; width:30%;height:35px;padding:8px 10px 0px;background:#666463;text-align:center;font-size:14px;border-radius:7px 7px;font-weight:normal;color:#fff;margin:20px auto 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 20px 7px 45px;line-height:1.6;border-bottom:1px solid #ddd; line-height:30px; position:relative;}
.bbs_faq li:nth-child(odd):after{position: absolute; top: 5px;left: 10px; content: "Q.";   color: #077c62; font-size: 17px;font-weight: 500;}
.bbs_faq li:nth-child(even):after{position: absolute; top: 5px;left:15px;  content: "A.";   color: #000; font-size: 17px;font-weight: 500;}
.bbs_faq li:nth-child(even){background: #f5f5f5;}

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


/* main */
.main_img {width:100%;overflow:hidden; }
.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 .columnBox{box-sizing:border-box; padding:20px; width:100%; overflow:hidden;}
.best .columnBox2{background:#F5FAFF;}
.best .columnBox3{background:#FFFCF6;}
.best .columnBox4{background:#FFFCF6;  }

.best {clear:both;width:100%;overflow:hidden;}
.best .column {width:100%;background-color:#fff;border-radius:10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);  }
.best .column1 {border:1px solid #F5A100;}
.best .column2 {border:1px solid #002446;}
.best .column1 h1{background-color:#FF7700;} 
.best .column2 h1{background-color:#002446;} 
.best .column h1 {width:60%;border-radius:0px 21px 21px 0px;padding:5px;box-sizing:border-box;color:#fff;font-size:18px;overflow:hidden; text-align:center;
margin: 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:49%;height:auto;padding:5px 5px 2px;text-align:center;font-size:15px;font-weight:700;background-color: #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;letter-spacing:-1px;}
.best .column ul li img{width:100%;}
.best .column ul li:nth-child(odd) {margin-right:1%}
.best .column ul li:nth-child(even) {margin-left:1%}





.best .column_noti {width:100% ;  }
.best .column_noti h1 {width:100%;font-size:20px;overflow:hidden;padding:0px 0px 10px 0px;font-weight:700; box-sizing:border-box; margin:0px; border-bottom:2px solid #666564;}
.best .column_noti h1 .more{float:right; z-index:1;   background: #666564; font-size: 14px; box-sizing: border-box;padding: 3px 15px;color: #fff;
  border-radius: 100px; font-weight: 500;}
.best .column_noti ul {width:100%; overflow:hidden;}
.best .column_noti li {clear:both;width:100%; padding:10px;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #ddd;}
.best .column_noti li.none{text-align: center;}


 
.best .column_review {width:100%;background-color:#FCF9F8;border:1px solid #C9C9C9; box-sizing:border-box; padding:10px;}
.best .column_review h1 {width:100%;font-size:20px;overflow:hidden;padding:0px 0px 10px 0px;font-weight:700; box-sizing:border-box; margin:0px; border-bottom:2px solid #666564;}
.best .column_review h1 .more{float:right; z-index:1;   background: #F5A100; font-size: 14px; box-sizing: border-box;padding: 3px 15px;color: #fff;
  border-radius: 100px; font-weight: 500;}
.best .column_review h1 .r_write{}
.best .column_review h1 .r_write img{ width:21.67px; height:22px;}
.best .column_review ul {width:100%;  overflow:hidden;}
.best .column_review li {clear:both;width:100%; padding:10px;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #ddd;}
.best .column_review li:last-child{border-bottom:0px;}
.best .column_review li.none{text-align: center;}




.best .column3 { width:100%; background-color:#6D6C6B; padding:10px;box-sizing:border-box;}
.best .column3 h1 {width:100%;font-size:16px; margin:0px 0px 10px 0px; color:#fff; font-weight:500;}
.best .column3 h1 .more{ z-index:1;   background: #fff; font-size: 14px; box-sizing: border-box;padding: 3px 15px;color:#666564;
  border-radius: 100px; font-weight: 500;  display:inline-block; float:right;}
.best .column3 ul {width:100%;}
.best .column3 li {clear:both;width:100%;padding:5px 0px;overflow:hidden;}
.best .column3 li:nth-child(1) {color:#F5A100;font-size:30px;font-weight:bold;font-family: 'NanumSquare', sans-serif;letter-spacing:-1px;}
.best .column3 li:nth-child(2){color:#fff;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:100%; background-color:#fff; padding:10px; box-sizing:border-box; box-shadow: 0px 0px 6px rgb(0 ,0,0,15%); margin-top:20px;}
.best .column4 h1 {width:100%;font-size:16px;overflow:hidden;margin:0px 0px 10px 0px; color:#6D6C6B; font-weight:500;}
.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 ;display:flex; align-items: center; }
.best .column4 dt {clear:both;float:left; font-size:16px;color:#959595; margin-right:10px;}
.best .column4 dd {float:left; }
.best .column4 div {clear:both;width:100%;margin-bottom:15px;font-size:18px; margin-top:15px; display:flex; align-items: center; flex-wrap: wrap;color:#6D6C6B; font-size:20px;font-weight:600;}
.best .column4 div img { margin-right:10px;}
.best .column4 p.txt{font-size:12px; margin-top:10px; color: #6D6C6B;}


/* sub */

/* sub ���� */
.sub_top {width:100%;height:120px;background-color:#e03434;padding:0px 20px; box-sizing:border-box; color:#fff; line-height:110px;}

.sub_top {clear:both;width:100%; color:#fff; }
.sub_top > h1 {float:left;font-family: 'NanumSquare', sans-serif;font-size:26px;float:left;display:inline-block;font-weight:700; margin:0px;}
.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:20px;position:relative;top:-15px;left:0px;box-sizing:border-box;}
.sub_tit {width:100%;clear:both;font-size:18px;font-weight:700;margin:0px 0px 20px 0px;}
.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.6;border-left:4px solid #F5A100;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; box-sizing:border-box;}
.tbl01 td {padding:10px 7px;text-align:center;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;font-size:14px; box-sizing:border-box;}



.display_tbl th{ padding:10px 5px  !important; font-size:13px;}
.display_tbl td{padding:10px 5px !important; font-size:13px;}



.tbl02 {width:100%; clear:both;  border-top:2px solid #828282; font-size:12px;}
.tbl02 tbody{border-top:2px solid #828282;}
.tbl02 th {padding:10px ;font-weight:bold;border-bottom:1px solid;background-color:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;  line-height:1.6;}
.tbl02 th:last-child {border-right:0px;}
.tbl02 td {padding:10px 7px;font-weight:normal;border-bottom:1px solid;border-bottom:1px solid #ddd;border-right:1px solid #ddd;  box-sizing:border-box; text-align:center;}
.tbl02 td:last-child {border-right:0px;}
.tbl02 tr.all_price td{font-weight:bold;}
.tbl02 span.all_price{font-size: 20px; font-weight:bold; color: #F5A100;}
.tbl02 td.color{color:#F5A100;}

.tbl02.pay_info{margin-top:-35px; border-top: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:#FFFAEF;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:14px;
color:#F5A100;}
.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; line-height:1.6;}
.tbl03 td:last-child {border-right:0px;}
.tbl03 td:nth-child(1) {text-align:left;}
.tbl03 td:nth-child(1) b {margin-right:7px; color:#F5A100;}

.btn01 { width:48%;height:42px;padding:10px 10px;background:#ddd;text-align:center;font-size:16px; display:inline-block; }
.btn02 { width:97%;height:42px;padding:10px 10px;background:#666463;text-align:center;font-size:16px;  color:#fff;    margin:20px auto 0px;}
.delete_btn{width:48%;height:42px;padding:10px 10px;background:#bf0e0e; text-align:center;font-size:16px; color:#fff; display:inline-block;}
.btn03 {clear:both;width:48%;height:42px;padding:10px 10px;background:#666463;text-align:center;font-size:16px ;color:#fff; margin-bottom:0px;}
.btn04 {clear:both;width:100%;height:42px;padding:10px 10px;background:#c5c5c5;text-align:center;font-size:16px;  color:#fff;margin-bottom:30px;}
.btn05 {clear:both;width:100%;height:42px;padding:10px 10px;background:#3485e0;text-align:center;font-size:16px;  color:#fff;margin-bottom:30px;}
.s_log_warp .log_btn{width: 100%;  padding: 10px 15px; margin-top: 15px;  background: #666463; font-size: 16px;  border: 0; color: #fff; cursor: pointer;}

.btn_f{width: 100%;  padding: 10px 15px; margin-top: 15px;  background: #1d1d1d; font-size: 14px;  border: 0; color: #fff; cursor: pointer; text-align:center;}


.button_kk{overflow:hidden; text-align:center; }
 
.button_kk a.back{width:48%; display:inline-block;}
.button_kk a.log_btn{width:48%; display:inline-block;}
.button_kk a.back div.btn01 {margin:0px; width:100%; color:#444; }
.button_kk a.log_btn div.btn01 {margin:0px; width:100%; background:#666463; color:#fff;}
.button_kk a.payMent{width:48%; display:inline-block;}
.button_kk a.payMent div.btn03{margin:0px; width:100%;}
  
.free_txt{font-weight:500; font-size:14px;}
 
.red_b {color:#FF8800;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') no-repeat center/cover;}

.s_log_warp {width:100%;margin:0px auto;border-radius:15px ;border:1px solid #d9d9d9;padding:20px;overflow:hidden; box-sizing:border-box; background:#f9f9f9;}
.s_log_warp i {text-align:center; font-size:50px; display:block; color:#c5c5c5; margin-bottom:20px;}
.s_log_warp span {clear:both;display:block;margin-bottom:20px;text-align:center;width:100%;font-size:12px;color:#bdbdbd; line-height:1.6;}

.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:12px;line-height:1.6; background:#f8f8f8; box-sizing:border-box;}
.log_form03 {width:15px;height:15px;border:1px solid #ddd;margin:0px 5px;}

 
.log_btn1 {float:right; padding:7px 0px; box-sizing:border-box; display:inline-block;overflow:hidden; font-size:12px;}
.log_btn2 {float:left; padding:7px 0px;  box-sizing:border-box;display:inline-block;overflow:hidden; 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 #1d1d1d;color:#1d1d1d;font-size:16px;padding-top:7px;}

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

.join_tit01 {width:100%;clear:both; padding:0px 0px 0px 10px;margin-bottom:10px;line-height:1.0;border-left:4px solid #F5A100;font-size:16px; box-sizing:border-box;}

.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;margin-bottom:10px;}

.join_form01 {float:left;width:75%;padding:5px;border:1px solid #ddd;font-size:14px; box-sizing:border-box;}
.join_form02 {float:left;width:100%;padding: 5px;border:1px solid #ddd;font-size:14px;  box-sizing:border-box;}
.join_form03 {clear:both;float:left;width:45%;padding:5px;border:1px solid #ddd;font-size:14px; box-sizing:border-box;}
.join_form04 {float:right;width:45%;padding: 5px;border:1px solid #ddd;font-size:14px;  box-sizing:border-box;}
.join_form05 {float:left;width:30%;padding: 5px;border:1px solid #ddd;font-size:14px; box-sizing:border-box;}
.join_form06 {clear:both;float:left;width:60%;padding: 5px;border:1px solid #ddd;font-size:14px; box-sizing:border-box;}
.join_form07 { }

.join_txt1 {clear:both;width:100%;border:1px solid #ddd;padding:10px 15px;font-size:12px;background-color:#f8f8f8;margin-bottom:5px; border-top:0px;}
.join_txt2 {height:40px;text-align:center;margin:0px 0px 0px 4.0%;font-size:16px;line-height:2.0;}
.join_txt3 {width:5%;text-align:center;margin:0px 0;font-size:16px;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 { margin-left:5px;}


.join_btn1 {float:left;  font-size:12px;margin-left:3%; background-color:#666463;border-radius:5px;text-align:center;padding:7px 15px; box-sizing:border-box; color:#fff;}
.join_btn2 {float:left;  font-size:12px;margin-left:3%; background-color:#666463;border-radius:5px;text-align:center;padding:7px 15px; box-sizing:border-box; color:#fff;}

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

span.red{color:red;}
span.join-ex{color: red;  font-size: 11px; display: inline-block; width: 100%;  margin-top: 10px; text-align:left; line-height:1.6;}

/* sub ������û */
.sub_lec {background:url('../img/sub/subtop_list.png') no-repeat center/cover;;}

#tab_bbs_r {width:100%;list-style:none;margin:15px auto;overflow:hidden;display:flex; flex-wrap: wrap; justify-content: space-between;}
#tab_bbs_r>li {float:left;width:49%;height:40px; line-height:40px;padding:0px 10px;cursor:pointer;text-align:center;font-size:13px;font-weight:normal; background-color:#e8e8e8;border-radius:5px; margin-bottom:7px;}
#tab_bbs_r>li.on {border:1px solid #F5A100;color:#F5A100;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; display:flex; flex-wrap: wrap; justify-content: space-between;}
#tab_bbs_v>li {float:left;width:49%;height:40px;padding:10px 5px 0px 5px;cursor:pointer;text-align:center;font-size:14px;font-weight:normal;margin-bottom:7px;background-color:#e8e8e8;border-radius:5px;}
#tab_bbs_v>li.on {border:1px solid #EDA900;color:#EDA900;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:2px solid #ededed;}
.lec_list li {clear:both;width:100%;border-bottom:2px 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:red;font-weight:700;}
span.free_txt{display:block; width:100%; color:#1d1d1d !important;  margin-top:10px; line-height:1.5; font-weight:bold;}
.lec_list .btn1 {float:left;width:48%; padding:10px; text-align:center;font-size:14px;border-radius:7px 7px;font-weight:bold; color: #F5A100; border:1px solid #F5A100; box-sizing:border-box;}
.lec_list .btn2 {float:right;width:48%;padding:10px; text-align:center;font-size:14px;border-radius:7px 7px;font-weight:bold; box-sizing:border-box;  color: #666463; border:1px solid #666463;}
.lec_list i{margin-right:10px;}

.lec_view {width:100%;clear:both;border-top:2px solid #434343;}
.lec_view > img {width:100%; max-width:100%; display:block;  margin:0 auto; }
.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:0px 20px 7px;background:url('../img/sub/dot_1.png') no-repeat 7px 8px;overflow:hidden;font-weight:700;line-height:1.8;}
.lec_view dl > dd {width:70%;float:left;padding:0px 15px 7px;overflow:hidden;line-height:1.8;}
.lec_view dl > dd span {margin:0px 5px;font-size:14px;color:#F5A100;  }
.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:red;font-weight:700;font-size:16px; }
.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 i{margin-right:10px;}
.lec_view .btn1 {float:left;width:49%;height:42px;padding:10px ; text-align:center;font-size:16px; margin-bottom:30px; border:1px solid #666463; color:#666463; box-sizing:border-box;}
.lec_view .btn2 {float:right;width:49%;height:42px;padding:10px ;text-align:center;font-size:16px; margin-bottom:30px; background:#666463; color:#fff; box-sizing:border-box;}
.lec_view_btn3 {float:left;width:49%;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:49%;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') no-repeat center/cover;}

.my_list_tap {width:100%;clear:both;overflow:hidden;margin-bottom:30px;}
.my_list_tap li {padding-top:10px;text-align:Center; 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:#F5A100;border:1px solid #F5A100;color:#fff; }

.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_btn1.percent{background:#2b8ae6;}
.my_btn1.test{background: #38aab7;}
.my_btn2 {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_btn3 {width:100%;padding:4px 7px 5px;background-color:#666463;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;}
.my_btn6.date{color:#EDA900;}


@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 { background:#333;color:#fff;width:26px;height:26px;line-height:26px;border-radius:13px;float:left;clear:both;text-align:center;margin:0px 10px 10px 0px;font-weight:700; 
font-size:14px;}
.my_exam4 .quiz {clear:both;float:left;width:100%;line-height:1.4;text-align:left; font-weight:600;}
.my_exam4 .quiz span {margin-left:10px;border:1px solid #ddd;padding:5px;font-size:12px;border-radius:2px;line-height:1.0; float:right; display:inline-block; overflow:hidden; font-weight:500;
margin-top:10px;}
.my_exam4 p {clear:both;font-weight:bold;font-size:12px;height:26px;padding:7px 10px;border-radius:13px;background-color:#1d1d1d;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 {position:relative; /*color:#346de0;*/color:#4f7d32;font-weight:bold;}
.my_exam4 .ok:after{position:absolute; content:''; left:-10%; top:0px; width:25px; height:25px; border-radius:100%; border:3px solid #5eb12c;}
.my_exam4 .no {color:#e03434;font-weight:bold;}
.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:10px;}
.com_add dd {float:left;width:80%;padding:7px 10px 9px; line-height:1.6; color:#777;}


/* ���Ǻ��� */
.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:#F5A100;}
.my_avi_page {clear:both;width:100%;display:inline-block; text-align:center;}
.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; text-align:center; color:#fff; background:#666463;}
.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;}



/* 메인 팝업 */
.close-wrap {
  background: #222;
  margin-top:-2px;
  width: 100%;
  padding: 4px;
  color: #fff;
  font-weight: 100;
  font-size: 11px;
  box-sizing:border-box;
  border:2px solid #222;
  overflow:hidden;
 
 
}
.close-wrap a {
  padding: 3px 10px;
  margin: 0 10px;
  cursor: pointer;
  font-size: 11px;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  background: #000000;
  box-sizing:border-box;
  float:right;
}
.close-wrap a:hover {
  background: #555;
}

.close-wrap p.today_close{ display:inline-block;color:#fff;margin-top:4px; }
.close-wrap p.today_close input{margin-right:5px; width:10px; height:10px;}