@charset "utf-8";
/* CSS Document */

/* default */
body {font-family:'Ubuntu',sans-serif;font-size:13px;font-weight:400;padding:0px;margin:0px;}
html {}
html, body {width:100%;}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px;  -webkit-padding-start: 0px;}
ul, ol, dl, dd, dt, li {list-style-type:none}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0} /*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
legend{display:none;position:absolute;visibility:hidden}
img {border:0;vertical-align:top;outline:none}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
input {margin:0;vertical-align:middle;color:#888}
select {margin:0;vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
span{letter-spacing:normal}
caption{font-size:16px;color:#444;font-weight:500;padding-bottom:17px;text-align:left}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* 링크 */
a {text-decoration:none;color:#888;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#888;}
a:hover, a:focus, a:active {text-decoration:none;}

/*width*/
.w50{width:50px !important;}
.w100{width:100px !important;}
.w200{width:200px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}

.w100p{width:100% !important;}


/*margin*/
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}

.pdR30{padding-right:30px !important;}

.pdT10{padding-top:10px !important;}
.pdT20{padding-top:20px !important;}
.pdT30{padding-top:30px !important;}
.pdT40{padding-top:40px !important;}
.pdT50{padding-top:50px !important;}

.bold{font-weight:bold !important;}
.deco{text-decoration:underline !important;}

