reset*/
@charset "utf-8";

/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 600; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 900; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code, del, 
dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td{ position: relative; padding: 0; border:0; font-size: 100%;  word-break:break-all; margin:0;padding:0;font-size:100%;box-sizing: border-box; font-family: 'Noto Sans KR'!important; font-weight: 300;}
th{font-weight: 500;}
body{letter-spacing: -0.072em; overflow:auto; width:100%; height: 100vh;min-height:100%;font-family: 'Noto Sans KR'!important;line-height:1.5; margin: 0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family: 'Noto Sans KR';}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse;border-spacing:0;}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;}

i, em, address{font-style:normal}
address{ margin-top: -13px; }
label, button{cursor:pointer; text-align: center !important;}
blockquote, q {quotes:none}
caption, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;box-sizing: border-box;}
header, input, textarea, select, button {font-family:'Noto Sans KR';font-size:16px;color:#3e3a39;line-height:1.5;letter-spacing:0;vertical-align:middle; border:none;}
input, textarea {margin:0;padding:0;  background:none; box-sizing:border-box;}
textarea {resize:none}
a{ /*display: inline-block;*/ color: #000000;text-decoration:none}
a:visited {color:#000000;text-decoration:none}
a:hover {color:#d22f8c;text-decoration:none}
.blind{display: none;overflow: hidden;position: absolute;width: 0;height: 0;padding: 0;margin: 0; font-size: 0;line-height: 0; text-indent: -9999em;visibility: hidden;outline: none;z-index: -1;}

*:focus { outline:none; }​ 


/*   a{display:inline-block;cursor:pointer;text-decoration:none;color:inherit;}    */
a{cursor:pointer;text-decoration:none;color:inherit;}
/*reset*/
a.line:hover{ text-decoration:underline; }
/*reset*/

.ui-btn-icon-notext.ui-btn-left{ top: 17px; left: 20px; }

.sub_body{ position: relative; clear: both; }
.sub_left{ /*float: left;*/ }
.sub_right{ margin-bottom: 140px;}
.sub_right .lecture_list a{ font-weight: 600; }



/*기본*/
/* Adjust the width of the left reveal menu. */
#idx #left-panel.ui-panel {
	width: 100%;
}
#idx #left-panel.ui-panel-closed {
	width: 0;
}
#idx .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
	left: 100%;
	right: -15em;
}
#idx .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(15em,0,0);
	-moz-transform: translate3d(15em,0,0);
	transform: translate3d(15em,0,0);
}

/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */
.ui-listview .ui-listview .ui-btn {
	background: #3399ff;
}
.ui-listview .ui-listview .ui-btn:hover {
	/*background: #059;*/
}
.ui-listview .ui-listview .ui-btn:active {
	background: #3399ff;
}

/* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
#idx .ui-panel-display-reveal {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#idx .ui-panel-page-content-position-left {
/*	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	box-shadow: -5px 0px 5px rgba(0,0,0,.15);*/
}

/* Setting a custom background image. */
#idx.ui-page-theme-a,
#idx .ui-panel-wrapper {
	background-color: #fff;
	/*background-image: url("/mobile/_assets/img/bg-pattern.png");*/
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* Styling of the page contents */
.article p {
	margin: 0 0 1em;
	line-height: 1.5;
}
.article p img {
	max-width: 100%;
}
.article p:first-child {
	text-align: center;
}
.article small {
	display: block;
	font-size: 75%;
	color: #c0c0c0;
}
.article p:last-child {
	text-align: right;
}
.article a.ui-btn {
	margin-right: 2em;
}
/*@media all and (min-width:769px) {
	.article {
		max-width: 470px;
		margin: 0 auto;
		padding-top: 4em;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		column-gap: 2em;
	}
	/* Fix for issue with buttons and form elements
	if CSS columns are used on a page with a panel. */
	.article a.ui-btn {
		-webkit-transform: translate3d(0,0,0);
	}
}*/

/*탑 로그인 시작*/
.ui-navbar li:last-child .ui-btn{ margin-top: -22px; }
.top_logo{ max-width: 100%; }
.top_logo_main{ max-width: 100%; margin:0px 0; height: 46px; }
#logout{ top: 24px; }
#top_nav{ margin-top: -48px!important; }
.ui-collapsible-set{ margin-top: 0; }
.ui-btn-icon-right:after{ z-index: 1; }

.bbs_result.search_all img{ max-width: 100%!important; height: none!important; }

.ui-block-a{ top: 24px; }
.ui-block-b, .ui-block-c{ top: 24px; }
/*.ui-grid-duo .ui-grid-a{ margin-top: -24px; }*/
/*.ui-navbar ul{ height: 41px!important; overflow: hidden!important; margin-bottom: 0px!important; }*/


#info{ text-align: center; font-size: 16px; margin-top: 30px; margin-bottom: -8px; color: #2A2A2A; }
#tel{ text-align: center; font-size: 32px; font-weight: 600; padding: 2px 0;  margin-bottom: 5px; color: #007fff; }


/* 패널 */
.foot_icon_wrap{ overflow: hidden; margin-bottom: 20px; }
.foot_icon li{ position: relative; float: left; width: 33.33%; text-align: center; padding: 10px; }
/*.foot_icon li:nth-of-type(1){ border-right: 1px solid #eee; }
.foot_icon li:nth-of-type(2){ border-right: 1px solid #eee; }*/
.foot_icon img{ width: 80px; }

