@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Thin.woff2) format("woff2"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Thin.woff) format("woff"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Regular.woff2) format("woff2"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Regular.woff) format("woff"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Medium.woff2) format("woff2"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Medium.woff) format("woff"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Bold.woff2) format("woff2"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Bold.woff) format("woff"), url(https://hunetdown.cdn.hunet.co.kr/Resources/Hunet/Font/NotoSansKR-Bold.otf) format("opentype");
}

/* IE scrollbar 속성 제거 — 현대 브라우저 미지원, hcms-modern.css에서 webkit 스크롤바 정의 */

body {margin:0; padding:0; color:var(--hcms-text-body); line-height:1.5; background-color:var(--hcms-bg); }
body, th, td, input, select, textarea { font-family: var(--hcms-font); font-size:13px; }
a:link, a:visited {color:var(--hcms-text-body); text-decoration:none;}
a:hover, a:active {color:var(--hcms-primary); text-decoration:none;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:14px; color:var(--hcms-text-heading);}
hr {display:none;}
hr .more { clear:both; display:visible; border-top:var(--hcms-border) 1px solid;}
ol, ul {list-style-type:none;}
p, dl, dt, dd, ol, ul, form, fieldset, legend {margin:0; padding:0;}
img, fieldset, legend {border:none;}
table {border-collapse:collapse;}
th, td {empty-cells:show;}
input, select, textarea {color:var(--hcms-text-body); line-height:1.5;}
select, textarea {background-color:var(--hcms-bg); border:1px solid var(--hcms-border);}
textarea {padding:8px; line-height:20px;}

/* common */
.eng {font-family:verdana; font-size:11px;}
select.select_txt {height:22px; _height:17px;}
input.input_txt {height:auto; padding:4px 8px; border:1px solid var(--hcms-border); background:var(--hcms-bg); border-radius:var(--hcms-radius-input);}
input.input_file {height:auto; padding:4px 8px; border:1px solid var(--hcms-border); background:var(--hcms-bg); border-radius:var(--hcms-radius-input);}
.mgt30 { margin-top:30px; }

/* template */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
*html .png24 {tmp:expression(setPng24(this));} /* ie6���� ����png ǥ���ϱ� ���� */

#fix_wrap { min-width:985px; margin:0 auto; _margin-left:985px;}
#fix_conts {position:relative; display: flex; padding-right: -12px}
/*\*/
* html #fix_wrap, * html #fix_conts{height:1px;}
/*/
.fix_wrap, .fix_conts{display:inline-block;}
/**/
.clear { clear:both; }



 #gnb .textmenu { clear:left; height:30px; overflow:hidden; padding-left:125px; }
 #gnb .textmenu li {_display:inline; float:left; margin:4px 13px 0 30px; _margin:7px 13px 0 30px; font-size:11px; color:var(--hcms-text-heading); border-left:1px solid var(--hcms-border-light);}

#container {}

/* ��Ʈ���� */
.txtPoint,
.txtPoint a { color:var(--hcms-danger) ; text-decoration: none; }

.txtPointB,
.txtPointB a { color:var(--hcms-danger); text-decoration: none; font-weight:bold; }


/* �˻�  ���� */
.SearchBox { width:100%; margin-bottom:25px; }
.SearchBox .topLeft	{ background:var(--hcms-bg); height:15px; width:15px; }
.SearchBox .top		{ background:var(--hcms-bg); height:15px; }
.SearchBox .bgLeft	{ background:var(--hcms-bg); width:15px }
.SearchBox .bg		{ background:var(--hcms-bg); padding:5px 20px 20px 5px; vertical-align:top; }
.SearchBox .btn { margin-top:15px; text-align:center; }
.SearchBox .btn .btnBlack { width:100px; margin-left:auto; margin-right:auto; display:table; }
.SearchBox .btn2 { margin-top:15px; text-align:center; padding:0px;}
.SearchBox .btn2 .btnBlack { width:100px; margin:auto 0; }
.SearchBox .btn2 .btnSGrey { width:100px; margin:0 0 8px 0; }
.SearchBox .btnRight { float:right; margin-top:15px; }
.SearchBox .lboardWNo { margin:20px 0 10px 0;}
.SearchBox .lboardWNo th { padding:5px 15px 3px 8px; _padding:3px 15px 0 8px; text-align:left;}
.SearchBox .lboardWNo td { padding:5px 5px 5px 15px; _padding:3px 5px 3px 15px; text-align:left;}
.SearchBox .lboardWNo td p { clear:both; margin:0; }


/* ������ư  ���� */
.btnSGrey .left {display:block; float:left; width:1px; height:21px; background:none; }
.btnSGrey span {white-space:nowrap; display:block; float:left; height:21px; padding:6px 9px 0 8px; _padding-top:7px; font-size:11px; color:var(--hcms-text-muted); line-height:110%; font-weight:bold; background:none;}
.btnSGrey a:link, .btnSGrey a:visited, .btnSGrey a:hover, .btnSGrey a:active {color:var(--hcms-text-muted); text-decoration:none;}

.btnSViolet .left {display:block; float:left; width:1px; height:21px; background:none; }
.btnSViolet span {white-space:nowrap; display:block; float:left; height:21px; padding:6px 9px 0 8px; _padding-top:7px; font-size:11px; color:var(--hcms-text-muted); line-height:110%; font-weight:bold; background:none;}
.btnSViolet a:link, .btnSViolet a:visited, .btnSViolet a:hover, .btnSViolet a:active {color:var(--hcms-text-muted); text-decoration:none;}

/* ū��ư  ���� */
.btnBlack .left {display:none; }
.btnBlack span {white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; padding:6px 14px; font-size:13px; color:var(--hcms-text-body); line-height:1.4; font-weight:500; background-color:var(--hcms-bg); border:1px solid var(--hcms-border); border-radius:var(--hcms-radius-btn); font-family:var(--hcms-font); transition:all var(--hcms-transition); cursor:pointer; }
.btnBlack span:hover { background-color:var(--hcms-surface); border-color:var(--hcms-neutral); }
.btnBlack a:link, .btnBlack a:visited, .btnBlack a:hover, .btnBlack a:active {color:var(--hcms-text-body); text-decoration:none;}

