@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}

body {
	margin: 0;
	padding: 0;
}

@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: 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');}
@import url('./jquery-ui.css');
/* html5��� ���������� ���� */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
/* ��� Device�� ���� ���� �ε� */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption,span{margin:0;padding:0;font-family:Nanum Gothic;color:#464646;}
*{-webkit-text-size-adjust:none;}
body{height:100%;font-size:14px;font-family:Nanum Gothic;color:#333333;}
html{height:100%;}
table{border-spacing:0;*border-collapse:collapse;font-family:Nanum Gothic;font-size:14px;line-height:20px; letter-spacing:-0.5px}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family:Nanum Gothic}
ol,ul{list-style:none;font-family:Nanum Gothic}
legend,caption{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
a {text-decoration:none;color:#333;font-size:12px;font-family:Nanum Gothic;white-space:nowrap;color:#464646;}
select,input{vertical-align:middle;font-family:Nanum Gothic}
table#noticeImg{background:url(../images/img_6.jpg) 0 0 no-repeat;}
.clfix{*zoom:1}
.clfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.ir{overflow:hidden;text-indent:-9999px;position:absolute;z-index:-9999;top:-10000px;left:-10000px;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.block{display:block;}
.inline{display:inline;}
.inlineBlock{display:inline-block;*zoom:1;*display:inline;}
.clear{clear:both}
.overHidden{overflow:hidden}
.cursorPointer{cursor: pointer; }
.text_bold {  font-weight: bold}
.status {font-size: 11px; text-decoration: none; color: #666666}
.b {font-weight: bold;}
.b2{  font-size: 12px; text-decoration: none; color: ffffff ;font-weight: bold;}
.b3 {  font-size: 12px; text-decoration: none; color: 017DBD ;font-weight: bold;letter-spacing:-1px} 
.lecturer_bold {  font-weight: bold; color: #FF6600}
.status a:hover {  color: #000000}
.left_menu {color: #000000;LINE-HEIGHT: 20px}
.topbg {background:url(../images/menu_bg.gif) repeat-x center top;height:50px;}
.topbg2 {background:url(../images/img_110.gif) no-repeat center top;height:413px;}
.topbg3 {background:url(../images/sub_img.jpg) no-repeat center top;}
.topbg4 {background:url(../images/bg2.gif) repeat-x center top;height:33px;}

.pad_b75{padding-bottom:75px;}
.pad_b60{padding-bottom:60px;}
.pad_b10{padding-bottom:10px;}
.pad_t100{padding-top:100px;}
.pad_t166{padding-top:166px;}
.pad_t55{padding-top:55px;}
.pad_t52{padding-top:52px;}
.pad_t40{padding-top:40px;}
.pad_t34{padding-top:34px;}
.pad_t30{padding-top:30px;}
.pad_t25{padding-top:25px;}
.pad_t24{padding-top:24px;}
.pad_t22{padding-top:22px;}
.pad_t20{padding-top:20px;}
.pad_t17{padding-top:17px;}
.pad_t15{padding-top:15px;}
.pad_t10{padding-top:10px;}
.pad_t8{padding-top:8px;}
.pad_l25{padding-left:25px;}
.pad_l50{padding-left:50px;}
.pad_l241{padding-left:241px;}
.pad_l45{padding-left:45px;}
.pad_20{padding:20px;LINE-HEIGHT: 22px; }



.mgn_t24{margin-top:24px;}
.bottom{vertical-align:bottom}
	
.center{text-align:center;}
.right{text-align:right;}

.content1 {background:url(../images/img_5.gif) no-repeat center top;width:251px;height:154px;FONT-SIZE: 14px;color:#fff}
.content2 {background:url(../images/login_img_1.png) no-repeat center top;width:221px;height:168px;}
.content3 {background:url(../images/img_40.gif) no-repeat center top;width:215px;height:122px;}
.content4 {background:url(../images/dot_1.gif) repeat center top;height:14px}
.content5 {background:url(../images/img_13.gif) no-repeat center top;height:36px;font-weight: bold;text-align:center;}
.content6 {background:url(../images/img_41.gif) no-repeat center top;height:37px;padding-left:28px;FONT-SIZE: 17px;color:#000;font-weight: bold;padding-top:8px}
.content7 {background:url(../images/img_60.gif) no-repeat center top;; no-repeat center top;height:39px;FONT-SIZE: 15px;color:#000;font-weight: bold;}

.content8 {background:url(../images/img_23.gif) no-repeat center top;height:44px}
.content9 {background:url(../images/img_34.gif) repeat center top;height:345px;vertical-align:top;padding:0 20px}
.content10 {background:url(../images/img_38.gif) no-repeat center top;padding:25px 0 35px 120px;background-color:#f0f3f6;height:110px;vertical-align:top}
.content11 {background:url(../images/img_41.gif) no-repeat center top;height:44px}

.menu_1 a:link { color: #239340; text-decoration: underline;font-weight: bold;FONT-SIZE: 12px}
.menu_1 a:hover { color: #239340;text-decoration: underline;font-weight: bold;}
.menu_1 a:active { color: #239340;text-decoration: underline;font-weight: bold;}
.menu_1 a:visited { color: #239340;text-decoration: underline;font-weight: bold;}
.line{ FONT-SIZE: 12px; COLOR: #454545; LINE-HEIGHT: 22px; text-decoration: none;} 

.line_1 {background:url(../images/line_1.gif) repeat-x center top;height:2px;padding:14px 0 0 0}

TD a:hover {  color: #454545; text-decoration: none;}
TD a:link {  color: #454545; text-decoration: none;}
TD a:active {  color: #454545}
TD a:visited {  color: #454545; text-decoration: none}

.btn_102_32_arrow{display:inline-block;*zoom:1;*display:inline;width:74px;height:31px;padding:0 0 1px 28px;line-height:31px;font-size:15px;font-weight:700;text-align:center;color:#464646;background:url(../images/btn_102_32_arrow.gif) 0 0 no-repeat;}
.btn_75_30{display:inline-block;*zoom:1;*display:inline;width:75px;height:30px;line-height:30px;font-size:13px;font-weight:400;text-align:center;color:#565656;background:url(../images/btn_75_30.gif) 0 0 no-repeat;}
.btn_61_30{display:inline-block;*zoom:1;*display:inline;width:61px;height:30px;line-height:30px;font-size:13px;font-weight:400;text-align:center;color:#565656;background:url(../images/btn_61_30.gif) 0 0 no-repeat;}
.btn_61_30_arrow{display:inline-block;*zoom:1;*display:inline;width:47px;height:30px;padding:0 0 0 14px;line-height:30px;font-size:13px;font-weight:400;text-align:center;color:#565656;background:url(../images/btn_61_30_arrow.gif) 0 0 no-repeat;}
.btn_61_30_arrow2{display:inline-block;*zoom:1;*display:inline;width:47px;height:30px;padding:0 14px 0 0;line-height:30px;font-size:13px;font-weight:400;text-align:center;color:#565656;background:url(../images/btn_61_30_arrow2.gif) 0 0 no-repeat;}
.btn_strong{color:#ea5502}
.btn_paging{display:inline-block;*zoom:1;*display:inline;width:26px;height:21px;line-height:21px;font-size:13px;font-weight:400;text-align:center;color:#565656;background:url(../images/btn_paging.gif) 0 0 no-repeat;padding:4px 4px 0 0}
.btn_paging_on{display:inline-block;*zoom:1;*display:inline;width:26px;height:21px;line-height:21px;font-size:13px;font-weight:400;text-align:center;color:#ea5502;background:url(../images/btn_paging.gif) 0 0 no-repeat;padding:4px 4px 0 0;font-weight:bold}


.input_2 {  border: 1px solid #dbdbdb;padding:4px; FONT-SIZE: 12px; color: #333 ;height:28px;background-color:#ffffff;line-hht: 28px;width:105px;background-color:#f3f3f3;font-weight: bold;}
.input_3 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;line-height: 30px;width:168px}
.w370 {width:370px}
.input_4 {  border: 1px solid #c5cacd;FONT-SIZE: 12px; color: #454545 ;height:28px;background-color:#ffffff;line-height: 28px;width:50px;text-align:center}
.input_4_1 {  border: 1px solid #c5cacd;FONT-SIZE: 12px; color: #454545 ;height:28px;background-color:#ffffff;line-height: 26px;width:40px;text-align:center}

.input_5 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:220px;
	margin-left:7px;
}
.input_5_2 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:220px;
}
.input_6 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:655px;
	margin-left:7px;
}

.input_7 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:48px;
	text-align:center
}
.input_8 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:75px;
	text-align:center
}
.input_9 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:185px;
}
.input_10 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:100px;
	margin-left:7px;
}
.input_11 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:155px;
	margin-left:7px;
	vertical-align:middle;
}
.input_12 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:61px;
}
.input_14 {
	border:solid 1;
	border-color:#c2c9d5;
	FONT-SIZE: 14px;
	COLOR: #454545;
	height:29px;
	line-height: 20px;
	width:200px;
}
.input_311 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:80px}
.input_312 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:60px}
.input_313 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;}
.input_341 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:150px}
.input_342 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:130px}
.input_34 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:80px}
.input_35 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:100px}
.input_42 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:120px}
.input_36 {  border: 1px solid #c1c1c1;FONT-SIZE: 12px; color: #454545 ;height:30px;background-color:#ffffff;width:150px}
.input_41 {  border: 1px solid #c5cacd;FONT-SIZE: 12px; color: #454545 ;height:28px;background-color:#ffffff;line-height: 26px;width:40px;text-align:center}
.w370 {width:370px}
.line a:link {text-decoration: underline;font-weight: bold;}
.line a:hover {text-decoration: underline;font-weight: bold;}
.line a:active {text-decoration: underline;font-weight: bold;}
.line a:visited {text-decoration: underline;font-weight: bold;}



.blue1{color:#1a82ce;font-weight: bold;}
.blue2{color:#0366c9;font-weight: bold;text-decoration: underline;}
.red1{color:#d60a27;}
.bgcolor_1{background-color:#f1f6fb;}
.white{color:#dae1e6;}
.white_2{color:#b5c3cc;}
.gray{background-color:#f7f9f9;}


.font_11{font-size:11px;color:#5e5e5e;letter-spacing:-0.5px;text-align:right;height:26px;vertical-align:bottom;}
.font_12{font-size:12px;}
.font_12_2{font-size:12px;font-weight: bold;text-align:center;}
.font_12_3{font-size:12px;text-align:center;}
.font_14{font-size:14px;color:#000;}
.font_14_2{	font-size:14px;text-align:center;color:#000;}
.font_14_3{	font-size:14px;	font-weight: bold;color:#464646; text-align:center;background-color:#f8f9fa;}
.font_14_4{	font-size:14px;	font-weight: bold;color:#464646; text-align:center;}
.font_15{	font-size:15px;color:#000}
.font_18{font-size:18px;color:#000;text-decoration: underline; line-height: 25px;}
.font_21{font-size:21px;font-weight: bold;color:#000;} 


.t_green{ font-size:  14px; line-height: 20px;color:#32ac07;text-decoration: none;font-weight: bold;}
.t_white{ color:#fff; text-align:center;font-weight: bold;font-size:  15px;}

.box_1{scrollbar-face-color: #9fa394;
scrollbar-highlight-color: #9fa394;
scrollbar-3dlight-color: #F1F1F1;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #F0EEE5;
scrollbar-track-color: #FBFAF9;
scrollbar-arrow-color: #ffffff;
padding:0 ;BORDER-RIGHT: #bbc6cc 1px solid; BORDER-TOP: #bbc6cc 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #bbc6cc 1px solid; line-height: 21px;
font-family: Nanum Gothic; COLOR: #454545; BORDER-BOTTOM: #bbc6cc 1px solid;width:980px;height:60px;vertical-align:middle;}

.iframe{width:240px;height:535px;
padding:0 ;border:solid 0px;}

.iframe2{width:245px;height:942px;
padding:0 ;border:solid 0px;}

.<style>a{onfocus:this.blur();}</style>

.login-container {
      width: 100%;
      margin: 0 auto;
    }
.login-outer {
  display: flex;
  justify-content: center;     /* 수평 가운데 */
  align-items: center;         /* 수직 가운데 */
  min-height: 70vh;           /* 화면 전체 높이 */
  background-color: #ffffff;  
}
    .login-wrap {
      max-width: 1400px;
      width: 100%;
      padding: 0 20px;
      margin: 0 auto;
      text-align: center;
    }

    .login-wrap h3 {
      width: 100%;
      border-bottom: 1px solid #e1e1e1;
      text-align: center;
      margin: 0;
      padding: 50px 0 40px 0;
      font-size: 32px;
      font-weight: normal;
      color: #222;
      line-height: 29px;
      height: 29px;
    }

    .login_w {
      max-width: 432px;
      width: 100%;
      padding-top: 49px;
      margin: 0 auto;
    }

    .input_w {
      width: 100%;
      padding-bottom: 14px;
    }

    .input6,
    .input7,
    .input8 {
      width: 100%;
      height: 54px;
      border: 1px solid #dddddd;
      margin-bottom: 15px;
      padding-left: 19px;
      font-size: 16px;
      color: #999;
      box-sizing: border-box;
    }

    .input8 {
      background: #04589c;
      color: #fff;
      border: 0;
    }

    .links {
      margin-top: 10px;
      color: #939393;
      font-size: 14px;
    }

    .links a {
      margin: 0 10px;
      text-decoration: none;
      color: #939393;
      font-size: 14px;
    }

    .login-logo {
      max-width: 100%;
      height: auto;
    }

    .logo-area {
      padding: 40px 0 30px 0;
      text-align: center;
    }

    .custom-footer {
      background-color: #333;
      color: #fff !important;
      text-align: left;
      padding: 20px 0;
      line-height: 1.6;
      margin-top: 20px;
      width: 100%;
    }

    .custom-footer .custom-footer-content {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .custom-footer .footer-company-name,
    .custom-footer .footer-contact-info,
    .custom-footer .footer-copyright {
      margin: 0;
      font-size: 1rem;
      padding: 5px;
      color: #fff !important;
    }

    .custom-footer .footer-company-name {
      font-size: 1.3rem;
      font-weight: bold;
    }

    .custom-footer .footer-links {
      margin-bottom: 10px;
    }

    .custom-footer .footer-links a {
      color: #fff;
      margin-right: 15px;
      text-decoration: none;
      font-size: 0.95rem;
      cursor: pointer;
    }

    .custom-footer .footer-links a:hover {
      text-decoration: none;
    }

    .nbsp {
      display: inline-block;
      width: 1px;
      height: 12px;
      background: #fff;
      margin: 0 12px;
    }

.login-button {
	width: 60px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background: #0064FF;
	border: 1px solid #0064FF;
	color: #ffffff;
}
    @media screen and (max-width: 768px) {
      .login-wrap h3 {
        font-size: 24px;
        padding: 30px 0 20px 0;
      }
      .input_6,
      .input_7,
      .input_8 {
        font-size: 14px;
        height: 48px;
      }
      .custom-footer .footer-company-name,
      .custom-footer .footer-contact-info {
        font-size: 0.9rem;
      }
    }

.register-button {
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: flex-end;
	margin: 10px auto;
}

.register-button a {
	padding: 5px 10px;
	background-color: #007BFF;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	font-size: 0.9em;
}

.register-button a:hover {
	background-color: #0056b3;
}

.action-buttons {

        text-align: center;
        margin: 20px 0;
    }

    .action-buttons a {
        display: inline-block;
        margin-right: 10px;
        padding: 8px 15px;
        border-radius: 3px;
        text-decoration: none;
        color: white;
        font-size: 0.9em;
    }

    .action-buttons .edit {
        background-color: #007BFF;
    }

    .action-buttons .delete {
        background-color: #FF6B6B;
    }

    .action-buttons .list {
        background-color: #6C757D;
    }

    .action-buttons .comment {
        background-color: #28A745;
    }

		.action-buttons a.delete {
    background-color: #dc3545; /* 붉은색 배경 */
}

.action-buttons a.delete:hover {
    background-color: #c82333; /* 조금 더 어두운 붉은색 */
}

    .action-buttons a:last-child {
        margin-right: 0;
    }