.sns_main_wrap{ overflow: hidden; }
.sns_main_m ul{ width: 100%; text-align: center; }
.sns_main_m li{ display: inline-block;}
.sns_main_m img{ width: 47px; padding-right: 3px; }

.ui-navbar li .ui-btn{ font-size: 15px!important; }


#login_main{ top: 14px; }
.imgslide{ position: relative; }
.autoplay{ margin-top: 20px; width: 100%;}
.autoplay img{ width: 100%; height: 220px; object-fit: cover; }

.autoplay a{ z-index: 9999; }

.message1, .message2, .message3, .message4, .message5{ 
	

	top: -80px;
    width: 85%;
    height: 148px;
    background-color: #fff;
    border-radius: 20px;
    /*box-shadow: 0 3px 6px rgb(0 0 0 / 10%), 0 3px 6px rgb(0 0 0 / 23%);*/
    letter-spacing: -1.3px;
    text-align: center;
    max-width: 100%;
    margin:0 auto;
   
}




.message_1, .message_4, .message_7, .message_10, .message_13{ 


font-size: 15px;
border-radius: 30px;
background-color: #007fff;
display: inline-block;
padding: 4px 25px;
color: #ffffff!important;
margin-top: 14px;

}



.message_2, .message_5, .message_8, .message_11, .message_14{ 
font-weight: 700;
font-size: 26px;
margin-top: 10px;
  }

.message_3, .message_6, .message_9, .message_12, .message_15{ 

font-size: 14px;
top: -26px;
padding: 16px;
  }

.slick-dots{ bottom: 40px!important; }