.btnViolet .left {display:block; float:left; width:1px; height:25px; }
.btnViolet span {white-space:nowrap; display:block; float:left; height:21px; padding:5px 29px 0 28px; _padding-top:8px; font-size:13px; color:#fff; line-height:110%; font-weight:normal; background-color:var(--hcms-danger);border-radius:5px;margin-bottom:10px; font-family:Noto Sans KR;}
.btnViolet a:link, .btnViolet a:visited, .btnViolet a:hover, .btnViolet a:active {color:var(--hcms-text-muted); text-decoration:none;}

.btnBlue .left {display:block; float:left; width:1px; height:25px; background:none; }
.btnBlue span {white-space:nowrap; display:block; float:left; height:21px; padding:5px 29px 0 28px; _padding-top:8px; font-size:13px; color:#fff; line-height:110%; font-weight:normal; background:none;}
.btnBlue a:link, .btnBlue a:visited, .btnBlue a:hover, .btnBlue a:active {color:var(--hcms-text-muted); text-decoration:none;}

.btnGrey span {white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; padding:6px 14px; font-size:13px; color:var(--hcms-text-body); line-height:1.4; font-weight:500; background-color:var(--hcms-bg); border:1px solid var(--hcms-border); border-radius:var(--hcms-radius-btn); font-family:var(--hcms-font); transition:all var(--hcms-transition); cursor:pointer;}
.btnGrey span:hover { background-color:var(--hcms-surface); border-color:var(--hcms-neutral); }

.btnRed .left {display:block; float:left; width:1px; height:25px; }
.btnRed span {white-space:nowrap; display:block; float:left; height:21px; padding:5px 29px 0 28px; _padding-top:8px; font-size:13px; color:#fff; line-height:110%; font-weight:normal; background-color:var(--hcms-danger);border-radius:5px;margin-bottom:10px; font-family:Noto Sans KR;}
.btnRed a:link, .btnViolet a:visited, .btnViolet a:hover, .btnViolet a:active {color:var(--hcms-text-muted); text-decoration:none;}

.btnNavy.left {display:none; }
.btnNavy span {white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; padding:6px 14px; font-size:13px; color:var(--hcms-text-body); line-height:1.4; font-weight:500; background-color:var(--hcms-bg); border:1px solid var(--hcms-border); border-radius:var(--hcms-radius-btn); font-family:var(--hcms-font); transition:all var(--hcms-transition); cursor:pointer;}
.btnNavy span:hover { background-color:var(--hcms-surface); border-color:var(--hcms-neutral); }
.btnNavy a:link, .btnNavy a:visited, .btnNavy a:hover, .btnNavy a:active {color:var(--hcms-text-body); text-decoration:none;}


/* List board */
.lboard {font-size:13px; color:var(--hcms-text-body); }
.lboard p { font-size:13px; letter-spacing:normal; margin:5px;}
.lboard .selectArea { margin-bottom:10px;}
.lboard .payArea {margin-top:25px; margin-bottom:10px;}
.lboard .payArea strong {color:var(--hcms-danger); text-decoration: none; font-weight:bold;}
.lboard .btnCenter { margin:20px 0 5px 0; text-align:center; display:table; margin-left:auto; margin-right:auto; }
.lboard .btnCenter .btnBlack, 
.lboard .btnCenter .btnViolet { width:130px; }
.lboard .btnRight { float:right; margin:20px 0 5px 0; text-align:right;}
.lboard .ListVer li { float:left; margin-right:5px; _padding-top:3px; _padding-bottom:1px;}
.lboard .ListVer2 li { float:left; margin-right:15px; _padding-top:3px; _padding-bottom:1px;}
.lboard .ListVerRight { width:98%;}
.lboard .ListVerRight li { float:right; margin-left:5px; _padding-top:3px; _padding-bottom:1px;}
.lboard td .btnSGrey, .lboard td .btnSViolet { _padding-top:2px;}
.lboard td.txt .btnSGrey, .lboard td.txt .btnSViolet { _padding:-2px 0 2px 0;}
.lboard td .txtPoint, .lboard td .txtPoint a { color:var(--hcms-primary); text-decoration: none; }
.lboard td .txtPointB, .lboard td .txtPointB a { color:var(--hcms-primary); text-decoration: none; font-weight:bold; }
.lboard span.block {display:inline-block;}
.lboard .bg td {background:var(--hcms-surface)}

.lboard .lboard_header { position:relative; padding-bottom:5px;}
.lboard .lboard_header .selectArea {}
.lboard .lboard_header .ListVer { position:absolute; top:0; right:0; }
.lboard .lboard_header .ListVer li { float:left; margin-right:5px; _padding-top:3px; _padding-bottom:1px;}


.lboard_Search {text-align:center; padding-top:15px; }
.lboard_Search ul { margin:0 auto; width:300px; }
.lboard_Search li { float:left; margin-right:5px; _padding-top:3px; _padding-bottom:1px;}
.lboard_Search .select_txt { _margin-top:1px;}
.lboard_Search .btnSGrey { _margin-top:2px;}

.ListVer .txtPoint { font-size:11px; letter-spacing:-1px; }

/* lboardL */
.lboardL { border-top:none; }
.lboardL th	{ background-color:var(--hcms-surface); border-bottom:1px solid var(--hcms-border-light); padding:12px 14px; text-align:center; line-height:1.4; color:var(--hcms-text-muted); font-weight:700; font-size:12px;}
.lboardL td.stit { background-color:var(--hcms-surface); padding:12px 14px; text-align:center; line-height:1.4; font-weight:600;}
.lboardL td	{ border-bottom:1px solid var(--hcms-border-subtle); padding:11px 14px; text-align:center; line-height:1.5; word-break:break-all; color:var(--hcms-text-body); font-size:13px;}
.lboardL td.point { border-bottom:1px solid var(--hcms-border-subtle); padding:11px 14px; text-align:center; line-height:1.5; word-break:break-all; color:var(--hcms-danger); }
.lboardL td.con,
.lboardL th.con { text-align:left;}
.lboardL td.btn { padding-left:19px; }
.lboardL tfoot { background-color:var(--hcms-surface); }
.lboardL th.row {background-color:var(--hcms-surface);}
.lboardL th *,
.lboardL td * {vertical-align:middle}


.ExamQuestion { border-top:var(--hcms-border) 1px solid; border-bottom:var(--hcms-border-light) 1px solid;}
.ExamQuestion th { padding:15px 15px 0 15px; text-align:left;}
.ExamQuestion td { padding:0 15px 15px 15px; line-height:20px; word-break:break-all;}
.ExamQuestion th.info { padding:0 15px 0 15px; text-align:left;}
.ExamQuestion th.Question { padding:5px 15px 0 15px; text-align:left;}

/* �⺻ �Խ��� - ���ڷ� ���� ���� */
.lboardD { border-top:none; margin-bottom:15px;}
.lboardD th	{ background-color:var(--hcms-surface); border-bottom:1px solid var(--hcms-border-light); padding:12px 14px; text-align:center; color:var(--hcms-text-muted); font-weight:700; }
.lboardD td	{ border-bottom:1px solid var(--hcms-border-light); padding:10px 14px; line-height:1.5; color:var(--hcms-text-body); }
.lboardD.tc td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:3px 5px 0 15px; line-height:20px; text-align:center; padding-left:0 !important;}
.lboardD td.txt { padding:15px 5px 12px 15px; line-height:20px; }
.lboardD td.ctxt {text-align:center; padding:3px 0;}

.lboardD_notice { border-top:var(--hcms-border) 1px solid; }
.lboardD_notice th	{ background-color:var(--hcms-surface); border-bottom:var(--hcms-border-light) 1px solid; padding:8px 5px 5px 5px; text-align:center; font-size:18px; font-family:����,����ü,����,����ü; letter-spacing:-2px; line-height:30px; color:var(--hcms-text-heading); }
.lboardD_notice td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:3px 5px 0 15px; line-height:20px; }
.lboardD_notice td.txt { padding:10px 5px 7px 15px; line-height:20px; }
.lboardD_notice .txt_light { color:var(--hcms-text-placeholder); margin:0 15px;}
.lboardD_notice tbody td { padding:25px; line-height:20px; }

/* �⺻ �Խ��� ���� - �۾��� ���� ���� */
.lboardW { border-top:none; background-color:var(--hcms-bg); }
.lboardW th	{ background-color:var(--hcms-surface); border-bottom:1px solid var(--hcms-border-light); padding:12px 16px 10px 14px; text-align:right; color:var(--hcms-text-muted); font-weight:600; font-size:12px; }
.lboardW td	{ border-bottom:1px solid var(--hcms-border-light); padding:10px 14px; text-align:left; line-height:1.5; color:var(--hcms-text-body); }
.lboardW td.none { padding:0; margin:0; }
.lboardW td	p { clear:both; margin:0; }
.lboardW td.lboardL { padding:0; }
.lboardW td .lboardL th	{ background-color:var(--hcms-text-placeholder); border-top:var(--hcms-border) 1px solid; border-bottom:var(--hcms-border-light) 1px solid; padding:8px 5px 5px 5px; text-align:center !important; font-size:11px; color:var(--hcms-text-heading); line-height:16px; height:20px;}
.lboardW td .lboardL td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:5px 5px 3px 5px; text-align:center; line-height:20px; }
.lboardW td .lboardL td.con { text-align:left;}
.lboardW td .lboardL tfoot th {background-color:var(--hcms-surface); border-top:var(--hcms-border) 1px solid; font-size:11px;}
.lboardW td .lboardL tfoot td {background-color:var(--hcms-surface); border-top:var(--hcms-border) 1px solid;}

