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

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none;background-color:transparent; cursor:pointer;}
table {border-collapse:collapse; border-spacing:0;}
body {-webkit-text-size-adjust:none}
button {cursor:pointer;}
a {text-decoration:none; color:inherit;}
i {font-style:normal;}


/* 추가 */
.wrap {width: 100%; height: 100%;overflow: hidden;font-family: 'Noto Sans KR', sans-serif; }
.inner {background: url(../img/sanha.png); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} 
.logoin_box {background: #fff; width: 400px; height: auto; text-align: center; border-radius: 10px; box-shadow:10px 10px 20px rgba(0,0,0,.07);}
.logoin_box  form {padding: 63px; box-sizing: border-box;}
.logoin_box  form span {font-size: 13px; margin-left: 11px; font-weight: 300;}
.logoin_box  input {padding: 12px 90px; box-sizing: border-box;}
.logoin_box  input[type=text] {margin-top: 30px; margin-bottom: 5px; padding-left: 13px; border-radius: 5px; border: 1px solid #666; background-color: #ecf5ff; box-sizing: border-box; font-size: 14px; }
.logoin_box input[type=password] {margin-bottom: 13px; padding-left: 13px; border-radius: 5px; border: 1px solid #666; background-color: #ecf5ff; box-sizing: border-box;}
.logoin_box  input[type=submit] { font-size: 16px; padding: 8px 112px; border-radius: 5px; border: 1px solid #666; font-weight: bold; color: #fff; background-color: #37578c;}
.logoin_box  button { font-size: 16px; border-radius: 5px; border: 1px solid #666; font-weight: bold; color: #fff; background-color: #37578c; width: 92%;}
.logoin_box  input[type=checkbox] {margin-right: 5px;}
p.ck_box {text-align: left; margin-top: 9px; display: flex; align-items: center;}
p.ck_box label {font-size: 14px; color: #929292;}
p.logo {width: 100%; margin-bottom: -5px;}
p.logo img {max-width: 140px;}
/* 추가 */






/* 공통 */

h2 {font-size:48px; font-weight:600;}
strong.tit {font-size:48px; font-weight:600;}
.container {margin-right:auto; margin-left:auto; padding:0 10px; box-sizing:border-box;}

span.txt_indent {}
.txt_point_color {color:#e73a8e;}
.txt_n {color:#052875;}
p {font-size:18px; color:#666; font-weight:normal;}
div.login_btns {width:380px;}









/* 버튼 */
button {width:100%; padding:16px 0; border-radius:50px; border:0 none;}
button.icon_R {background-position:right 35px center; background-repeat:no-repeat;}
button.icon_L {background-position:left 35px center; background-repeat:no-repeat;}
button[data-action=join] {padding:16px 0; background-color:#052875; color:#fff; font-size:20px; font-weight:600;}
button[data-action=login] {padding:16px 0; background-color:#f75094; color:#fff; font-size:20px; font-weight:600;}
button[data-action=submit] {padding:16px 0; background-color:#f75094; color:#fff; font-size:20px; font-weight:600;}
button.dot {position:relative;}
button.dot:before {content:""; display:inline-block; position:absolute; top:42%; right:24px; width:8px; height:8px; background-color:#fff; border-radius:50%;}
button.dot[data-action=experience] {padding:16px 0; background-color:#052875; color:#fff; font-size:16px; font-weight:600;}
button.icon_R[data-action=complete] {padding:16px 0; background-color:#f75094; background-image:url(../images/ico_button_complete.png); color:#fff; font-size:16px; font-weight:600;}
button.icon_R[data-action=cancel] {padding:16px 0; background-color:#909099; background-image:url(../images/ico_button_cancel.png); color:#fff; font-size:16px; font-weight:600;}
button.icon_L[data-action=home] {padding:22px 0; background-image:url(../images/ico_home.png); background-color:#f75094; color:#fff; font-size:16px;}
button.icon_L[data-action=manual] {padding:22px 0; background-image:url(../images/ico_manual.png); background-color:#052875; color:#fff; font-size:16px;}
/* 어드민 및 LMS 버튼*/
div.manager button {display:block; border-radius:5px; border:0 none; font-weight:normal;}
div.manager button.icon_R {background-position:right 35px center; background-repeat:no-repeat;}
div.manager button.icon_L {background-position:left 35px center; background-repeat:no-repeat;}
div.manager button.dot {position:relative;}
div.manager button.dot:before {content:""; display:inline-block; position:absolute; top:42%; right:24px; width:8px; height:8px; background-color:#fff; border-radius:50%;}
div.manager button.dot[data-action=add_class] {padding:16px 0; background-color:#f75094; color:#fff; font-size:16px;}
div.manager button[data-action=login] {padding:16px 0; border-radius:50px !important; background-color:#f75094; color:#fff; font-size:20px;}
div.manager button[data-action=submit] {padding:16px 0; background-color:#f75094; color:#fff; font-size:20px;}
div.manager button[data-action=complete] {padding:16px 0; background-color:#f75094; background-image:url(../images/ico_button_complete.png); color:#fff; font-size:16px;}
div.manager button[data-action=copy] {padding:16px 0; background-color:#052875; background-image:url(../images/ico_button_copy.png); color:#fff; font-size:16px;}
div.manager button[data-action=reset] {padding:16px 0; background-color:#5e5e6b; background-image:url(../images/ico_button_reset.png); color:#fff; font-size:16px;}
div.manager button[data-action=delete] {padding:16px 0; background-color:#5e5e6b; background-image:url(../images/ico_button_delete.png); color:#fff; font-size:16px;}
div.manager button[data-action=search] {padding:16px 0; background-color:#052875; background-image:url(../images/ico_button_search.png); color:#fff; font-size:16px;}
div.manager button[data-action=list] {padding:16px 0; background-color:#052875; background-image:url(../images/ico_button_list.png); color:#fff; font-size:16px;}
/* 인풋 */
/* div.input_button {position:relative;}
div.input_button > input[type=text] {width:100%; display:inline-block; border:1px solid #c2c2c2; background-color:#f7f7f7; border-radius:50px; box-shadow:10px 10px 20px rgba(0,0,0,.07); box-sizing:border-box; color:#a1a1a1; font-size:20px;}
div.input_button > button[data-action=input] {display:inline-block; position:absolute; right:0; width:25%; border-top-left-radius:0; border-bottom-left-radius:0;}
input[type=text] {width:100%; display:inline-block; border:1px solid #c2c2c2; background:#f7f7f7; border-radius:50px; box-sizing:border-box; color:#a1a1a1; font-size:20px; line-height:26px;}
input[type=text]:focus {background:#fff; color:#000; font-size:18px; font-weight:700;}
label[data-role=checkbox] > input[type=checkbox] {display:none;}
label[data-role=checkbox] > i {display:inline-block; width:24px; height:24px; background-color:transparent; border:1px solid #bbb; border-radius:50%; cursor:pointer; vertical-align:top;}
label[data-role=checkbox] > span {display:inline-block; margin-left:8px; color:#666; font-size:14px; line-height:26px; cursor:pointer;}
label[data-role=checkbox] > input[type=checkbox]:checked + i {border:1px solid transparent; background:url(../images/ico_checkbox.png) no-repeat center #e93d8f;} */
/* 어드민 체크박스 */
div.admin label[data-role=checkbox] > i {width:21px; height:21px; margin-top:-2px; vertical-align:middle;}
div.admin label[data-role=checkbox] > span {width:auto; margin-left:6px; line-height:35px; letter-spacing:-1px; color:#666; font-size:14px;}
div.admin label[data-role=checkbox] > input[type=text] {width:auto; padding-left:8px; background:transparent; border:0 none; line-height:35px; letter-spacing:-1px; color:#666; font-size:14px;}
div.admin label[data-role=checkbox] > input[type=text]:focus {font-size:14px; font-weight:normal; line-height:35px;}
div.admin label[data-role=checkbox] + label[data-role=checkbox] {margin-left:48px;}
div.admin label[data-role=checkbox] > input[type=checkbox]:checked + i {background-color:#ff5c97;}
/* LMS 체크박스 */
div.manager label[data-role=checkbox] > i {width:21px; height:21px; margin-top:-2px; vertical-align:middle;}
div.manager label[data-role=checkbox] > span {width:auto; margin-left:6px; line-height:35px; letter-spacing:-1px; color:#666; font-size:14px;}
div.manager label[data-role=checkbox] > input[type=checkbox]:checked + i {border:1px solid transparent; background:url(../images/ico_button_check.png) no-repeat center #5674b9;}
div.manager label[data-role=checkbox] > input[type=text] {width:auto; padding-left:8px; background:transparent; border:0 none; line-height:35px; letter-spacing:-1px; color:#666; font-size:14px;}
div.manager label[data-role=checkbox] > input[type=text]:focus {font-size:14px; font-weight:normal; line-height:35px;}

/* 테이블 */
table {width:100%; border-collapse:collapse;}
table > tr input[type=text] {padding:0 28px; box-shadow:none;}
/* 어드민 테이블 */
div.tb.manager > table {width:100%; border-top:2px solid #333;}
div.tb.manager > table tbody > tr > td input[type=text] {padding:5px 28px; border-radius:unset; border:1px solid #e5e5e5; background:#fff; box-shadow:none;}
div.tb.manager > table th {padding:0 20px; background:#f8f8f8; border:0 none; font-size:14px; font-weight:normal; line-height:59px; text-align:left;}
div.tb.manager > table > tbody th {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
div.tb.manager > table tbody td {padding:0 20px; font-size:14px; border-left:0 none; border-right:0 none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; line-height:60px; text-align:left;}
div.tb.manager > table tbody tr.inline > input {display:inline-block; width:auto;}

/* 셀렉트박스 */



div.box_gray {width:100%; border:1px solid #e0e0e0; background:#ffffff; box-sizing:border-box;}
div.box {padding:10px; box-sizing:border-box;}
div.col50 {width:50%; float:left;}
.dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,.6);}

@media screen and (max-width:1200px){
	/* .container {width:1100px;} */
}
@media screen and (max-width:991px){
	div.col50 {width:100%;}
}
@media screen and (max-width:798px){
	button.icon_R {padding-right:20px;}
}