.link1_wrap{ position: relative; margin-top: -60px; }
.link1_inner ul{ margin: 0 auto; text-align: center; display: inline-block; width: 100%; overflow: hidden; border: 1px solid #eee; }
.link1_inner li:nth-of-type(1){ width: 50%; float: left; border: 1px solid #eee; background-color: #007fff; color: #ffffff; height: 40px; }
.link1_inner li a:nth-of-type(1){ color: #ffffff; }

.link1_inner li:nth-of-type(2){ width: 50%; float: left; border: 1px solid #eee; background-color: #d22f8c; color: #ffffff; height: 40px; }
.link1_inner li a:nth-of-type(2){ color: #ffffff; }

.link1_inner li a span:nth-of-type(1){ top: 7px; }


.main_bottom_outer{ width: 100%; }
.main_bottom_inner{ position: relative; margin: 0 auto; overflow: hidden; }

.icon{ float: left; margin-bottom: 15px; width: 100%; }
.icon img{ width: 100px; margin-top: 20px; }
.icon td{  border: 1px solid #ffffff; text-align: center; padding-bottom: 15px;  }


.tab{ float: left; width: 100%; }
.bullet_b{ width: 100%; position: relative; display: inline-block; clear: both; }
.bullet_b .tit{ float: left; width: 80%;  }
.bullet_b a{ height: 20px;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
    color: #595757; }
.bullet_b .date{ position: absolute; right: 0; top: -4px;  }   

.ui-widget.ui-widget-content{ border: 1px solid #eee!important; }


.pc_ver{  width: 100%; float: left; margin-top: 15px!important; margin-bottom: 150px; padding: 10px; border: 1px solid #eee; font-size: 18px; font-weight: 500; color: #3e3a3a; text-align: center; }
.pc_ver a{ font-weight: 600; padding: 0 80px; }

.organ_mobile{ width: 100%; float: left; padding: 10px; border: 1px solid #eee; font-size: 18px; font-weight: 500; color: #3e3a3a; text-align: center; background-color: #595757; }
.organ_mobile a{ color: #ffffff; font-weight: 600; padding: 0 80px; }

.footer_sticky{ float: left; position: fixed; bottom:0; width: 100%; height: 119.5px; background-color: #ffffff; }
.footer_sticky li a{ margin: 0 auto; /*float: left;*/ padding: 20px; text-align: center; width: 30.80%; font-weight: 500; }
.footer_sticky li a img{ width: 80px; }

.footer_sticky_con{ position: absolute; position: fixed; bottom:0; width: 100%; background-color: #ffffff; border-top: 2px solid #007fff; z-index: 5; }
.footer_sticky_con li a{ margin: 0 auto; float: left; padding: 20px; text-align: center; width: 33.3%; font-weight: 500; }
.footer_sticky_con li a img{ width: 80px; left: -7px; }

#container{ margin-bottom: 115px; }

/*.footer_sticky li:nth-of-type(2){ background-color: #eee; }*/
#class_apply a{ border-right: 1px solid #eee; }
#class_basket a{ border-right: 1px solid #eee; }
#class_basket a{ background-color: #eee; }


/* /sub/content.asp */
.con_wrap_out{ position: relative; }
.con_wrap_inner{ padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.mcontent span{  font-weight: 600; }
.mcontent img, #float_banner{ max-width: 100%!important; height: auto; padding: 10px 0; }


.con_tit{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 6px; font-weight: 400; font-size: 28px; line-height: 1.3; }
.rCnt{ position: absolute; right: 5px; top: 25px; }
.con_sns{ text-align: right; margin-bottom: 10px; }

.label { font-weight: bold;	margin: 20px 0; }
.btn_size {	position: absolute;	top: -8px; right: 0; width: 80px; border: 1px solid #CCCCCC; padding-left: 10px; margin: 10px 0; }
.btn_size:hover{ cursor: pointer; }
.btn_size.pl{ background-color: #007fff; color: #ffffff; right: 82px; font-size: 15px; z-index: 1; }
.btn_size.mi{ background-color: #d22f8c; color: #ffffff; font-size: 15px; z-index: 1; }

/* /sub/content.asp */





.attach_file_out00{ margin-top: 100px; padding: 14px 14px 5px 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: auto; }

.writer_edit{ /*width: 100%;*/ position: relative; display: inline-block; clear: both; }
.btn_li{ position: relative; /*width: 100%;*/ }
.list{ position: absolute; float: right; top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list:hover{ background-color: #d22f8c; color: #ffffff; }

.list_logout{ float: right; top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list_logout a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_logout:hover{ background-color: #d22f8c; color: #ffffff; }

/*.list_edit{ float: left; top: 7px; width: 110px; left: 480px; background-color: #595757; color: #ffffff; }*/
.list_edit{ float: left; top: 7px; width: 110px; left: 110px; background-color: #595757; color: #ffffff; }
.list_edit a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_edit:hover{ background-color: #d22f8c; color: #ffffff; }

/*.list_del{ float: left; top: 7px; width: 110px; left: 480px; background-color: #595757; color: #ffffff; }*/
.list_del{ float: left; top: 7px; width: 110px; background-color: #595757; color: #ffffff; }
.list_del a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_del:hover{ background-color: #d22f8c; color: #ffffff; }

/*.list_repl{ float: right; top: 7px; width: 110px; background-color: #595757; color: #ffffff;  }*/
.list_repl{ left: 165PX; float: left; top: -21px; background-color: #595757; color: #ffffff;  }
.list_repl a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.list_repl:hover{ background-color: #d22f8c; color: #ffffff; }

.list_repl2{ float: right; left: 57px; top: 7px; width: 55px; background-color: #595757; color: #ffffff;  }
.list_repl2 a{ display: block; padding: 2px 13px; border: 1px solid #eee; color: #ffffff; }
.list_repl2:hover{ background-color: #d22f8c; color: #ffffff; }



.board_edit{ width: 100%; position: relative; display: inline-block; clear: both; }

.board_edit .list_save input{ float: left; margin-top: 7px; width: 110px; color: #000000; }
.board_edit .list_save input{ display: block; padding: 10px 40px; border: 1px solid #eee;  background-color: #595757; color: #ffffff;  }
.board_edit .list_save.pd input{ padding: 10px 40px; }
.board_edit .list_save input:hover{ background-color: #d22f8c; color: white; }

.list_cancel{ float: left; top: 7px; width: 110px;  background-color: #595757; color: #ffffff; }
.list_cancel a{ display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }

.board_edit .list{ right: 0; top: 7px; width: 110px;  background-color: #595757; color: #ffffff;  }
.board_edit .list a{ display: block; padding: 10px 40px; border: 1px solid #eee; }

.custom-control-label:before, .custom-control-label:after{ display: none!important; }



.menu_repl_w{ position: relative; width: 100%; display: inline-block;  }
.menu_w_out{ position: relative; display: inline-block; width: 100%; }
.repl_w_out{ position: relative; margin-top: 50px; }


.attach_file_out0{ padding: 14px 14px 0 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out{ padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out2{ margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_out3{ position: relative; margin-top: 0; padding: 14px 14px 0 14px; border-bottom: 1px solid #eee; font-weight: bold; color: #555; height: 55px; }
.attach_file_w{ display: inline-block; clear: both; }
.attach_file_name{ float: left; padding-left: 0px; padding-right: 10px; }
.attach_file, .attach_file3{ position: relative; margin-left: 95px; margin-top: 2px; }
.attach_file a, .attach_file3 a{ color: #555555 !important; padding:0 5px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */  }
.attach_file a:hover, .attach_file3 a:hover{ color: #d22f8c !important; }

.attach_file_a{ margin-left: 185px; }
.attach_file a, .attach_file_a a{ padding: 0 5px; }






.attach_file_name i.material-icons{ position: absolute; left: 0px; }



/*PC댓글 시작*/
.repl{ background-color: #f9f9f9; padding: 5px; }
.repl_write{ margin-top: 40px; }
.repl_in{ border-bottom: 1px solid #eee; width: 100%; }
.repl_ref{ position: relative;  width: 100%; overflow: hidden; margin: 15px 0; /*padding-bottom: 15px;*/ z-index: 2; }

.repl_id_w{ float: left; position: relative;  width: 105%; overflow: hidden; margin-left: 25px; height: 45px; }

.repl_id{ float: left; padding: 0 5px; color: #000000; font-weight: bold; }
.repl_time{ /*float: left;*/     /*margin-top: -80px;*/  padding: 0 5px; font-size: 13px; padding-top: 3px; }
.repl_repl_btn{ /*float: left;*/  width: 100%; position: absolute; /*margin-top: -20px;*/ text-align: right; padding: 0 5px;  font-size: 13px; padding-top: 3px; }

.ui-button{ border: none!important; background: none!important; color: #2b2b2b!important; left: -10px; top: -7px; width: 42px; font-size: 13px; }
.ui-button:hover{ border: none!important; background: none!important; color: #2b2b2b; left: -10px; top: -7px; width: 42px; font-size: 13px; }
input.ui-button{ font-size: 13px; margin-top: 20px; }


.repl_id_w span img{ left: -100px; top: -27px; width:100px; display: none; }


.repl_edit_w{ position: absolute; bottom: 0px; left: 15px; }
.repl_edit{ float: left; right: -20px; }
.repl_del{ float: right; padding-left: 5px; }
.repl_delm{ left: 20px; bottom: -4px; }
.repl_edit input{ font-size: 13px; margin-bottom: 0px; }
.repl_delm input{ font-size: 13px; margin-bottom: 10px; }

.repl_input{ position: relative; width: 100%; overflow: hidden; }
textarea{ float: left; position: relative; width:88%; height:75px !important; border:1px solid #eee; overflow:visible; text-overflow:ellipsis; padding: 10px; border-color: #cccccc; }
input.btn{ float: right; position: relative; padding: 25px 35px; font-size: 12px; }
input.btn:hover{ background-color: #d22f8c; color: #ffffff; }

.counter_edit{ top: 0px; padding-top: 25px; padding-left: 5px!important; }


.repl_con{ padding: 0 30px; color: #666666; margin-top: -10px; word-break: break-all; line-height: 1.8; margin-bottom: 50px; }
.repl_con img{ position: absolute; left: -15px; top: -75px; width:100px; }
.repl_con.repl img{ top: -55px!important; }

#repl_img{ position: absolute; left: -25px; top: -60px; width:100px; }
#fcn_new{ width: 10px; position: absolute; margin-top:-60px; left: -17px; width: 10px!important; height: 10px!important; z-index: 1; }
#fcn_new_noti{ width: 10px; position: absolute; margin-top:-63px; width: 10px!important; height: 10px!important; z-index: 1; right: -11px }
.fcn_new_tab{ width: 10px; position: absolute; margin-top:-14px; width: 10px!important; height: 10px!important; z-index: 1; right: -11px; }

.repl_edit_form, .repl_add_form{ display: none; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.repl_font{ font-size: 13px; }

.repl_left{ left: 10px; }
.repl_left i{ background-color: #d22f8c; color: #ffffff; padding: 3px 3px 5px 3px; border: 1px solid #d22f8c;  border-radius: 3px;}

.repl_repl_left{ margin-left: 55px; }
.repl_repl_id_w{ float: left; position: relative;  width: 70%; overflow: hidden; margin-left: 65px; height: 25px; left: -30px; }


.btn.edit_add{ padding: .4em 1em!important; border-radius: 4px!important; margin-top: 10px; }
.btn{ padding: .4em 1em!important; border-radius: 4px!important; margin-top: 10px; }
textarea{ width: 100%; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;}
/*PC댓글 끝*/


/*좋요싫어요*/
.lb_w{ position: absolute; clear: both; right: -12px; bottom: 0px; margin-bottom: 10px; }
.lb_w2{ position: absolute; right:0; clear: both; bottom: 10px; }
.like{ float: left; }
.bad{ float: left; width: 45px; margin-left: 20px; }

.like ii{ color: #007fff; }
.bad ii{ color: #d22f8c; }
/*좋요싫어요*/



.board_edit a:hover, .form_del input[type=submit]:hover, .form_del input[type=button]:hover, .form_del + a:hover { background-color: #d22f8c; color: white; }

.editor_info{ background-color: #eee; padding: 3px; text-align: center; }

.board_chk{ position: relative; display: inline-block; width: 100%; clear: both;  padding-left: 10px; }
.board_chk_sec{ position: relative; float: left; display: inline-block; }
.board_chk_noti{ position: relative; float: left; display: inline-block; padding-left: 15px; }


#del_fi{ margin-top: 10px; }
.del_field{   width: 15%;
border: 1px solid #eee !important;
color: #000000;
padding: 12px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer; }

#del_file{ width: 69%; height: 50px; margin-top: 10px;}

.upload_w{ margin-bottom: 100px; }
.upload_form{ padding: 5px 0; }
.form_file{ padding: 5px; }
.save_priv input{ position: absolute; right: 0!important;  margin-top: 7px; width: 200px; color: #000000; background-color: #595757; color: #ffffff;  }
.save_priv input{ display: block; padding: 10px 40px; border: 1px solid #eee; }
.save_priv input:hover{ background-color: #d22f8c; color: white; }

.btn_list_w{ position: relative;  }
.btn_list_edit{ margin-top: -30px; }
.btn_list_edit a{ float: right; }
.btn_list_edit button{ width: 60px;  padding: 8px 12px;  font-size: 12px !important;  background-color: #595757; color: #ffffff; }
.btn_list_edit button:hover, .btn_list_edit a button:hover{ background-color: #d22f8c; color: #ffffff; font-weight: 500; }


.del_edit_btn{ position: absolute; left: -100px; clear: both; margin-top: -30px; width: 100%; }
.del_edit_btn a{  float: left; left: 100px; }
.del_edit_btn button{ width: 60px;  padding: 8px 12px;  font-size: 12px !important;  background-color: #595757; color: #ffffff; }
.del_edit_btn button:hover, .btn_list_edit a button:hover{ background-color: #d22f8c; color: #ffffff; font-weight: 500; }


/*#news_list td{ border-top: 1px solid #eee; margin-top: 7px; }*/
.media_news{ width: 100%; position: relative; margin-top: 30px; }

#news_list{ display: inline-block; clear: both; }
#news_list .thumb{ width: 110px; height: 75px; float: left; border: 1px solid #eee; }
#news_list .thumb a{ z-index: 1; }
#news_list .tit{ position: relative;  /*float: left;*/ padding-left: 120px; margin-bottom: 30px;  }
#news_list .tit a{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 

}

.scroll-text .tit{ max-width: 350px; }
.scroll-text .tit a{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 

}

#news_list img{ width: 100%; height: 75px;  }
#news_list .tit .title{ margin-top: -26px; height: 80px; }

#news_list .title_btm{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
    color: #595757; }






#news_list .tit_bulletin{ position: relative;  /*float: left;*/ padding-left: 120px; margin-bottom: 30px;  }
#news_list .tit_bulletin a{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 

}

#news_list img{ width: 100%; height: 75px;  }
#news_list .tit_bulletin .title{ position: relative;  height: 80px; }

#news_list .title_btm{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
    color: #595757;
    top: 0px; }

#news_list .title_btm_bulletin{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ 
    color: #595757;
    top: -25px; }

.fas.fa-lock{ position: absolute; left: -117px; top: 5px; z-index: 1; }
.fas.fa-microphone { position: absolute; left: -95px; top: 5px; z-index: 1; }


.line{ border-bottom: 1px solid #eee; top: -14px; }
.bulletin_line{ border-bottom: 1px solid #eee; }

.bulletin_order{ background-color: #eee; }
.bulletin_tit a{ font-weight: 600; }

.ui-checkbox, .ui-radio{ top: 3px!important; margin:none!important; }
.board_chk_sec label{ margin-left: 35px; top: -2px; }


.board_chk_sec_repl{ position: relative; float: left; display: inline-block; }
.board_chk_sec_repl label{ margin-left: 35px; top: -33px; }

.board_chk_noti_repl{ position: relative; float: left; display: inline-block; padding-left: 15px; }
.board_chk_noti_repl label{ top: -33px; left: 35px;}



.sub_right > h1{ font-size: 24px; text-align: center; margin-bottom: 30px; border-bottom: 1px solid #eee; font-weight: 600; }
.nav-tlink{ text-align: center; margin-bottom: 20px; margin-top: -20px; }
.nav-tlink a{ font-weight: 300; }
/*Bulletin_board edit*/

#paging{ text-align: center; }
#paging a{ font-size: 24px; font-weight: 600; }
#paging b{ font-size: 24px; font-weight: 600; }





/* /mobile/sub/lecture_college.asp START */
#contentWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#contentLeft {
  z-index: 10;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #3e3a39;
}

#contentRight {
  padding: 1.3rem 2rem;
  margin-left: 250px;
}

#leftNavigation { position: relative; clear: both; display: inline-block; width: 100%; margin: 0 auto; }
#leftNavigation li{  float: left; padding-left: 5px; }


#leftNavigation li a {
  font-size: 0.875rem;
  display: block;
  padding: 0.8rem;
  color: #ffffff;
  /*border-bottom: solid 1px #ffffff;*/
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  text-align: center;
  top: 2px;
}

#leftNavigation li a:hover {
  font-weight: 500;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #595757;
}
#leftNavigation li ul li a {
  border-bottom: solid 1px #ffffff;
}
#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: white;
}
#leftNavigation li.active > a {
  color: white;
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
  background-color: #007fff;
}


.college_left .left .thumb{ width: 110px; height: 75px; float: left; border: 1px solid #eee; }
.college_left .left .thumb a{ z-index: 1; }


.bottom_right .cart a, .bottom_right .enroll a{ color: #fff;
    background-color: #595757;
    border-color: #d22f8c;
    /*right: 103px;*/
    top: 3px;
    padding: 10px;
    bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    width: 100px;
    text-align: center; }

.bottom_right{ position: relative; float: right; width: 100%; display: inline-block; margin: 0 auto; clear: both; margin-bottom: -17px; margin-top: 10px; }
.bottom_right .cart{ float: right; right: 0px; top: -50px; }
.bottom_right .enroll{ float: right; right: 5px; top: -50px; }

.college_ul .border_line{ border-bottom: 1px solid #eee; margin-top: 80px; padding-bottom: 10px; }

.college_ul{ margin-top: -20px; }
.tuition_w{ position: absolute; right: 0; top: -75px; }

.lecture_title .title a{ font-weight: 600; font-size: 20px; }

.package_top{ margin-bottom: 50px; position: relative; }

.college_bottom.package_top .bottom_right{ margin-bottom: 20px; margin-top: 36px; }
.college_bottom.package_top .bottom_right .enroll{ float: right; right: 5px; top:0px; }
.college_bottom.package_top .bottom_right .cart{ float: right; right: 0px; top:0px; }
.tuition_w_pack{ position: absolute; right: 0; margin-top: 8px; }

.college_bottom.package_top .border_line{ border-bottom: 1px solid #eee; margin-top: 100px; padding-bottom: 10px; }
.college_ul.package_top{ margin-top: -60px; }
.college_ul.package_top .border_line{ margin-top: 30px; }
.college_ul.package_top .tuition_w{ top: -25px; }
#college_icon{ margin-right: 1px; }
/*.college_bottom { position: relative; padding: 20px 0 80px 20px; background-color: #f9f9f9; }*/
/* /mobile/sub/lecture_college.asp END */



/**/
.lecture_view_w{ position: relative; }
.lecture_view_w tr, .lecture_view_w td{ border-top: 1px solid #d6d6d6; font-weight: 500; }
.lecture_view_w .tr_inner{ border-top: none!important; }
/*.lecture_view_w tr:last-child{ border-bottom: 1px solid #d6d6d6; }*/
.lecture_view_w .lecture_count{ background-color: #f9f9f9; border-right: 1px solid  #d6d6d6; width: 50px; text-align: center; border-top: 1px solid #d6d6d6;  }
.lecture_view_w .lecture_name{ padding-left: 20px; height: 110px; }
.lecture_view_w .lecture_name .vname{ bottom: 10px; }

/*.title_icon{ position: absolute; position: absolute;  top: 26px;  right: 260px; }*/
#college_icon{ padding-right: 1px; max-width: 60px; height: 20px; }
.view_list{ padding: 1em 5px 1em 2px!important; }

.con_review_w{ margin-top: 80px; }
#con_review{ position: relative; }
#con_review input.btn:hover{ cursor: pointer; }
#counter_review{ position: absolute; left: 0px; }
#rev_length{ margin-top: 20px; z-index: 1; }
#reg{ margin-top: -37px; }
#from{ border-top: 1px solid #eee; }

.brief{ margin-bottom: 20px; }
.ui-btn .ui-input-btn .ui-corner-all .ui-shadow{ height: 45px!important; }

table.rev_write{ margin-bottom: 100px!important; }
table.rev_write thead{ background-color: #ddd; height: 30px!important; }
table.rev_write thead th{ height: 30px; }
table.rev_write tr{ border-bottom: 1px solid #d6d6d6; }

.sub_right_review{}

.sub_right .lecture_view_tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 100%; text-align: center; }

.tab.article_tab #tabs > ul{ text-align: center; }
/*.tab.article_tab #tabs > ul li{ width: 19.1%;  }*/
.tab.article_tab #tabs > ul li a{ width: 100%!important; font-size: 12px!important; text-align: center!important; }

.ui-tabs .ui-tabs-nav{ left: 0!important; }
.ui-tabs .ui-tabs-nav li{ width: 33.3%; }
.ui-tabs .ui-tabs-panel{ margin-bottom: 6px; }



.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 100px; text-align: center; }
.sub_right_review .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ font-weight: 500 !important; }


.sub_right .inform_greet{ width: 100%; }
.sub_right .inform_greet li{ width: 50%!important; }
.sub_right .inform_greet li a{ width: 100%; float: none!important; text-align: center!important; }

.sub_right .inform_fcn li{ width: 33.3%!important; margin: 0 auto; text-align: center; }
.sub_right .inform_fcn li a{ width: 100%; text-align: center!important; }

.sub_right .inform_plan li{  width: 25%!important; margin: 0 auto; text-align: center;}
.sub_right .inform_plan li a{ width: 100%; text-align: center!important; }

.sub_right .inform_lifeedu{ width: 100%!important; }
.sub_right .inform_lifeedu li{ width: 33.3%!important; }
.sub_right .inform_lifeedu li a{ width: 100%; text-align: center!important; }


.rev_write td{ text-align: center; padding: 10px 0; font-weight: 500; }
.rev_write td:nth-of-type(2){ width: 120px; }
.rev_write td:nth-of-type(3){ width: 130px; }
.rev_write td:nth-of-type(4){ width: 130px; }
.rev_write td:nth-of-type(5){ width: 130px; }

.rev_write img{ width: 100px; }

.sub_right_review{ display: table-cell; padding-left: 28px; }
.sub_right_review h1{ font-size: 28px; padding: 20px 20px 13px 0; color: #000000;  }
.sub_right_review .ui-tabs .ui-tabs-nav{ width: 100% !important; height: 100% !important; }
.sub_right_review .ui-widget.ui-widget-content { width: 100% !important;  height: 100% !important; margin-bottom: 270px; top: -7px;}
.con_review .star{   margin-right: 7px;  margin-left: 20px;  margin-bottom: 10px; }
.con_review img{ left: 60px; width: 100px!important; top: -7px; }

.inform_greet li{ text-align: center; padding: 10px!important; }
.inform_greet li a{ padding: 5px 50px!important; }

.bottom_right .watch a{ color: #fff; background-color: #595757; border-color: #d22f8c;  padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .watch a:hover{ background-color: #d22f8c; }

.tr_inner .lecture_duration{ padding-top: 10px; }

.lecture_duration .watch_view a{ color: #ffffff; background-color: #595757; border-color: #d22f8c;  padding: 10px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.lecture_duration .watch_view a:hover{ background-color: #d22f8c; }



.watch_view_sample{     color: #ffffff;
    background-color: #007fff;
    border-color: #d22f8c;
    /*padding: 10px;*/
    font-size: 15px;
    font-weight: 400;
    width: 100px;
    text-align: center;z-index: 10;
     }	
.watch_view_sample:hover{ background-color: #d22f8c; cursor: pointer; }
.watch_view_sample a{ color: #ffffff!important; font-weight: 400; z-index: 10; padding: 10px 24px; }
/*.watch_view_sample a:hover{ background-color: #d22f8c;  }*/

/*ON AIR 깜빡임 시작*/
.blinking{
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
    color: red;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*ON AIR 깜빡임 끝*/





/*
table.cart_w{ margin-bottom: 100px!important; }
table.cart_w thead{ background-color: #ddd; height: 30px!important; }
table.cart_w thead th{ height: 50px; }
table.cart_w tr{ border-bottom: 1px solid #d6d6d6; height: 50px; }

table.cart_w{ vertical-align: middle; text-align:center; }
.cTuition_chk{ margin-right: 15px; }
.cart_del{ margin: 5px -0.5px;
    background-color: #595757;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 12px !important;
}
.cart_del:hover{
background-color: #d22f8c;
    color: #ffffff;
    font-weight: 500;
}
.cart_del.all{  left:600px; top: -90px; }

.total_sum_w{ position: relative; left: -140px; }

p.total_sum_inner{ position: absolute; right: 0px; top: 10px; }
#total_sum_tit{ position: absolute; left: -50px; }
.total_sum_inner > div{ left: 138px; }
input#total_sum{ margin-top: -5px; font-size: 20px; font-weight: 600; color: red;  }
.total_sum_inner{ font-size: 20px; font-weight: 600; border-bottom: 1px solid #000000; top: -90px; }


*/


#chk_del_all{ position: relative; top: 39px; left: 40px; }
/*#checkall{ position: absolute; top: -28px; }*/
.lec_li_inner{ border-bottom: 3px solid red; }
.lec_li .lec_li_inner{ }

.lec_li .lec_li_inner .Lname_w{ position: relative; clear: both; display: inline-block; width: 100%; font-size: 18px; font-weight: 600; padding: 0px 0; margin-top: -30px; }

.lec_li .lec_li_inner .Lname_w .tChoice{ top: 36px; position: relative; }
.lec_li .lec_li_inner .Lname_w .tChoice span.tChoice_cnt{ position: absolute; right: 10px; z-index: 4; top: 41px; }
.lec_li .lec_li_inner .Lname_w .tChoice_nb{ left: 40px; }

.lec_li .lec_li_inner .Lname_w .settle_w{ display: inline-block;width: 100%; clear: both; }
.lec_li .lec_li_inner .Lname_w .settle_w .Lcnt{  z-index: 3; }
.lec_li .lec_li_inner .Lname_w .settle_w .Lcnt input{ top: -40px; left: 70px; }
.lec_li .lec_li_inner .Lname_w .settle_w .Ltuition{  }

.lec_li .lec_li_inner .Lname_w .settle_w .Ltuition .tSettle{ position: relative; }
.lec_li .lec_li_inner .Lname_w .settle_w .Ltuition .tSettle span.tSettle_tit{ position: absolute; top: 5px; z-index: 1; padding-left: 10px; }
.lec_li .lec_li_inner .Lname_w .settle_w .Ltuition .tSettle input{  }
/*.lec_li .lec_li_inner .settle_w .Ltuition input:nth-of-type(2){ top: -64px; left: 80px;}*/

.lec_li .lec_li_inner .Lname_w .chkbox_w{  }
.lec_li .lec_li_inner .Lname_w .chkbox_w .chkbox_each{ position: relative; }
.lec_li .lec_li_inner .Lname_w .chkbox_w .chkbox_each input{ left: 90px; top: 5px; }

.lec_li .lec_li_inner .Lname_w .chkbox_w .chkbox_del{ position: relative; }
.lec_li .lec_li_inner .Lname_w .chkbox_w .chkbox_del button{ position: absolute; top: -70px; width: 70px; }

.total_sum_w{ position: relative; width: 100%; }

.total_sum_w .total_sum_inner{ position: relative; width: 100%; clear: both; }
.total_sum_w .total_sum_inner #total_sum_tit{ text-align: right; }
.total_sum_w .total_sum_inner #total_sum_all input#total_sum{ text-align: right;  }

.total_sum_w .tAction{ margin-top: 20px; }


.ui-checkbox input{ position: relative; }




.bottom_right .watch a{ color: #fff; background-color: #595757; border-color: #d22f8c;  padding: 10px; bottom: 5px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.bottom_right .watch a:hover{ background-color: #d22f8c; }

.lecture_duration .watch_view a{ color: #ffffff; background-color: #595757; border-color: #d22f8c;  padding: 10px; font-size: 15px; font-weight: 400; width: 100px; text-align: center; }
.lecture_duration .watch_view a:hover{ background-color: #d22f8c; }


/*결제 페이지*/
.pay{ position: relative; top: -22px;}
.pay .bt_card{ width: 100%; background-color: #595757; float: left; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_card{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_card:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_bank{ width: 100%; background-color: #595757; float: left; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_bank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_bank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_vbank{ width: 100%; background-color: #595757; float: left; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_vbank{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_vbank:hover{ background-color: #d22f8c; cursor: pointer; }

.pay .bt_cash{ width: 100%; background-color: #595757; float: left; text-align: center; font-size: 14px; font-weight: 300; }
.pay .bt_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
.pay .bt_cash:hover{ background-color: #d22f8c; cursor: pointer; }



#btn_cash{ width: 100%; background-color: #595757; float: left; text-align: center; font-size: 14px; font-weight: 300; }
#btn_cash{color: #ffffff;  padding: 12px 26px; text-align: center;}
#btn_cash:hover{ background-color: #d22f8c; cursor: pointer; }



.cash_out{ position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
   overflow-y:auto; }
.cash_w{ position: absolute;
/*    top: 50%;
    left: 50%;
    width: 730px;
    height: 525px;
    margin-left: -360px;
    margin-top: -315px;*/
    background: #fff;
    border: 1px solid #cccccc;
    box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    z-index: 10; 
padding:5px;
width: 100%;

}

#foot_btn{ margin-top: -422px; }


.cash_tit{ font-weight: 800; }
.cash_w .cash_top{ font-size: 22px; text-align: center; background-color: #5b5f69; color: #ffffff; width: 100%; height: 35px; }
.chk_inner{ position: relative; clear: both; }
.cash_left{ margin:10px; border: 2px solid #000000; height: 500px; }


.Confirm_Layer{ position: relative; height: 300px; }
.confirm_layer iframe{ height: 30px; }
.Confirm_Layer h2{ padding: 1px 20px; }
.CashChkInAll{ height: 40px; padding-top: 9px!important; border-bottom: 1px solid #a3a3a3; background-color: #E8F5E9 ; position: relative; }
#selAll{ padding-top: 9px; right: 45px;}

.selected{ top: 0px; z-index: 1; position: absolute; right: 70px;}
.detail{  top: 0px; z-index: 1; position: absolute; right: 10px; }
#confrim_ok{ text-align: center; color: red; margin-bottom: 20px; }

.cash_right{  height: 100%; }
.cash_right .inner{ padding:10px; position: relative; text-align: right; color: #ffffff;  position: relative;
    width: 100%;
    height: 100%;
    padding: 2px 15px;
    background: #4CAF50;
    box-sizing: border-box;
   
   }

 .CashChkIn1{ margin-top: 20px; }
.cash_right .lec{ position: relative; border-bottom: 1px solid #66BB6A; padding: 10px 0; }
.cash_right .pay{ position: relative; margin-top: 30px; border-bottom: 1px solid #66BB6A;  padding: 10px 0; }
.lec_tit{ font-weight: 400; font-size: 18px; }
.pay_sum{ font-weight: 700; font-size: 25px; color: yellow; }
.detail{ background-color: #858585; margin-top: 2px;  }
.detail a{ color: #ffffff; font-size: 13px; padding: 1px 10px;}

.confirm_Layer2{ visibility: hidden !important; }
.confirm_Layer2_vis{ visibility: visible !important; }

.radio_w{ position: relative; }
.radio_w h2{ color: #000000; height: 40px; padding-top: 9px!important;
    border-bottom: 1px solid #a3a3a3;
   background-color: #E8F5E9 ; }

.radio_inner .content{ padding-top: 20px; }

.radio_inner .content{ padding: 20px;}
.radio_inner .content .bankpad{ margin-bottom: 5px;}
.radio_inner .content .bankpad input{ margin-right: 5px!important; }
.radio_inner .email i{ padding: 0 5px; }
.radio_inner .email .email_inner{ margin-top: 20px; }
.radio_inner .email input{ border: 1px solid #000000; padding: 5px;}


.bank_deposit_w{}

.bank_cancel{ position: absolute;  top: 430px; left:0px; float: left;  width: 48%; height: 35px; background-color: #595757; color: #ffffff; margin: 0 4px; }
.bank_cancel:hover{ background-color: #d22f8c; color: #ffffff; }

.bank_deposit{ position: absolute;  top: 430px; right: 0px;  float: right;  width: 48%; height: 35px; background-color: #595757; color: #ffffff; margin: 0 4px; }
.bank_deposit a{  display: block; padding: 10px 40px; border: 1px solid #eee; color: #ffffff; }
.bank_deposit:hover{ background-color: #d22f8c; color: #ffffff; }

.settleResult1{ color: blue; font-weight: bolder; }
.settleResult2{ color: red; font-weight: bolder; }

#float_banner { float: right; padding: 10px; width: 290px; z-index: 1; cursor: pointer;}
.banner_foot{ padding-top: 20px; }
.banner_foot img{ width: 100%; }

.rList{ vertical-align: middle; padding-bottom: 15px; margin-top: -5px;}
.rList img{ margin-bottom: -2px; width: 15px; }

.sns_main { width: 1200px; margin: 0 auto; position: relative; margin-bottom: -60px; }
.sns_main ul{ text-align: center; }
.sns_main li{ display: inline-block; padding-right: 40px; }
.sns_main li img{ width: 70px; }

img{ max-width: 100%; }



#top{ position: absolute; right: 0; display: block; padding: 10px 40px; border: 1px solid #eee; background-color: #595757; color: #ffffff; margin-top: 30px; }
#top:hover{ background-color: #d22f8c; color: #ffffff; }
.search_all2{ text-align: center; }


.college_left .left .lec_thumb{ text-align: center; }
.college_left .left .lec_thumb img{ width: 100%; margin-bottom: 15px; border: 1px solid #eee; }

.sub_top_img{ margin-top: 20px; }

.bullet_b a:hover{ color: #d22f8c; }
/*