/* �Խ��� ����¡ */
.pageView {display:flex; align-items: center; position:relative; justify-content: center; gap:12px; line-height: 28px; width:100%; font-size: 13px;
           padding: 18px 0 10px;
}
.pageView .form-select-page { border: 1px solid var(--hcms-border); border-radius: var(--hcms-radius-btn); width: auto; min-width: 60px; padding: 4px 28px 4px 8px; text-align: left; font-size: 13px; }
.pageView .form-select-page:focus { border-color: var(--hcms-primary); outline: none; }

.paginate {  display:flex; align-items: center; }
.paginate .num { display:flex; align-items:center; font-size: 14px;}
.paginate .num a,
.paginate .num strong { padding:0 5px; color:var(--hcms-text-muted); text-decoration:none; font-size: 14px; display:flex; align-items:center;}
.paginate .num strong { color:var(--hcms-primary) !important; font-weight:700; }
.paginate .pre,
.paginate .pre_end { text-decoration:none; }
.paginate .pre {  }
.paginate .pre_end {  }
.paginate a.pre {  }
.paginate a.pre_end { }

.paginate .next,
.paginate .next_end { text-decoration:none;}
.paginate .next {}
.paginate .next_end {  }
.paginate a.next { }
.paginate a.next_end {}

.paginate .pre,
.paginate .next,
.paginate .pre_end,
.paginate .next_end { color:var(--hcms-text-placeholder); }
.paginate a.pre,
.paginate a.next,
.paginate a.pre_end,
.paginate a.next_end { color:var(--hcms-text-muted); }
.paginate a:hover,
.paginate a:hover { color:var(--hcms-text-heading); background-color:var(--hcms-surface) !important;}


.photo {position: relative;width: 120px;}
.photo .contents { position:absolute; background:var(--hcms-border-light); border:10px var(--hcms-border-light) solid; top:-14px;}
.photo .contents img { width:100px; }
.photo .contents div { text-align:center;}

/*  */
.PopMainImg ul {list-style-type:none; margin:8px 40px;}
.PopMainImg li {margin:0 0 10px 0; padding:0;}
.PopMainImg li.first {margin:0 15px 10px 0; padding:0; float:left;}
.PopMainImg li input { vertical-align:top; margin-top:20px;}


