@charset "utf-8";
@import url("../xboard/skin/default_/style.css");

.su_btbox { text-align:center; background:#f7f7f7; padding:20px 10px; }
.su_btbox .wschool { display:inline-block; vertical-align:top; }
.su_btbox .wschool label { border:1px solid #ddd; box-sizing:border-box; background:#fff; line-height:35px; margin:0 0 0 0; padding:0 10px; color:#888; font-size:13px; letter-spacing:-0.5px; }
.su_btbox .wschool label.ck_style span { left: 10px; }
.su_btbox .su_left { margin-top:10px; }
.su_btbox .xb_select { font-family: "Noto Sans KR", sans-serif; vertical-align:middle; position:relative; height:37px; line-height:37px; box-sizing:border-box; border:1px solid #dddddd; font-size:13px; color:#888; padding:0 25px 0 12px; -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none; background:#fff url(./img/select_arrow.png) no-repeat; background-position:right 10px top 15px;}
.su_btbox .xb_select::-ms-expand{

   display:none;/*for IE10,11*/

}
.su_btbox .input1 {vertical-align:middle; position:relative; height:37px; line-height:37px; box-sizing:border-box; border:1px solid #dddddd; font-size:12px; color:#888; padding:0 25px 0 12px; }
.su_btbox .list_search_btn { vertical-align:middle; width:46px; height:37px; cursor:pointer; border:0 none; text-indent:-99999px; background:#535353 url(./img/select_btn.png) center center no-repeat; }
.su_btbox .list_search_btn2 { vertical-align:middle; width:46px; height:37px; cursor:pointer; border:0 none; background:#535353; color:#fff; line-height:37px; font-family: "Noto Sans KR", sans-serif; }

#su_cont { display:flex; flex-wrap: wrap; align-items: flex-start;}
#su_cont:after { content:""; display:block; clear:both; }
#su_cont .su_list {  width:calc(50% - 15px); box-sizing:border-box; border-radius:10px; border:1px solid #d5d5d5; margin-bottom:30px; background:#fff; position:relative; padding-bottom:75px;  }
#su_cont .su_list:nth-child(odd) { margin-right:30px; }
#su_cont .no_list { margin:0 0 0 0; width:100%; border-radius:0; border-left:0 none; border-right:0 none; text-align:center; padding-bottom:0;}
#su_cont .no_list p { font-size:16px; padding:15px 8px; }

#su_cont .su_list .file_ic_view { float:left; font-size:14px; color:#333;  margin:12px 0 5px 0; clear:both; }
#su_cont .su_list .file_ic_view img { vertical-align:middle; margin-top:-3px; }

#su_cont .su_list .yo_view { float:right; width:40%; margin-top:9px; }
#su_cont .su_list .yo_view a { display:inline-block;
    padding:5px 15px 5px 10px;
    text-decoration: none;
    font-size: 14px;
	font-weight:500;
    color: #1f70cd;
	 border-radius:0 10px 10px 0;
    border:1px solid #1f70cd;
	border-left-width:5px;
    transition: 1s;
     transition: 0.5s;}
#su_cont .su_list .yo_view a.view_on { border-left-width:15px; }

#su_cont .su_list:nth-child(even) .yo_view a { border-color:#6442a4; color: #6442a4;}

#su_cont .su_list .yo_view a:hover {
    
     
}

#su_cont .su_list .su_yoil { display:none; float:left; width:100%; margin-top:15px; }
#su_cont .su_list .su_yoil.yo_table_view {   }
#su_cont .su_list .su_yoil:after { content:""; display:block; clear:both; }

#su_cont .su_list .su_yoil .yo_view { float:right; width:40%; }

#su_cont .su_list .yo_box { display:table; width:100%; text-align:center; justify-content:center; border-top:1px solid #1f70cd; position:relative; z-index:1;  }
#su_cont .su_list .yo_table_view #yo_table {  }
#su_cont .su_list:nth-child(even) .yo_box { border-top-color:#6442a4; }
#su_cont .su_list .yo_box .yo_tr { display:table-row; }
#su_cont .su_list .su_yoil span.yoil_def {   display:block; text-align:center; border-bottom:1px solid #ddd; font-weight:500; color:#333; background:#f9f9f9; }
#su_cont .su_list .yo_box p { font-size:13px; border:1px solid #ddd; border-top:0 none; border-left:0 none; display:table-cell; }
#su_cont .su_list .yo_box p:first-child { border-left:1px solid #ddd; }
#su_cont .su_list .su_yoil span.ytxt { }

/*#su_cont .su_list .su_yoil span.yoil_def { display:inline-block; vertical-align:top; width:25px; height:25px; border-radius:50%; background:#f1eaff; text-align:center; font-weight:500; line-height:25px; margin:0 3px 5px 0; }
#su_cont .su_list .su_yoil span.ytxt { display:none; }

#su_cont .su_list:nth-child(odd) .su_yoil span.yoil_def { background:#e5f1ff; }*/




#su_cont .su_list .su_info { padding:15px 15px 15px; border-bottom:1px dashed #d5d5d5; min-height:128px; box-sizing:border-box; }
#su_cont .su_list .su_info:after { content:""; display:block; clear:both; }
#su_cont .su_list .su_info p.su_year { font-size:14px; float:left; width:60%; }
#su_cont .su_list .su_info p.su_subject { font-size:18px; font-weight:500; margin-top:5px; float:left; width:55%; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#su_cont .su_list .su_info p.su_subject a { color:#222; }
#su_cont .su_list .su_info dl { float:right; width:40%; margin-top:-23px; }
#su_cont .su_list .su_info dl dt { font-size:14px; font-weight:500; color:#333;  }
#su_cont .su_list .su_info dl dd { line-height:24px; font-size:14px; margin-top:3px; word-break:break-all; }

#su_cont .su_list .sin_info { padding:15px;}
#su_cont .su_list .sin_info:after { content:""; display:block; clear:both; }
#su_cont .su_list .sin_info dl.sin_num { width:55%; box-sizing:border-box; float:left; }
#su_cont .su_list .sin_info dl.sin_num:after { content:""; display:block; clear:both; }
#su_cont .su_list .sin_info dl.sin_num dt {  font-size:14px; font-weight:500; color:#333; }
#su_cont .su_list .sin_info dl.sin_num dd.sin_gr { margin-top:7px; width:100%; height:12px; border-radius:150px; overflow:hidden; display:block; background:#f3f3f3; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.15); }
#su_cont .su_list .sin_info dl.sin_num dd.sin_gr span { display:block; height:12px;  border-radius:150px; transition:width 0.4s; }

#su_cont .su_list:nth-child(odd) .sin_info dl.sin_num dd.sin_gr span { background:#1f70cd; }
#su_cont .su_list:nth-child(even) .sin_info dl.sin_num dd.sin_gr span { background:#6442a4; }

#su_cont .su_list:nth-child(odd) .sin_info dl.sin_num dt .num_ct { color:#1f70cd; }
#su_cont .su_list:nth-child(even) .sin_info dl.sin_num dt .num_ct { color:#6442a4; }

#su_cont .su_list .sin_info dl.sin_date { float:right; width:40%; }
#su_cont .su_list .sin_info dl.sin_date dt { font-size:14px; font-weight:500; color:#333;  }
#su_cont .su_list .sin_info dl.sin_date dd { line-height:24px; font-size:14px; letter-spacing:-0.3px; }


#su_cont .su_list .sin_info .sin_btn { float:left; width:100%; position:absolute; left:0; bottom:20px; }
#su_cont .su_list .sin_info .sin_btn p { margin:15px auto 0; width:150px; text-align:center; }
#su_cont .su_list .sin_info .sin_btn p span.su_bt,
#su_cont .su_list .sin_info .sin_btn p a { display:block; width:100%;  height:45px; line-height:45px; font-size:15px; border-radius:10px; background:#f3f3f3; }

#su_cont .su_list .sin_info .sin_btn p span.su_bt2 { color:#999; }
#su_cont .su_list .sin_info .sin_btn p a { background-image: linear-gradient(135deg, #f34079 40%, #fc894d); color:#fff; text-decoration:none !important; font-weight:500; }
#su_cont .su_list .sin_info .sin_btn p a span {
  transition: all 200ms;
}

#su_cont .su_list .sin_info .sin_btn p a:hover span {
  transform: scale(.9);
  opacity: .75;
  
}

ul.button { margin-top:30px; }
ul.button li.teach_bt { background:#877863; border-color:#625748; }
ul.button li.teach_bt a { color:#fff; }

#su_cont .su_list.close_list { background:#f9f9f9; }
#su_cont .su_list.close_list .su_info,
#su_cont .su_list.close_list .sin_num,
#su_cont .su_list.close_list .sin_date { opacity:0.5; }


label.ra_style {  position:relative; display:inline-block; line-height:35px; vertical-align:top; cursor:pointer; margin-right:6px; }
label.ra_style input[type=radio] { opacity:0; margin-right:5px; width:20px; }
label.ra_style span {-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0; top:8px; width:20px; height:20px;  transition: all 0.15s ease-out 0s;
  box-sizing:border-box;
  border:1px solid #dce0e5;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius:50%;
  
  z-index: 1; }

label.ra_style input[type=radio]:checked + span { border:6px solid #169fff; }

label.ck_style { position:relative; display:inline-block; line-height:37px; vertical-align:top; cursor:pointer; font-size:14px; margin:0 10px; }
label.ck_style input[type=checkbox] { opacity:0; margin-right:15px; }
label.ck_style span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0px; top:8px; width:21px; height:21px;  transition: all 0.15s ease-out 0s;
  background:#eff6ff;
  border:1px solid #BBC1E1;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  z-index: 5; border-radius:5px; }

label.ck_style input[type=checkbox]:checked + span { background:#275EFE; border:1px solid #275EFE; }

label.ck_style input[type=checkbox] + span::before { content:""; display:block; width:0px; height:0px; border:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute; left:5px; top:1px; transform:rotate(45deg); opacity:0; transition:all 0.4s; }
label.ck_style input[type=checkbox]:checked + span::before { opacity:1; width:4px; height:8px;}


/*신청조회
#new_tablebox .boardbox_content li p.su_bd_btn a { display:block; width:100%; height:35px; line-height:35px; background:#777; color:#fff; border-radius:3px; position:relative; top:0; transition:all 0.4s; box-shadow:0px 2px 2px rgba(0,0,0,0.25);  }
#new_tablebox .boardbox_content li p.su_bd_btn a:hover { text-decoration:none !important; top:3px; box-shadow:none; background-image: linear-gradient(135deg, #f34079 40%, #fc894d);}
*/
#new_tablebox .boardbox_content li p.su_bd_btn a { display:block; padding:38px 0 0; }
#new_tablebox .boardbox_content li p.bd_btn1 a { background:url(./img/sin_ic1.png) center 8px no-repeat; }
#new_tablebox .boardbox_content li p.bd_btn2 a { background:url(./img/sin_ic2.png) center 4px no-repeat; }
#new_tablebox .boardbox_content li p.bd_btn3 a { background:url(./img/sin_ic3.png) center 5px no-repeat; }
#new_tablebox .boardbox_content li p.bd_btn4 a { background:url(./img/sin_ic4.png) center 5px no-repeat; }
#new_tablebox .boardbox_content li p.bd_btn5 a { background:url(./img/sin_ic5.png) center 3px no-repeat; }

#new_tablebox .boardbox_content li p.su_bd_btn a span { display:block; max-width:50px; height:24px; line-height:24px; border-radius:8px; background:#aaa; font-weight:500; color:#fff; font-size:13px; margin:4px auto 0; }
#new_tablebox .boardbox_content li p.su_bd_btn a:hover { text-decoration:none !important; }
#new_tablebox .boardbox_content li p.su_bd_btn a:hover span { background-image: linear-gradient(135deg, #f34079 40%, #fc894d); -webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both;}

#new_tablebox .boardbox_content li p.sin_link a { display:inline-block; vertical-align:top; height:35px; line-height:35px; background:#aaa; color:#fff; border-radius:3px; position:relative; top:0; transition:all 0.4s; box-shadow:0px 2px 2px rgba(0,0,0,0.25); width:65px; margin:0 6px;}
#new_tablebox .boardbox_content li p.sin_link a.le_btn1 { background-image: linear-gradient(135deg, #f34079 40%, #fc894d); }
#new_tablebox .boardbox_content li p.sin_link a:hover { text-decoration:none !important; top:3px; box-shadow:none; }


@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

#new_tablebox .sinList_style li p.new_subject a { font-weight:500; color:#333; }
#new_tablebox .sinList_style li p.sl_date { line-height:24px; }

.yo_style { }
.yo_style span { display:inline-block; vertical-align:top; width:25px; height:25px; border-radius:50%; background:#f1eaff; text-align:center; font-weight:500; line-height:25px; margin:0 3px 5px 0; }
.yo_style p { float:left; width:50%; font-size:13px; }


/*신청레이어화면*/
#sinLayer { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; overflow:auto; }

.singuide { background:#fff; position:absolute; left:calc(50% - 350px); top:50%; transform:translateY(-50%); width:700px; }
.singuide .gtitle { font-weight:bold; background:#019dda; line-height:55px; text-align:center; color:#fff; font-weight:bold; font-size:16px; }
.singuide .gtitle span { color:#fffc05; }
.singuide ul { padding:15px 20px; }
.singuide ul li { line-height:30px; padding:0 0 0 12px; position:relative; font-size:14px; color:#333; margin-bottom:5px; }
.singuide ul li::before { content:""; display:block; width:4px; height:4px; background:#777; position:absolute; left:0; top:13px; }

.new_sck { padding:15px 0 20px; background:#f3f3f3; text-align:center; }
.new_sck label { font-size:15px; color:#333; letter-spacing:-0.5px; vertical-align:middle; }
.new_sck input { width:15px; height:15px; vertical-align:middle; }
.new_no { margin-top:20px; }
.new_no a { display:block; margin:0 auto; width:150px; border-radius:10px; background:#ff5656; text-align:center; color:#fff; font-size:16px; line-height:45px; }

/*신청화면*/
.board_write input#sin_name { width:113px; }
.board_write input#ban,
.board_write input#bunho { width:60px; }
.board_write input.phone { width:60px !important; }


/*성적조회*/
.rev_cont { overflow:hidden; position:relative; min-height:320px; /*background:#eff5ff;*/ background:#f5f9ff url(./img/re_bg.png) left 20px bottom 15px no-repeat; }
.rev_cont .dsline { clear:both; content:""; display:block; width:100%; height:15px; background:#ad9178; float:left; position:relative; box-sizing:border-box; border-bottom:5px solid #7a5c4f; }
.rev_cont .dsline:before { content:""; display:block; width:146px; height:111px; background:url(./img/book.png) left top no-repeat; position:absolute; right:40px; top:-110px; }
.rev_cont .bgbox { float:left; width:363px; position:absolute; left:40px; bottom:0; font-family: 'S-CoreDream-6Bold';}
.rev_cont .bgbox span { display:block; border-radius:10px; border:2px solid #8490f1; background:#fff; box-sizing:border-box; padding:20px 8px; text-align:center; font-size:20px; font-weight:bold; position:relative; color:#333; margin:0 0 50px 0; }
.rev_cont .bgbox span:before { content:""; display:block; width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent; border-top:13px solid #8490f1; position:absolute; left:calc(50% - 16px); bottom:-15px; }

.rev_cont .bgbox img { display:block; }


.rev_box { float:right; width:calc(100% - 453px); padding:70px 0 50px;  display:flex; flex-wrap: wrap; margin-right:20px; }
.rev_box:after { content:""; display:block; clear:both; }
.rev_box p { width:23%; margin:0 1% 15px; text-align:center; position:relative; z-index:1; }
.rev_box p a { display:block; width:100%; box-sizing:border-box;  border:1px solid #d5d5d5; border-radius:10px; font-size:16px; font-weight:500; text-decoration:none !important; padding:0 0 0px 0; color:#333; background:#fff; transition:border 0.4s; position:relative; }
.rev_box p a span.ic { display:block; width:100%; height:95px; }
.rev_box p.re_type1 a span.ic{ background:url(./img/re_ic1.png) center 20px no-repeat; background-size:44px; }
.rev_box p.re_type2 a span.ic{ background:url(./img/re_ic2.png) center 29px no-repeat; background-size:44px; }
.rev_box p a span.link { display:block; background-image: linear-gradient(135deg, #f34079 40%, #fc894d); color:#fff; margin:15px auto 20px; height:35px; border-radius:10px; line-height:35px; width:80px; }

.rev_box p a:hover {  }
.rev_box p a:hover span.ic {-webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both; }

.re_none_txt { text-align:center; font-size:22px; font-weight:bold; color:#333; padding:20px 10px; }
.re_none_txt:before { content:""; display:block; width:100%; height:252px; background:url(./img/re_none.png) center top no-repeat; margin-bottom:25px; }

.rev_box p a::before { box-sizing:border-box; content:""; display:block; border-radius:8px; width:0px; height:0px; position:absolute; left:0px; top:0px; border:4px solid transparent;  }
.rev_box p a::after { box-sizing:border-box; content:""; display:block; border-radius:8px;  width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:4px solid transparent;  }
.rev_box p a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.rev_box p a:hover::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.rev_box p a:hover::before { border-top-color:#8490f1; border-right-color:#8490f1; }
.rev_box p a:hover::after {  border-bottom-color:#ffdc7a; border-left-color:#ffdc7a; }


.typebox { text-align:left; }

/*성적화면*/
#table-scroll { width:100%; position:relative; overflow:hidden; }
.fix_def { width:100%; overflow:auto; }
/*리스트3*/
table.fix_table { min-width:580px;}
table.flist_table { width:100%; border-collapse:collapse; border:1px solid #d5d5d5; border-right:0 none; border-bottom:0 none; color:#5f5f5f; font-size:13px; letter-spacing:-0.5px; border-top:2px solid #555;  text-align:center;}
table.flist_table th{padding:8px 5px; background:#f9f9f9; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; word-break:keep-all; }
table.flist_table td{padding:8px 5px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; color:#666; font-size:12px; text-align:center; word-break: break-all; background:#fff; min-width:60px; box-sizing:border-box;}

#table-scroll .clone_table { position:absolute; left:0; top:0; pointer-events:none; }
#table-scroll .clone_table th:not(.fix_side),
#table-scroll .clone_table td:not(.fix_side) { opacity:0; border-color:transparent; }

table.flist_table th.fix_side { min-width:60px; box-sizing:border-box; }
table.flist_table td.fix_side { min-width:60px; box-sizing:border-box;}

.m_stu_info { display:none; }

.inf_custom {  width:250px; margin:30px auto 0;  }
.inf_custom label { display:block; width:100%; cursor:pointer; position:relative;}
.inf_custom input { position:absolute; left:0; top:0; opacity:0; }
.inf_custom label span { display:block; background-image: linear-gradient(135deg, #f34079 40%, #fc894d); color:#fff; margin:15px auto 20px; height:55px; border-radius:10px; line-height:55px; width:100%; text-align:center; font-weight:bold; font-size:16px; position:relative; top:0; box-shadow:0px 3px 0px rgba(0,0,0,0.15); transition:all 0.4s;  }
.inf_custom label span:hover { box-shadow:none; top:3px; }

.sin_realbox { text-align:center; margin-top:30px; }
.sin_realbox #div_name {  }
/*.sin_realbox .bg { width:220px; height:265px; border-radius:150px 150px 0 0; background:#eff5ff url(./img/phone.png) center bottom no-repeat; background-size:175px;  box-shadow:inset -5px 0px rgba(173,200,244,0.35), inset 0px 3px rgba(173,200,244,0.35);   box-sizing:border-box; position:relative; }
.sin_realbox .bg:before { content:""; display:block; width:calc(100% + 6px); height:4px; background:#a8c7fb; position:absolute; left:-3px; bottom:-4px; }
.sin_realbox .bg:after { content:""; display:block; width:calc(100% + 16px); height:7px; background:#2d6eda; position:absolute; left:-8px; bottom:-11px; }
*/

.sin_realbox .bg { width:250px; margin:0px auto 0; height:90px;  position:relative; }
.sin_realbox .bg:before { content:""; display:block; width:100%; height:90px; background:url(./img/ph_bg.png) center top no-repeat; position:absolute; left:0; bottom:0; z-index:1;}
.sin_realbox .bg:after { content:""; display:block; width:100%; border-radius:10px; height:30px; position:absolute; left:0; bottom:0; background:#bfd7ff; }

.sin_realbox .txtbox { text-align:center; margin:25px 0 0 0px; }
.sin_realbox .txtbox dt { font-size:24px; font-family: 'S-CoreDream-5Medium'; color:#333; position:relative; z-index:1; }
.sin_realbox .txtbox dd { font-size:18px; font-family: 'S-CoreDream-4Regular'; margin:15px 0 30px; line-height:27px; }
.sin_realbox .txtbox p {  }
.sin_realbox .txtbox p input { border:0 none; display:block; background-image: linear-gradient(135deg, #f34079 40%, #fc894d); color:#fff; margin:15px auto 20px; height:55px; border-radius:10px; line-height:55px; width:100%; max-width:200px; text-align:center; font-weight:bold; font-size:16px; position:relative; top:0; box-shadow:0px 3px 0px rgba(0,0,0,0.15); transition:all 0.4s; cursor:pointer; }
.sin_realbox .txtbox p input:hover { box-shadow:none; top:3px; }

p.re_info_txt { margin:20px 0 10px; font-weight:500; font-size:15px; }
p.re_info_txt span { display:inline-block; border-radius:5px;  padding:3px 10px; color:#fff; margin-left:3px; font-size:14px; }
p.re_info_txt.ctxt1 span { background:#00d7b8; }
p.re_info_txt.ctxt2 span { background:#fe7b9a; }



@media all and (max-width:1024px) {
label.ck_style { margin:3px 8px; }
.su_btbox .xb_select { margin:3px 0; }
.su_btbox .input1 { margin:3px 0; }
.su_btbox .list_search_btn {  margin:3px 0; }
.su_btbox .list_search_btn2 {  margin:3px 0; }
.su_btbox .input1 { width:50%; }

#new_tablebox .boardbox_content li { padding: 8px 10px; }
#new_tablebox .boardbox_content li p.su_bd_btn { float:left; width:25%; box-sizing:border-box; border:1px solid #d5d5d5; padding:5px 5px 12px; border-left:0 none; height:116px; margin:4px 0; }
#new_tablebox .boardbox_content li p.su_bd_btn:before { content:attr(data-text); display:block; text-align:center; width:100%; font-weight:500; letter-spacing:-0.5px; color:#333; }
#new_tablebox .boardbox_content li p.bd_btn1 { clear:both; border-left:1px solid #d5d5d5; }
#new_tablebox .boardbox_content li p.bd_btn5 { clear:both; border-left:1px solid #d5d5d5; }

#new_tablebox .boardbox_content li p.su_bd_btn a { margin:0 4px; width:calc(100% - 8px); }

#new_tablebox .boardbox_content li p.sl_date:before { content:attr(data-text); display:inline-block; vertical-align:top; margin-right:5px; color:#333; font-weight:500; }

#new_tablebox .boardbox_content li p.sl_name { line-height:24px; }
#new_tablebox .boardbox_content li p.sl_name:before { content:attr(data-text); display:inline-block; vertical-align:top; margin-right:5px; color:#333; font-weight:500; }

#new_tablebox .boardbox_content li p.new_subject { margin-bottom:10px; }

#su_cont .su_list .yo_box { display:block; width:100%; text-align:center; justify-content:center; border-top:1px solid #1f70cd; position:relative; z-index:1;  }
#su_cont .su_list .yo_table_view #yo_table {  }
#su_cont .su_list:nth-child(even) .yo_box { border-top-color:#6442a4; }
#su_cont .su_list .yo_box .yo_tr { display:block; }
#su_cont .su_list .su_yoil span.yoil_def {   display:block; float:left; width:40%; border-bottom:0 none; border-right:1px solid #ddd; box-sizing:border-box; }
#su_cont .su_list .yo_box p { font-size:13px; border-left:1px solid #ddd; display:block; float:left; width:100%; box-sizing:border-box; }
#su_cont .su_list .yo_box p:first-child { border-left:1px solid #ddd; }
#su_cont .su_list .su_yoil span.ytxt { float:right; width:60%; }




/*강좌내용*/
table.coList_table { display:block !important; }
table.coList_table tbody { display:block !important; }
table.coList_table tr { display:block !important; }
table.coList_table th { display:block !important; height:auto; padding:10px 13px 0; border-bottom:0 none;}
table.coList_table td { display:block !important; height:auto;}
.yo_style p { float:none; width:100%; }

/*신청레이어*/	
.singuide { background:#fff; position:absolute; left:3%;  width:94%; }
.singuide .gtitle { font-weight:bold; background:#019dda; line-height:55px; text-align:center; color:#fff; font-weight:bold; font-size:16px; }
.singuide .gtitle span { color:#fffc05; }
.singuide ul { padding:15px 20px; max-height:150px; overflow-y:auto; }
.singuide ul li { line-height:24px; padding:0 0 0 12px; position:relative; font-size:13px; color:#333; margin-bottom:5px; }
.singuide ul li::before { content:""; display:block; width:4px; height:4px; background:#777; position:absolute; left:0; top:13px; }

.new_sck { padding:15px 15px 20px; background:#f3f3f3; text-align:center; }
.new_sck label { font-size:13px; line-height:24px; }
.new_sck label.ck_style span { top:2px; }

/*강좌신청*/
table.sinEdit_table { display:block !important; }
table.sinEdit_table tbody { display:block !important; }
table.sinEdit_table tr { display:block !important; }
table.sinEdit_table th { display:block !important; height:auto; padding:10px 13px 0; border-bottom:0 none;}
table.sinEdit_table th br { display:none; }
table.sinEdit_table td { display:block !important; height:auto;}
.yo_style p { float:none; width:100%; }

#new_tablebox .sinList_style li p.sl_date br { display:none; }


.re_none_txt { font-size:18px; padding:20px 0px; }

/*성적조회*/
.rev_cont { overflow:hidden; position:relative; min-height:10px; background:#f5f9ff; }
.rev_cont .dsline { display:none; }
.rev_cont .bgbox { display:none; }

.rev_box { float:none; width:96%; padding:30px 0 15px; display:flex; flex-wrap: wrap; margin:0 2%; }
.rev_box:after { content:""; display:block; clear:both; }
.rev_box p { width:48%; margin:0 1% 15px; text-align:center; position:relative; z-index:1; }
.rev_box p a {  font-size:15px; }

/*리스트3*/
table.fix_table { min-width:650px; }
table.fix_table th { width:15px !important; }
table.fix_table td { width:15px !important; }
table.fix_table th.fix_side { }
table.fix_table td.fix_side {   }
table.fix_table colgroup { display:none !important; }

#table-scroll .clone_table { position:absolute; left:0; top:0; pointer-events:none; }
#table-scroll .clone_table th:not(.fix_side),
#table-scroll .clone_table td:not(.fix_side) { opacity:0; border-color:transparent; }


#table-scroll table.fix_table th.m_fixinfo,
#table-scroll table.fix_table td.m_fixinfo { display:none; }

#table-scroll table.fix_table th.fix_side,
#table-scroll table.fix_table td.fix_side { width:25px !important; }

#table-scroll table.fix_table th.fix_side { background:#eff5ff; }

.m_stu_info { display:block; }
.m_stu_info table.fix_table { min-width:10px; }
.m_stu_info table.fix_table colgroup { }
.m_stu_info table.fix_table th:not(.m_fixinfo),
.m_stu_info table.fix_table td:not(.m_fixinfo) { display:none !important; }

#table-scroll table { border-top:0 none; }

/*휴대폰인증*/




}

@media all and (max-width:910px) {

#su_cont .su_list { width:100%; margin-bottom:30px;  }
#su_cont .su_list:nth-child(odd) { margin-right:0px; }

#su_cont .su_list .su_info { min-height:auto !important; }

}
@media all and (max-width:626px) {
 
}

@media all and (max-width:439px) {
#su_cont .su_list .su_info p.su_year { width:100%; }
#su_cont .su_list .su_info p.su_subject { width:100%; }
#su_cont .su_list .su_info dl { float:right; width:100%; margin-top:10px; }
#su_cont .su_list .sin_info dl.sin_num dt { font-size:13px; letter-spacing:-0.5px; }
#su_cont .su_list .sin_info dl.sin_date dd { font-size:13px; }
#su_cont .su_list .sin_info dl.sin_num { width:55%; }
#su_cont .su_list .sin_info dl.sin_date { width:42%; }

#su_cont .su_list .yo_view { width:100%; }

}