.red{color:#f74e4e;}

.back{background:#eee;}


/*정렬*/
.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

.center{text-align:center !important;}
.left{text-align:left !important;}

.disIB{display:inline-block !important;}

.bg {background:url('/resource/apply/img/login_bg_2021.jpg'); width:100%; background-size:cover; position:fixed; height:100%;}
.bg_ssyenc {background:url('/resource/apply/img/login_bg_ssyenc.jpg'); width:100%; background-size:cover; position:fixed; height:100%;}
.bg_kangwonland {background:url('/resource/apply/img/login_bg_kangwonland.jpg'); width:100%; background-size:cover; position:fixed; height:100%;}
.bg2 {background:url('/resource/apply/img/login_bg2.jpg') 100% -236px;}
.footer {font-size:11px; color:#565656;  position:fixed;  bottom:0; width:350px;}
.footer .copyright {padding:15px 0;  text-align:center;}

.login_box {margin:0px auto; padding-top:50px; margin-bottom:130px; width:500px; background:#ffffff; position:relative;padding-bottom: 30px;}
.login_box ul{width:400px; margin:0px auto;}

.login_apply_box {margin:0px auto; margin-top:0px; width:400px; background:#ffffff; position:relative;}
.login_apply_box ul{width:330px; margin:0px auto;}

.login_input {padding:5px 25px; vertical-align:middle; font-size:16px; line-height:34px; width:100%; border:1px solid #cbcbcb; margin-bottom:10px; height:34px;}
.login_apply_input {padding:5px 25px; vertical-align:middle; font-size:16px; line-height:34px; width:270px; border:1px solid #cbcbcb; margin-bottom:10px; height:34px;}

.btn_register button {font-family:'맑은 고딕'; cursor:pointer; background:#4d4d5a; width:100%; height:50px; border:1px solid #ffffff; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; padding:8px 0 10px 0; margin-bottom:40px;}
.btn_register_go button.blue {font-family:'맑은 고딕'; cursor:pointer; background:#5bbbff; width:100%; height:50px; border:1px solid #ffffff; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; padding:8px 0 10px 0; margin-bottom:40px;}
.btn_register_go button.red {font-family:'맑은 고딕'; cursor:pointer; background:#f74e4e; width:100%; height:50px; border:1px solid #ffffff; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; padding:8px 0 10px 0; margin-bottom:40px;}
.btn_register_go button.green {font-family:'맑은 고딕'; cursor:pointer; background:#7eb416; width:100%; height:50px; border:1px solid #ffffff; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; padding:8px 0 10px 0; margin-bottom:40px;}
.btn_register_go button.gray {font-family:'맑은 고딕'; cursor:pointer; background:#4d4d5a; width:100%; height:50px; border:1px solid #ffffff; text-align:center; color:#ffffff; font-size:14px; font-weight:bold; padding:8px 0 10px 0; margin-bottom:40px;}

.logo_img {padding-top:30px;}
.logo_img img {width:80px;}

.greet {font-size:14px; padding-top:25px; margin-bottom:25px; line-height:24px; text-align:left; font-family:'맑은 고딕';}
.greet .blue {font-weight:bold; color:#1993e9;}    
.greet .green {font-weight:bold; color:#52c000;}
.greet .gray {font-weight:bold; color:#4c4c4c;}


.date {margin-bottom:30px; line-height:19px; font-size:11px;}

.bar {width:100%; border-top:1px solid #7c7c7c; margin-bottom:15px;}

.access_title {font-weight:bold; margin:30px 0 8px 0; font-size:11px;}

.access_txt {padding-bottom:5px; font-size:11px; line-height:18px;}

.login_btn a img{border:none;}
.login_btn a:hover img{border:1px solid #000;}

.check_li {margin-bottom:25px; text-align:left; width:330px; margin-left:10px; height:10px;}
.login_check {position:relative; border:none;  border-radius:1px; width:20px; height:20px; background:#000; border:1px solid #ffffff;}
.remeber_txt {position:absolute; font-family:Helvetica, sans-serif; color:#000; font-weight:bold; margin-left:5px; margin-top:1px;}


.forget_txt {margin-top:20px; font-family:Helvetica, sans-serif; color:#000; text-decoration:none; font-weight:normal; font-size:13px; text-align:center; line-height:18px;}

input[id="cb1"] + label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #efefef;
  cursor: pointer;
  margin-left:2px;
  margin-right:3px;
  background-color:#c2e6d1;
}

input[id="cb1"]:checked + label:after {
  content: '\2714';
  font-size: 12px;
}

input[id="cb1"] {
  display: none;
}

/*강원랜드 강사현황 팝업*/
.gangwon-teacher .gangwon-teacher-wrap {
  padding: 30px;
}

.gangwon-teacher .tab {
  position: relative;
}

.gangwon-teacher .tab ul li {
  float: left;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 5px 5px 0 0;
  background: #ececec;
}

.gangwon-teacher .tab ul::after {
  clear: both;
  content: '';
  display: block;
}

.gangwon-teacher .tab ul li:first-child {
  border-left: 1px solid #dbdbdb;
}

.gangwon-teacher .tab ul li a {
  display: block;
  padding: 15px;
  color: #aaaaaa;
}

.gangwon-teacher .tab ul li.carrot-active {
  border-bottom: 2px solid #fff;
  background: #fff;
}

.gangwon-teacher .tab ul li.carrot-active a {
  color: #007c85;
  font-weight: bold;
}

.gangwon-teacher .tab .tab-bar {
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  position: absolute;
  bottom: 1px;
  z-index: -2;
}

.gangwon-teacher table {
  border-collapse: collapse;
  width: 100%;
  word-break: keep-all;
}

.gangwon-teacher table audio {
  display: block !important;
  width: 250px !important;
  height: 40px !important;
}

.gangwon-teacher table th {
  background: #f9f9f9;
  font-weight: bold;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  padding: 10px 5px;
  font-size: 13px;
  vertical-align: middle;
}

.gangwon-teacher table th:last-child {
  border-right: none;
}

.gangwon-teacher table td {
  border-bottom: 1px solid #eaeaea;
  padding: 12px 5px;
  text-align: center;
  font-size: 13px;
  border-right: 1px solid #eaeaea;
  vertical-align: middle;
}

.gangwon-teacher table td.preline {
  white-space: pre-line;
}

.gangwon-teacher table td:last-child {
  border-right: none;
}

/**/

@media ( max-width: 1023px ) {
  
}
@media ( max-width: 767px ) {	
	.body_red {background:#c34848;}
	.body_blue {background:#1f679e;}
	.body_green {background:#68b36b;}
	.body_gray {background:#4c4c4c;}


  #wrap {width:95%;}
  .wrap_index {width: 100%; margin:0 auto;}
	.login_box {width: 90%;}
	.login_box ul {width:90%; margin:0 auto;}
	.login_input {width:100%; padding:5px 0;}
}

@media ( max-width: 320px ) {
  body {}
}