/* ����Ʈ - �������� ��Ÿ�� ���� */
.ListVer li { float:left; margin:0 15px 0 0; line-height:20px; }
.ListVer li a:link, .ListVer li a:visited { color:var(--hcms-text-body); text-decoration: none; }
.ListVer li a:hover { color:var(--hcms-primary); text-decoration: none; }

.ListVer2 li { float:left; margin:0 5px 0 0; line-height:20px; }
.ListVer2 li a:link, .ListVer li a:visited { color:var(--hcms-text-body); text-decoration: none; }
.ListVer2 li a:hover { color:var(--hcms-primary); text-decoration: none; }


/* ����Ʈ - ������ �ִ� ��Ÿ�� ���� */
.ListIcon ul a:link, .ListIcon ul a:visited { color:var(--hcms-text-body); text-decoration: none; }
.ListIcon ul a:hover { color:var(--hcms-primary); text-decoration: none; }
.ListIcon li { background:none; padding-left:7px; line-height:20px; color:var(--hcms-text-body); }
.ListIcon li.txtFirst { float:left; width:200px; background:none; padding-left:7px;}
.ListIcon li a:link, .ListIcon li a:visited { color:var(--hcms-text-body); text-decoration: none; }
.ListIcon li a:hover { color:var(--hcms-primary); text-decoration: none; }


.login_footer{ text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:11px; height:60px; padding-top:10px; vertical-align:top;}


/* �¶�����Ʈ�ʽ� */
dl.partnersOnline { padding:5px 0 0 0 ; }
dl.partnersOnline dd { padding:3px 0 15px 0; }
dl.partnersOnline dd p.btn { padding-top:8px; text-align:right; }
ul.partnersOnline li { padding:5px 0; }


/* ���̾� */
.partnersLayer { position:absolute; background-color:var(--hcms-bg); padding:5px; margin:-5px 10px; }
.partnersLayer .area { position:relative; width:300px; height:150px; border:var(--hcms-border) 3px solid; background-color:var(--hcms-bg); padding:20px; }
.partnersLayer .area p { font-weight:bold;}


/***************************************  �˾���Ÿ�� - ���� ***************************************/

/* �˾���Ÿ�� ���� */
#popup { padding:15px; background:var(--hcms-bg); color:var(--hcms-text-body);}
#popup #container { margin:0; }

#popup .title { position:relative; width:100%; height:auto; margin-bottom:16px; background:none; letter-spacing:normal; border-bottom:2px solid var(--hcms-border-light); padding-bottom:12px;}
#popup .title h3,
#popup .title h4 {float:left !important; font-family:var(--hcms-font); font-size:18px; }
#popup .title h3 {padding:1px 15px 0 0; color:var(--hcms-text-heading);}
#popup .title h4 {padding:1px 15px 0 15px; color:var(--hcms-text-body); background:none;}
#popup .title .line { clear:both;border-bottom:var(--hcms-border-light) 1px solid; padding-bottom:10px;}

#popup .titleS {clear:both; padding:15px 0 10px 3px; margin:0;}
#popup .titleS h5 { padding-left:13px; font-family:Batang,����; font-size:14px; color:var(--hcms-danger); letter-spacing:-1px; background:none; }
#popup .titleS h6 { padding-top:15px; font-family:����; font-size:12px; color:var(--hcms-danger); letter-spacing:-1px;}


#popup .close {float:right; margin-top:-5px; width:66px; _width:96px;}
#popup .close .btnSGrey {float:right; }

#popup .lboard td .btnSGrey,
#popup .lboard td .btnSViolet { padding-left:8px; }

/* �߰� CSS :: 201106 ������ */

div.write table { border:var(--hcms-border-light) 4px solid; border-top:var(--hcms-border-light) 3px solid; width:100%; margin:0 auto; }
div.write td { border:var(--hcms-border-light) 1px solid; text-align:center; }
div.write td.btnWrite { width:79px; }
div.write td.btnWrite a {  text-decoration:none; }
div.write td .textarea { border:0px; overflow:auto; margin:0; padding:10px; width:98%; height:59px; }

.lboardR { border-top:var(--hcms-border) 1px solid; }
.lboardR th { padding:8px 5px 5px 5px; background-color:var(--hcms-bg); text-align:left; color:var(--hcms-primary); }
.lboardR th span.num { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:var(--hcms-primary); margin-left:5px; font-weight:normal; }
.lboardR th span.date { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:var(--hcms-text-muted); margin-left:5px; font-weight:normal; }
.lboardR th.result { color:var(--hcms-danger); text-align:center; border-bottom:var(--hcms-border-light) 1px solid; }
.lboardR th.result .btnSGrey { width:45px; margin:0 auto; }
.lboardR td.reply { border-bottom:var(--hcms-border-light) 1px solid; text-align:left; line-height:16px; padding:10px 0 0 30px; background:var(--hcms-surface); }
.lboardR td.reply th { padding:8px 5px 5px 5px; text-align:left; color:var(--hcms-text-muted); background-color:var(--hcms-surface); }
.lboardR td.reply span.date { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:var(--hcms-text-muted); margin-left:5px; font-weight:normal; }
.lboardR td.reply td { border-bottom:0; }
.lboardR td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:5px 5px 10px 5px; text-align:left; line-height:20px; word-break:break-all;}
.lboardR td.btn { padding-left:19px; }

.lboardR td.replyWrite { border-bottom:var(--hcms-border-light) 1px solid; text-align:left; line-height:16px; padding:0; background:var(--hcms-surface); }
.lboardR td.replyWrite .lboardW { border:0; background-color:var(--hcms-bg); margin-left:30px; }
.lboardR td.replyWrite .lboardW th	{ background-color:var(--hcms-surface); border-bottom:var(--hcms-border-light) 1px solid; padding:8px 15px 6px 8px; text-align:right; color:var(--hcms-text-body); }
.lboardR td.replyWrite .lboardW td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:8px 5px 8px 15px; text-align:left; line-height:20px; }
.lboardR td.replyWrite .lboardW td	p { clear:both; margin:0; }
.lboardR td.replyWrite .lboardW td.lboardL { padding:0; }
.lboardR td.replyWrite .lboardW td.lboardL th	{ background-color:var(--hcms-text-placeholder); border-top:var(--hcms-border) 1px solid; border-bottom:var(--hcms-border-light) 1px solid; padding:8px 5px 5px 5px; text-align:center !important; font-size:11px; color:var(--hcms-text-heading); line-height:16px; height:20px;}
.lboardR td.replyWrite .lboardW td.lboardL td	{ border-bottom:var(--hcms-border-light) 1px solid; padding:5px 5px 3px 5px; text-align:center; line-height:20px; }
.lboardR td.replyWrite .lboardW td.lboardL td.con { text-align:left;}
.lboardR td.replyWrite .lboardW td.lboardL tfoot th {background-color:var(--hcms-surface); border-top:var(--hcms-border) 1px solid; font-size:11px;}
.lboardR td.replyWrite .lboardW td.lboardL tfoot td {background-color:var(--hcms-surface); border-top:var(--hcms-border) 1px solid;}
.lboardR td.replyWrite .lboardW .txtPoint { color:var(--hcms-danger); }

.lboardR td.replyWrite .write table { border:var(--hcms-border-light) 4px solid; border-top:var(--hcms-border-light) 3px solid; width:95%; margin:0 auto; background-color:var(--hcms-bg); }
.lboardR td.replyWrite .write td { border:var(--hcms-border-light) 1px solid; text-align:center; }
.lboardR td.replyWrite .write td.btnWrite { width:79px; }
.lboardR td.replyWrite .write td.btnWrite a {  text-decoration:none; }
.lboardR td.replyWrite .write td .textarea { border:0px; overflow:auto; margin:0; padding:10px; width:98%; height:59px; }

.graph { border:3px solid var(--hcms-border-light); padding:20px; text-align:center; }
.graph_menu {padding-top:20px; color:var(--hcms-text-placeholder); }
.graph_menu a { text-decoration:none; color:var(--hcms-primary); }
.graph_menu a:hover, a:active { color:var(--hcms-primary); font-weight:bold; text-decoration:underline; }

.tbl_reply { border-top:var(--hcms-border) 1px solid; }
.tbl_reply .write, .tbl_reply li { border-bottom:var(--hcms-border-light) 1px solid; line-height:20px; }
.tbl_reply .write { padding:10px 0; }
.tbl_reply li { padding:15px 20px; }
.tbl_reply .write table {width:100%; border:var(--hcms-border-light) 4px solid;}
.tbl_reply .write td { border:var(--hcms-border-light) 1px solid; text-align:center; }
.tbl_reply .write td .textarea { border:0px !important; overflow:auto; margin:0; padding:10px; width:600px; height:59px; }
.tbl_reply .reply .info { position:relative; zoom:1; padding-bottom:5px; }
.tbl_reply .reply .name { color:var(--hcms-primary); }
.tbl_reply .reply .date { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:var(--hcms-text-muted); margin-left:5px; }
.tbl_reply .reply .btn { position:absolute; top:0; right:0;}
.tbl_reply .reply .btn .btnSGrey { margin-left:3px; }
.tbl_reply .reply .reply { padding:10px 0 0 30px; background:none; }
.tbl_reply .reply .reply .write { padding:0; border:0px !important; }
.tbl_reply .reply .reply .write table { width:669px; margin:0 0; }
.tbl_reply .reply .reply .write td .textarea { width:560px; }


/* �߰� CSS : 201311 */

.fArea {*zoom:1;}
.fArea:after {content:""; display:block; clear:both;}
.fArea * {vertical-align:middle;}
.fArea100 {width:100%; overflow:hidden;}
.fArea100 * {vertical-align:middle;}
.fLeft {float:left; font-size:14px;}
.fRight {float:right;}
.tCenter {text-align:center;}
.tRight {text-align:right;}

.w40 {width:40px !important}
.w90 {width:90px !important}
.w400 {width:400px !important}

.p0 {padding:0 !important}
.m0 {margin:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt40 {margin-top:40px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.ml10 {margin-left:10px !important}
.mr10 {margin-right:10px !important}
.mmt30 {margin-top:-30px !important}

.color-blue {color:var(--hcms-primary)}
.color-violet {color:var(--hcms-primary)}

/* ������ �����ص� �� : ���� */
.fArea100.tab {min-width:1080px}
/* ������ �����ص� �� : �� */

.tab {margin-bottom:20px; background-image:none; border-bottom:2px solid var(--hcms-border-light);}
.tab ul {width:100%; overflow:hidden;}
.tab ul.test li a {padding:0 50px;}
.tab li {float:left;}
.tab li a {float:left; height:40px; line-height:40px; padding:0 20px; font-size:14px; font-weight:600; color:var(--hcms-text-muted); border:1px solid var(--hcms-border-light); border-bottom:0; background:var(--hcms-bg); text-decoration:none; border-radius:var(--hcms-radius-btn) var(--hcms-radius-btn) 0 0; transition:all 0.2s ease;}
.tab li.current a {height:41px; line-height:38px; color:var(--hcms-primary); border:2px solid var(--hcms-primary); border-bottom:0; background:var(--hcms-bg);}

.button-set * {vertical-align:middle}

.button-black,
.button-black * {display:inline-block;background:none;height:26px;font-weight:bold;color:#fff;text-decoration:none; vertical-align:top !important;}
.button-black {padding-right:28px}
.button-black * {background:none;vertical-align:top !important;padding-left:28px;line-height:28px}

.button-violet,
.button-violet * {display:inline-block;background:none;height:26px;font-weight:bold;color:#fff;text-decoration:none; vertical-align:top !important;}
.button-violet {padding-right:28px;}
.button-violet * {background:none;vertical-align:top !important;padding-left:28px;line-height:28px}

.button-violet-s,
.button-violet-s * {display:inline-block;background:none;height:21px;font-weight:bold;color:var(--hcms-text-muted);text-decoration:none; vertical-align:top !important;line-height:24px;font-size:11px}
.button-violet-s {padding-right:9px}
.button-violet-s * {background:none; padding-left:9px;}

.button-gray-s,
.button-gray-s * {display:inline-block;background:none;height:21px;font-weight:bold;color:var(--hcms-text-muted);text-decoration:none; vertical-align:top !important;line-height:24px; font-size:11px}
.button-gray-s {padding-right:9px}
.button-gray-s * {background:none; padding-left:9px;}


.button-blue,
.button-blue * {display:inline-block;background:none;height:26px;font-weight:bold;color:#fff;text-decoration:none; vertical-align:top !important;}
.button-blue {padding-right:28px;}
.button-blue * {background:none;vertical-align:top !important;padding-left:28px;line-height:28px}


.top-info {padding:15px 10px; border:1px solid var(--hcms-border-light); border-left:0; border-right:0; background:var(--hcms-surface);margin-bottom:20px;color:var(--hcms-text-body);}

.inner-nav {padding:15px 30px; background:var(--hcms-surface);}
.inner-nav ul {width:100%;overflow:hidden}
.inner-nav li {float:left;}
.inner-nav li a {display:block;text-decoration:none;background:none;padding:0 10px;}
.inner-nav li.current a {font-weight:bold;text-decoration:underline;}
.inner-nav li.first a {background:none;padding-left:0}

.board-list-head {width:100%;overflow:hidden;margin-bottom:10px}

.file-stat {border:1px solid var(--hcms-border); padding:15px 30px 10px;margin:5px 0;}
.file-stat li {margin-bottom:5px}
.file-stat li .num {margin-right:5px;color:var(--hcms-text-heading)}
.file-stat li * {vertical-align:middle !important}

.search-form {padding:15px 30px;border:1px solid var(--hcms-border-light)}
.search-form * {vertical-align:middle}
.search-form.noborder {border:0}

.keyword-dic-index {position:relative; width:548px; height:47px; margin-bottom:-15px; z-index:2;}
.keyword-dic-index li {float:left; margin-left:1px;}
.keyword-dic-index a {float:left; height:47px; width:31px; overflow:hidden; text-indent:-9999em; background:url(http://img.hunet.co.kr/study/player/common/keyword-dic-index.png) no-repeat;}
.keyword-dic-index .all {width:58px; background-position:0 0;}
.keyword-dic-index .i1 {background-position:-59px 0;}
.keyword-dic-index .i2 {background-position:-91px 0;}
.keyword-dic-index .i3 {background-position:-123px 0;}
.keyword-dic-index .i4 {background-position:-155px 0;}
.keyword-dic-index .i5 {background-position:-187px 0;}
.keyword-dic-index .i6 {background-position:-219px 0;}
.keyword-dic-index .i7 {background-position:-251px 0;}
.keyword-dic-index .i8 {background-position:-283px 0;}
.keyword-dic-index .i9 {background-position:-315px 0;}
.keyword-dic-index .i10 {background-position:-347px 0;}
.keyword-dic-index .i11 {background-position:-379px 0;}
.keyword-dic-index .i12 {background-position:-411px 0;}
.keyword-dic-index .i13 {background-position:-443px 0;}
.keyword-dic-index .i14 {background-position:-475px 0;}
.keyword-dic-index .az {width:40px; background-position:-507px 0;}
.keyword-dic-index .disabled a {cursor:default;}
.keyword-dic-index .disabled .all {background-position:0 -50px;}
.keyword-dic-index .disabled .i1 {background-position:-59px -50px;}
.keyword-dic-index .disabled .i2 {background-position:-91px -50px;}
.keyword-dic-index .disabled .i3 {background-position:-123px -50px;}
.keyword-dic-index .disabled .i4 {background-position:-155px -50px;}
.keyword-dic-index .disabled .i5 {background-position:-187px -50px;}
.keyword-dic-index .disabled .i6 {background-position:-219px -50px;}
.keyword-dic-index .disabled .i7 {background-position:-251px -50px;}
.keyword-dic-index .disabled .i8 {background-position:-283px -50px;}
.keyword-dic-index .disabled .i9 {background-position:-315px -50px;}
.keyword-dic-index .disabled .i10 {background-position:-347px -50px;}
.keyword-dic-index .disabled .i11 {background-position:-379px -50px;}
.keyword-dic-index .disabled .i12 {background-position:-411px -50px;}
.keyword-dic-index .disabled .i13 {background-position:-443px -50px;}
.keyword-dic-index .disabled .i14 {background-position:-475px -50px;}
.keyword-dic-index .disabled .az {background-position:-507px -50px;}
.keyword-dic-index .current .all {background-position:0 -100px;}
.keyword-dic-index .current .i1 {background-position:-59px -100px;}
.keyword-dic-index .current .i2 {background-position:-91px -100px;}
.keyword-dic-index .current .i3 {background-position:-123px -100px;}
.keyword-dic-index .current .i4 {background-position:-155px -100px;}
.keyword-dic-index .current .i5 {background-position:-187px -100px;}
.keyword-dic-index .current .i6 {background-position:-219px -100px;}
.keyword-dic-index .current .i7 {background-position:-251px -100px;}
.keyword-dic-index .current .i8 {background-position:-283px -100px;}
.keyword-dic-index .current .i9 {background-position:-315px -100px;}
.keyword-dic-index .current .i10 {background-position:-347px -100px;}
.keyword-dic-index .current .i11 {background-position:-379px -100px;}
.keyword-dic-index .current .i12 {background-position:-411px -100px;}
.keyword-dic-index .current .i13 {background-position:-443px -100px;}
.keyword-dic-index .current .i14 {background-position:-475px -100px;}
.keyword-dic-index .current .az {background-position:-507px -100px;}

.lboard a.depth1,
.lboard a.depth2,
.lboard a.depth3 {text-decoration:none;padding-left:15px}
.lboard a.depth1 {}
.lboard a.depth2 {margin-left:13px;}
.lboard a.depth3 {margin-left:26px;}
.lboard a.plus {background:none}
.lboard a.nomore {background:none}

.bu-sq-list li {padding:3px 0 3px 8px; color:var(--hcms-text-muted); background:url(http://img.hunet.co.kr/edu/common/ico_sq-2px-gray.gif) no-repeat 0 8px;}

.nav-list li {padding:3px 10px; display:inline-block; *float:left; *padding:3px 11px;}
.nav-list li a {color:var(--hcms-text-muted); font-weight:bold; font-size:16px; text-decoration:none;}
/* btn */
.style-btn {display:inline-block; padding:6px 12px; line-height:1.428571429; overflow:hidden; font-weight:normal; font-size:12px; color:var(--hcms-text-body); border:1px solid var(--hcms-border); background:var(--hcms-bg); border-radius:0; cursor:pointer; -webkit-appearance:none; text-decoration:none !important;}

.btn-sm,.btn-xs {padding:4px 10px; line-height:1.5;}
.btn-xs {padding:1px 5px;}
.btn-lg {padding:10px 16px; line-height:1.33; font-weight:bold; }
.btn-primary {color:#fff; border-color:var(--hcms-primary); background:var(--hcms-primary);}
.btn-inverse {color:#fff !important; border-color:var(--hcms-text-heading); background:var(--hcms-text-heading);}

 /* �ű� ��� ���� */
#header { height: 56px; display: flex; align-items: center; position: fixed; top: 0; width: 100%;z-index: 1000; justify-content: space-between; padding-right:12px; background:var(--hcms-bg); border-bottom:1px solid var(--hcms-border-light); box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02);}
#header .header_btn {margin-left: auto; display: flex; align-items: center;}
#logo {padding-left:  12px; margin-right: 30px;}
#menuButton {cursor: pointer; border: none;border-radius: 6px; padding:4px; }
#menuButton:hover {background-color: var(--hcms-surface);}

/*----------------------------------
  1) 기본(펼쳐진) / 접힌 상태 공통
-----------------------------------*/
#gnb {
  position: fixed;
  top: 56px; left: 0;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--hcms-text-body);
  background: var(--hcms-bg);
  border-right: 1px solid var(--hcms-border-light);
  box-sizing: border-box;
  transition: width 0.3s ease;
}
#gnb::-webkit-scrollbar { width: 4px; }
#gnb::-webkit-scrollbar-track { background: transparent; }
#gnb::-webkit-scrollbar-thumb { background: var(--hcms-border); border-radius: 4px; }
#gnb::-webkit-scrollbar-thumb:hover { background: var(--hcms-neutral); }

/* 내부 ul/li 기본 */
#gnb ul {
  list-style: none;
  margin: 0; padding: 8px 0;
}
#gnb ul li {
  position: relative;
  margin: 2px 6px;
  border-radius: 8px;
}
#gnb ul li:hover {
  background-color: var(--hcms-surface);
}

/* a 링크 기본 */
#gnb ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--hcms-text-muted);
  font-size: 13px;
  font-weight: 500;
  padding: 9px 12px;
  border-radius: 8px;
  transition: color 0.2s ease, background 0.2s ease;
}
#gnb ul li a .menu-icon,
#gnb ul li a .submenu-icon {
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
#gnb ul li a:hover {
  color: var(--hcms-text-heading);
  font-weight: 500;
}
#gnb ul li a:hover .menu-icon,
#gnb ul li a:hover .submenu-icon {
  opacity: 1;
}

/* “선택” / .active 상태 (펼쳐진) */
#gnb ul li.selected > a,
#gnb ul li a.active {
  background: rgba(13, 116, 206, 0.08) !important;
  color: var(--hcms-primary) !important;
  font-weight: 600;
}
#gnb ul li.selected > a .menu-icon,
#gnb ul li.selected > a .submenu-icon,
#gnb ul li a.active .menu-icon,
#gnb ul li a.active .submenu-icon {
  opacity: 1;
}

/* 2) 전체 상태에서 선택된 li/a에 공통으로 적용할 ::before 스트립 */
#gnb ul li.selected::before,
#gnb ul li a.active::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 5px;                  /* ← 여기서 스트립 폭을 조절 */
  background-color: var(--hcms-primary);    /* 스트립 색상 */
  border-top-right-radius: 2px; /* 모서리 둥글게 */
  border-bottom-right-radius: 2px;
  z-index: 1;                   /* a 텍스트/아이콘 위에 올라오도록 */
}

#gnb ul li a {
  position: relative; /* ::before 가 li가 아닌 a 위에도 적용 가능 */
  z-index: 0;
}


/*----------------------------------
  2) 펼쳐진 상태
-----------------------------------*/
#gnb.expanded {
  width: 160px;
}

/* 펼친 상태일 때는 텍스트+아이콘 그대로 */
#gnb.expanded .menu-text,
#gnb.expanded .submenu-text {
  display: inline;
}

/*----------------------------------
  3) 접힌 상태
-----------------------------------*/
#gnb.collapsed {
  width: 50px;
}

/* 텍스트 숨기고 아이콘 중앙 정렬 */
#gnb.collapsed .menu-text,
#gnb.collapsed .submenu-text {
  display: none;
}
#gnb.collapsed ul li a {
  justify-content: center;
  padding: 12px 0;
}

/* hover */
#gnb.collapsed ul li:hover,
#gnb.collapsed ul li a:hover {
  background-color: var(--hcms-surface) !important;
}

/* 선택된 li 에 left 5px 빨간 표시 */
#gnb.collapsed ul li.selected::before,
#gnb.collapsed ul li > a.active::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 5px;
  background-color: var(--hcms-primary);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* 접힌 상태 선택 */
#gnb.collapsed ul li.selected > a,
#gnb.collapsed ul li > a.active {
  background: rgba(13, 116, 206, 0.08) !important;
  color: var(--hcms-primary) !important;
}


/* ����� ���� ���� */
.chargePerson_info .modal-title {font-size: 18px; color: var(--hcms-text-heading); font-weight: 700;}
.chargePerson_cards {display: flex; flex-wrap: wrap; gap: 20px;}
.chargePerson_cards .card {border: 1px solid var(--hcms-border-light); padding: 15px; border-radius: 12px;width: 200px; background-color: var(--hcms-surface);}
.chargePerson_cards .card h3 {margin-top: 0; font-size: 16px;color:var(--hcms-text-heading);font-weight:700;margin-bottom: 5px;}
.chargePerson_cards .card p {margin: 5px 0;font-size: 14px;color: var(--hcms-text-muted);}

/* �ű� ����Ʈ ������*/
.content { border-radius: 0; border: none; transition: width 0.3s ease, margin-left 0.3s ease; will-change: width, margin-left; transform: translateZ(0); background:var(--hcms-bg);
  backface-visibility: hidden; margin: 80px 10px 0 200px; height: calc(100vh - 100px); 
  padding: 0; position:relative;}
.content.full-width { width: calc(100% - 55px); margin-left: 55px; }
.content.reduced-width { width: calc(100% - 90px); margin-left: 170px; }
.content .titleNew { display: none; }
.content .titleNew h3 { color:var(--hcms-text-heading); font-size:20px; font-weight: 700; line-height: 1.5; }
/* titlePorting 등 복합 헤더는 유지 */
.content .titleNew.titlePorting { display: flex; padding: 16px; border-bottom: 1px solid var(--hcms-border-light); }

.lboardNew { font-size: 13px; max-height: calc(100% - 228px); overflow-y: auto; color:var(--hcms-text-muted); }
.lboardNew p { font-size:11px; letter-spacing:-1px; margin:5px;}
.lboardNew .selectArea { margin-bottom:10px;}
.lboardNew .payArea {margin-top:25px; margin-bottom:10px;}
.lboardNew .payArea strong {color:var(--hcms-danger); text-decoration: none; font-weight:bold;}
.lboardNew .btnCenter { margin:20px 0 5px 0; text-align:center; display:table; margin-left:auto; margin-right:auto; } /* ��ư ������� */
.lboardNew .btnCenter .btnBlack, 
.lboardNew .btnCenter .btnViolet { width:130px; }
.lboardNew .btnRight { float:right; margin:20px 0 5px 0; text-align:right;} /* ��ư �������� */
.lboardNew .ListVer li { float:left; margin-right:5px; _padding-top:3px; _padding-bottom:1px;}
.lboardNew .ListVer2 li { float:left; margin-right:15px; _padding-top:3px; _padding-bottom:1px;}
.lboardNew .ListVerRight { width:98%;}
.lboardNew .ListVerRight li { float:right; margin-left:5px; _padding-top:3px; _padding-bottom:1px;}
.lboardNew td .btnSGrey, .lboardNew td .btnSViolet { _padding-top:2px;}
.lboardNew td.txt .btnSGrey, .lboardNew td.txt .btnSViolet { _padding:-2px 0 2px 0;}
.lboardNew td .txtPoint, .lboardNew td .txtPoint a { color:var(--hcms-primary); text-decoration: none; }
.lboardNew td .txtPointB, .lboardNew td .txtPointB a { color:var(--hcms-primary); text-decoration: none; font-weight:bold; }
.lboardNew span.block {display:inline-block;}
.lboardNew .bg td {background:var(--hcms-surface)}

.lboardLNew { }
.lboardLNew th	{ background-color: var(--hcms-surface); text-align: center; height:30px; font-size: 15px; font-weight:bold; position:sticky; top:0; color:var(--hcms-text-muted);}
.lboardLNew td.stit { background-color:var(--hcms-surface); padding:8px 5px 5px 5px; text-align:center; line-height:16px; height:30px; font-weight:bold;}
.lboardLNew td	{ border-bottom:var(--hcms-surface) 1px solid; padding:5px; text-align:center; line-height:20px; word-break:break-all; font-size: 14px;}
.lboardLNew td.point { border-bottom:var(--hcms-border-light) 1px solid; padding:5px 5px 3px 5px; text-align:center; line-height:20px; word-break:break-all; color:var(--hcms-danger); }
.lboardLNew td.con,
.lboardLNew th.con { text-align:left;}
.lboardLNew td.btn { padding-left:19px; }
.lboardLNew tfoot { background-color:var(--hcms-surface); }
.lboardLNew th.row {background-color:var(--hcms-surface);}
.lboardLNew th *,
.lboardLNew td * {vertical-align:middle}

/* �ű� ����Ʈ �� �������� */
.lboard_main { font-size: 13px; max-height: calc(100% - 61px); overflow-y: auto; padding:24px 12px 16px; }
.lboard_main .ListVerRight { width:98%; overflow:hidden; }
.lboard_main .ListVerRight li { float:right; margin-left:5px; }

/* ���� ��� ������ */
.content .titlePorting {display:flex; justify-content:space-between; align-items: center; padding-top:22px;}
.content .titlePorting .portingCourseInfo {display:flex}
.content .titlePorting .portingCourseInfo .position-relative {padding-right:20px;}
.content .titlePorting .portingCourseInfo .position-relative .floating-label {border-bottom:1px solid var(--hcms-border); padding:0;}
.content .titlePorting .portingCourseInfo .position-relative {font-size :13px;}
.content .titlePorting .portingCourseInfo .position-relative  h3 {padding: 12px 0 0 8px;font-size:18px}
.content .portingDetailInfo {display: flex; justify-content:space-between; align-items:center; height:75px; padding:25px 12px 20px;}
.content .portingDetailInfo .portingInfoEtc {display:flex;  width:480px;}
.content .portingDetailInfo .portingInfoEtc .position-relative {padding-right:15px;}
.content .portingDetailInfo .portingInfoEtc .position-relative .floating-label {border-bottom:1px solid var(--hcms-border);padding:0;}
.content .portingDetailInfo .portingInfoEtc .position-relative .courseInfo {font-size:13px;padding: 12px 0 0 8px}

.content .lboardPorting {padding:0; max-height:calc(100% - 152px); }
.content .lboard_module {padding:0; max-height:calc(100% - 192px); }
.content .lboard_module_select {padding:0; max-height:calc(100% - 140px);}
/* �ű� �˾� ��Ÿ�� */
#popup .titleNew {
  padding: 10px;
  width: 100%;
}
#popup .titleNew h3 { color:var(--hcms-text-muted); font-size:20px; font-weight: bold; margin:0;}