@charset "utf-8";

/* ============================== [02] Setting Common Style .Start ============================== */
/*	========== [02] [01] Position Layout .Start ========== */
.absLeft						{position:absolute; left:0;    top:0}
.absRight						{position:absolute; right:0;   top:0}
.absCenter_wrap					{position:absolute; left:50%;  top:0}		/* 가운데 띄우기를 원할 경우 wrap 안에 */
.absCenter_cont					{position:relative; left:-50%; top:0}		/*                           cont 를 만들고 내용을 넣을 것 */
/*	========== [02] [01] Position Layout .End   ========== */

/*	========== [02] [02] Custom Layout .Start ========== */
.displayNone					{position:absolute !important; width:1px !important; height:1px !important; *height:0 !important; font-size:0px !important; line-height:0px !important; text-indent:-10000px !important; left:-999999px !important; top:-999999px !important; overflow:hidden !important; padding:0 !important; margin-top:-1px !important; opacity:0 !important}
.blind							{position:absolute !important; clip:rect(1px 1px 1px 1px) !important; clip:rect(1px, 1px, 1px, 1px) !important; clip-path:inset(50%) !important; padding:0 !important; border:0 !important; height:1px !important; width:1px !important; font-size:0 !important; color:transparent !important; text-indent:-10000px !important; left:-10000px !important; background:transparent !important; overflow:hidden !important}
caption.displayNone				{position:static !important; display:table-caption !important; left:auto !important; top:auto !important}
.ellipsis						{width:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.displayFlex					{-js-display:flex; display:flex; justify-content:space-between;}
.inlineBlock					{display:-moz-inline-stack !important; display:inline-block !important; zoom:1 !important; *display:inline !important; _display:inline !important;}
.btnStyle						{display:inline-block; border:#aaa 1px solid; padding:2px 5px; margin:0}
ul.li_inline li					{display:inline-block}
/*
.rightBar				{}
*/
.clearBoth						{clear:both; content: ""; display:block; height:0}
input.stText					{font-size:14px; cursor:pointer; margin:0; padding:0; border:none; background:none}
.btnSet							{text-align:center}
.nowPage						{color:#017161; font-weight:600}
.otherPage						{color:inherit; font-weight:inherit}
.stBR							{position:relative; clear:both; float:none; width:100%; height:0}
a.dynTelLink					{display:inline-block; width:auto !important}

.input_kor						{-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active}
.input_eng						{-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive}

.innerWrap						{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}

.st_tb							{position:absolute; display:table; width:100%; height:100%; left:0; top:0}
.st_tbCell						{display:table-cell; vertical-align:middle}

.scrollable .alertWrap			{display:none}

.fa,.fab,.fal,.far,.fas			{line-height:inherit; vertical-align:middle; padding-bottom:3px}

.padding_0						{padding:0}
.padding_T_10				{padding-top:10px}
.padding_T_20				{padding-top:20px}
.padding_T_30				{padding-top:30px}
.padding_T_50				{padding-top:50px}
.padding_T_70				{padding-top:70px}
.padding_L_10				{padding-left:10px; box-sizing:border-box}
.padding_L_15				{padding-left:15px; box-sizing:border-box}
.padding_L_20				{padding-left:20px; box-sizing:border-box}
.padding_L_30				{padding-left:30px; box-sizing:border-box}
.margin_0				{margin:0}
.margin_T_10				{margin-top:10px}
.margin_T_20				{margin-top:20px}
.margin_T_30				{margin-top:30px}
.margin_L_10				{margin-left:10px; box-sizing:border-box}
.margin_L_15				{margin-left:15px; box-sizing:border-box}
.margin_L_20				{margin-left:20px; box-sizing:border-box}

.textIndent_10				{text-indent:-10px; margin-left:10px}
.textIndent_15				{text-indent:-15px; margin-left:15px}
.textIndent_20				{text-indent:-20px; margin-left:20px}

.textIndent_10 a			{text-indent:0; margin-left:0}
.textIndent_15 a			{text-indent:0; margin-left:0}
.textIndent_20 a			{text-indent:0; margin-left:0}

.txtAlign_C				{text-align:center}
.txtAlign_L				{text-align:left}
.txtAlign_R				{text-align:right}

.color_blue				{color:#0033cc}
.color_red				{color:#d64227}
.color_green				{color:#158201}

.font_size16				{font-size:16px}
.font_size12				{font-size:12px}

.font_weight700				{font-weight:700}

.icon_extLink				{font-size:0.8em}

hr.shine						{position: relative; width: 100%; height: 15px; color: #aaa; background-image: radial-gradient(farthest-side at 50% -50%, rgba(50, 50, 50, 0.5), rgba(0, 0, 0, 0))}



a								{border-bottom: rgba(0, 0, 0, 0.3) 1px solid}
a:hover							{border-bottom: rgba(0, 0, 0, 0.7) 1px solid}
a:focus							{border-bottom: rgba(0, 0, 0, 0.7) 1px solid}
a:active						{border-bottom: rgba(0, 100, 255, 0.7) 1px solid}
a.noUnderline					{border-bottom: none}

/*
a[target=_blank]:after			{position: relative; display: inline-block; content: "새창 열림"; width: 15px; height: 15px; line-height: 15px; vertical-align: middle; font-size: 0; color: transparent; background: url("/images/icon/external-link-alt-solid.svg") center center; background-repeat: no-repeat; background-size: contain; margin-left: 5px}
*/
a[target=_blank]:after			{position: relative; display: inline-block; content: "새창 열림"; width: 15px; height: 15px; line-height: 15px; vertical-align: middle; font-size: 0; color: transparent; margin-left: 5px; background-color: #162447; -webkit-mask: url("/images/icon/external-link-alt-solid.svg") no-repeat 50% 50%; mask: url("/images/icon/external-link-alt-solid.svg") no-repeat 50% 50%}
a.noExtIcon[target=_blank]:after{display: none}
a:not([href]):after				{display: none}
a[download]:after				{position: relative; display: inline-block; content: "다운로드"; width: 15px; height: 15px; line-height: 15px; vertical-align: middle; font-size: 0; color: transparent; margin-left: 5px; background-color: #162447; -webkit-mask: url("/images/icon/file-download-solid.svg") no-repeat 50% 50%; mask: url("/images/icon/file-download-solid.svg") no-repeat 50% 50%}

.btnSet							{position:relative; width:100%; padding:10px 0}
.btnSet .btnNavy				{width:auto; min-height:25px; line-height:25px; background:#242c39; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
.btnSet .btnBlue				{width:auto; min-height:25px; line-height:25px; background:#1E49E1; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
.btnSet .btnGreen				{width:auto; min-height:25px; line-height:25px; background:#158700; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
.btnSet .btnGray				{width:auto; min-height:25px; line-height:25px; background:#6e6e6e; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
.btnSet .btnRed					{width:auto; min-height:25px; line-height:25px; background:#d64227; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}


.btnBS							{display: inline-block; width: auto; line-height: 1.2rem; font-weight: normal; text-align: center; color: #ffffff; background-color: #158700; padding: 5px 10px; cursor: pointer; border: none; text-indent: 0}
.btnBS:hover					{border: none}
.btnBS:focus					{border: none}
.btnBS:active					{border: none}
.btnBS[target=_blank]:after					{background-color: #ffffff;}
/*
.btnBS:after					{display: none; background-image: none}
*/
.btnBS.btnNavy						{background-color: #242c39; color: #ffffff}
.btnBS.btnBlue						{background-color: #1E49E1; color: #ffffff}
.btnBS.btnGreen						{background-color: #158700; color: #ffffff}
.btnBS.btnGray						{background-color: #6e6e6e; color: #ffffff}
.btnBS.btnRed						{background-color: #d64227; color: #ffffff}
.btnBS[target=_blank]:after			{background-color: #ffffff}
.btnBS[download]:after				{background-color: #ffffff}


.linkBS.stBorder					{padding: 4px 10px; font-weight: bold; border: #0a0a0a 1px solid}
.linkBS.stBorder:hover				{border-style: dotted}
.linkBS.stBorder:focus				{border-style: dotted}


#wrap .btnSynap							{position: relative; display: inline-block; width: auto; line-height: 1.5em; color: #000; padding: 0 5px; border: #aaa 1px solid; border-radius: 2px; box-sizing: border-box}
#wrap .btnSynap:active					{color: #008455}
#wrap .btnSynap:after						{position: relative; display: inline-block; width: auto; height: auto; color: inherit; font-size: 1rem; font-family: "Font Awesome 5 Free"; font-weight:600; content:"\f06e"; padding-left: 5px; -webkit-mask: unset; mask: unset; background: unset;}
#wrap .btnSynap:hover:after				{height: unset}
#wrap .btnSynap.disabled:after			{content: ""; display: none}


.fileLinkWrap.forSynap							{display: inline-block; width: 220px; margin-left: 5px}
.fileLinkWrap.forSynap .btnDownload				{position: relative; display: inline-block; width: auto; line-height: 1.5em; color: #000; padding: 0 5px; border: #aaa 1px solid; border-radius: 2px; box-sizing: border-box}
.fileLinkWrap.forSynap .btnDownload:active		{color: #363d4c}
.fileLinkWrap.forSynap .btnDownload:after		{position: relative; display: inline-block; width: auto; height: auto; font-family: "Font Awesome 5 Free"; font-weight:600; content:"\f56d"; padding-left: 5px}
.fileLinkWrap.forSynap .btnDownload:hover:after	{height: unset}
.fileLinkWrap.forSynap .btnDownload.disabled:after				{content: ""; display: none}

.fileLinkWrap.forSynap.fontSytleW .btnDownload, .fileLinkWrap.forSynap.fontSytleW .btnSynap	{color:#fff}
.fileLinkWrap.forSynap.SytleSimple .btnDownload:after, .fileLinkWrap.forSynap.SytleSimple .btnSynap:after	{padding-left:0px;}



.FrmBS					{position:relative; width:100%; display:inline-block; margin:0; padding:0}
.FrmBS input				{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.FrmBS textarea				{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; resize:none; border:#dfdfdf 1px solid; line-height:24px}
.FrmBS select				{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer; border:#dfdfdf 1px solid;}
.FrmBS select::-ms-expand			{display: none;}
.FrmBS label				{width:auto; cursor:pointer; color:inherit; font-weight:inherit; font-size:inherit}
.FrmBS th label				{width:100%}
.FrmBS input[type="text"]			{width:100%; height:30px; line-height:30px; color:#454545; border:#dfdfdf 1px solid; padding:0 10px}
.FrmBS input[type="text"]:read-only		{background:#efefef}
.FrmBS input[type="text"]:disabled		{background:#efefef}
.FrmBS input[type="number"]			{width:100%; height:30px; line-height:30px; color:#454545; border:#dfdfdf 1px solid; padding:0 10px}
.FrmBS input[type="password"]		{width:100%; height:30px; line-height:30px; color:#454545; border:#dfdfdf 1px solid; padding:0 10px}
.FrmBS input[type="password"]:read-only	{background:#efefef}
.FrmBS input[type="password"]:disabled	{background:#efefef}
.FrmBS .selectWrap				{position:relative; height:30px; line-height:30px; display:inline-block; background:#ffffff}
.FrmBS .selectWrap select			{position:relative; height:inherit; line-height:inherit; vertical-align:top; max-width:100%; padding:0 35px 0 10px; background:transparent; z-index:50}
.FrmBS .selectWrap .fas			{position:absolute; height:inherit; line-height:inherit; vertical-align:top; color:#238e0f; top:0; right:0; padding:0 10px; z-index:20; border-left:#dfdfdf 1px solid}

.FrmBS input[type="checkbox"]		{width:20px; height:20px; display:inline-block; line-height:inherit; vertical-align:middle; margin-bottom:5px; cursor:pointer}
.FrmBS input[type="radio"]			{width:20px; height:20px; display:inline-block; line-height:inherit; vertical-align:middle; margin-bottom:5px; cursor:pointer}
.FrmBS .btnSet				{position:relative; width:100%; padding:10px 0}
.FrmBS .btnSet input			{min-width:100px; font-size:14px; line-height:30px; color:#ffffff; text-align:center; padding:0 20px; margin:0; background:#6e6e6e; border:none; cursor:pointer}
.FrmBS input[type="submit"]		{padding:0 20px; margin:0; background:#242c39; border:none; cursor:pointer; color:#FFFFFF}
.FrmBS input[type="button"]		{padding:0 20px; margin:0; background:#158700; border:none; cursor:pointer; color:#FFFFFF}
.FrmBS input[type="reset"]		{padding:0 20px; margin:0; background:#6e6e6e; border:none; cursor:pointer; color:#FFFFFF}
.FrmBS .btnBlue				{padding:0 20px; margin:0; background:#1E49E1 !important; border:none; cursor:pointer; color:#FFFFFF !important}
.FrmBS .btnRed				{padding:0 20px; margin:0; background:#FF4040 !important; border:none; cursor:pointer; color:#000000 !important}
.FrmBS .btnGreen			{padding:0 20px; margin:0; background:#158700 !important; border:none; cursor:pointer; color:#FFFFFF !important}
.FrmBS .btnGray				{padding:0 20px; margin:0; background:#6e6e6e !important; border:none; cursor:pointer; color:#FFFFFF !important}
.FrmBS .btnNavy				{padding:0 20px; margin:0; background:#242c39 !important; border:none; cursor:pointer; color:#FFFFFF !important}
.FrmBS .btnSet .borderST		{color:#454545; border:#242c39 1px solid; background:transparent}
.FrmBS .btnSet .btn_del			{padding:0 20px; margin:0; background:#d64227; border:none; cursor:pointer; color:#ffffff; display:inline-block; font-size:14px; line-height:30px}

.FrmBS input.borderST			{color:#FFFFFF; background-color:#6E6E6E; cursor:pointer}
.FrmBS .findBtnWrap				{position:relative; display:inline-block; color:#FFFFFF}
.FrmBS .findBtnWrap .borderST		{padding:0 20px 0 10px; text-align:center}
.FrmBS .findBtnWrap:after			{position:absolute; top:0; right:10px; color:inherit; font-family:"Font Awesome 5 Free"; font-weight:700; content:"\f105";}

.FrmBS .nbsp				{display:inline-block; width:10px}

.FrmBS input[type="hidden"]			{display:none; width:0; height:0; line-height:0; font-size:0}


.popup					{position:relative; width:100%; height:auto; border:0; padding:0; margin:0; text-align:center}
/*
.popup.typeLayer			{}
*/

.mobileOnly				{display:none}

.noData					{color:red; font-weight:bold; text-align:center; padding:10px; box-sizing:border-box}
/*	========== [02] [02] Custom Layout .End   ========== */

/*	========== [02] [03] Table Layout .Start ========== */
.textIndent_10 .tb_basic ul		{width:100%; box-sizing:border-box; text-indent:0; margin:0; padding:0}
table.tb_basic				{width:100%; border-top:#363d4c 2px solid; border-bottom:#363d4c 1px solid; margin-top:10px}
table.tb_basic .showCapt		{width:100%; line-height:25px; font-size:16px; font-weight:bold; text-align:left; padding:5px 0}
table.tb_basic .showCapt.colGreen	{color:#017161}
table.tb_basic thead th			{font-weight:700; font-size:16px; height:40px; border-bottom:#363d4c 1px solid; background-color:#fafafa; padding:5px 0}
table.tb_basic thead td			{font-weight:700; font-size:16px; height:40px; border-bottom:#363d4c 1px solid;}
table.tb_basic tbody th			{font-weight:700; font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid; background-color:#FFFFFF}
table.tb_basic tbody td			{font-weight:normal; font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid}
table.tb_basic tfoot th			{font-weight:700;   font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid; border-top:#363d4c 1px solid}
table.tb_basic tfoot td			{font-weight:normal; font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid; border-top:#363d4c 1px solid}
table.tb_basic th			{min-height:30px; text-align:center; border-bottom:#dddddd 1px solid; line-height:28px;}
table.tb_basic td			{min-height:30px; text-align:center; border-bottom:#dddddd 1px solid; line-height:28px;}
table.tb_basic tr.last_row th		{border-bottom:none}
table.tb_basic tr.last_row td		{border-bottom:none}
table.tb_basic tr.footer td		{background-color:#e4e4e4; font-weight:bold; color:#000000}
table.tb_basic tr.footer th		{background-color:#e4e4e4; font-weight:bold; color:#000000}
table.tb_basic th.font_S		{font-size:11px; letter-spacing:-1px; height:40px;}

table.tb_basic .border_R		{border-right:#d0d0d0 1px solid}
table.tb_basic .border_R_B		{border-right:#363d4c 1px solid}
table.tb_basic .border_L_B		{border-left:#363d4c 1px solid}
table.tb_basic .border_B		{border-bottom:#d0d0d0 1px solid}
table.tb_basic .border_B_B		{border-left:#363d4c 1px solid}
table.tb_basic .border_Lnone		{border-left:none !important}
table.tb_basic .border_Rnone		{border-right:none !important}
table.tb_basic .border_Bnone		{border-bottom:none !important}
table.tb_basic .col_left		{text-align:left;}
table.tb_basic .col_right		{text-align:right;}
table.tb_basic .col_center		{text-align:center !important;}
table.tb_basic .col_gray01		{background:#f6f6f6}
table.tb_basic .col_gray02		{background:#fafafa}
table.tb_basic .style_td		{background:none; font-weight:normal}
table.tb_basic .col_red			{color:#D73D00}
table.tb_basic .col_blue		{color:#0033cc}
table.tb_basic .td_greenbg		{background:#017161; font-weight:bold; color:#FFFFFF; font-size:15px; height:40px}
table.tb_basic .bg_green		{background-color:#F0F7F4}
table.tb_basic .noData			{color:red; text-align:center; font-weight:bold}
table.tb_basic .font_S14		{font-size:14px; line-height:22px}

table.tb_basic label			{width:100%; font-weight:inherit; display:inline-block; zoom:1; *display:inline; _display:inline}
table.tb_basic input[type="text"]	{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tb_basic input[type="password"]	{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tb_basic textarea			{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tb_basic .inlineB			{width:auto; display:inline-block; zoom:1; *display:inline; _display:inline}

table.tb_basic.tb_noBorder		{border:none !important}
table.tb_basic.tb_noBorder th		{border:none !important; text-align:left; padding:3px !important}
table.tb_basic.tb_noBorder td		{border:none !important; text-align:left; padding:3px !important}

table.tb_gridSubmit			{border-top:#1B3458 2px solid; border-bottom:#1B3458 1px solid}
table.tb_gridSubmit thead th		{border-bottom:#1B3458 1px solid}
table.tb_gridSubmit thead td		{border-bottom:#1B3458 1px solid}

table.tb_gridSubmit.mode_Mod		{border-top:#4CAF50 2px solid; border-bottom:#4CAF50 1px solid}
table.tb_gridSubmit.mode_Mod thead th	{border-bottom:#4CAF50 1px solid}
table.tb_gridSubmit.mode_Mod thead td	{border-bottom:#4CAF50 1px solid}

.tb_cal caption .date_YYYY:after		{display:block; height:0; font-size:0; content:"년"}
.tb_cal caption .date_MM:after		{display:block; height:0; font-size:0; content:"월"}



table.tbEditor					{width:100%; border-top:#363d4c 2px solid; border-bottom:#363d4c 1px solid; margin-top:10px}
table.tbEditor thead th			{font-weight:700; font-size:16px; height:40px; border-bottom:#363d4c 1px solid; background-color:#fafafa; padding:5px 0}
table.tbEditor thead td			{font-weight:700; font-size:16px; height:40px; border-bottom:#363d4c 1px solid;}
table.tbEditor tbody th			{font-weight:700; font-size:16px; height:25px; color: #454545; text-align: center; padding:10px; border-left:#dddddd 1px solid; background-color:#f0f2fa}
table.tbEditor tbody td			{font-weight:normal; font-size:14px; height:25px; color: #454545; text-align: left; padding:10px; border-left:#dddddd 1px solid}
table.tbEditor tfoot th			{font-weight:700;   font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid; border-top:#363d4c 1px solid}
table.tbEditor tfoot td			{font-weight:normal; font-size:14px; height:25px; padding:10px; border-left:#dddddd 1px solid; border-top:#363d4c 1px solid}
table.tbEditor th			{min-height:30px; text-align:center; border-bottom:#dddddd 1px solid; line-height:28px;}
table.tbEditor td			{min-height:30px; text-align:center; border-bottom:#dddddd 1px solid; line-height:28px;}
table.tbEditor tr:last-of-type th		{border-bottom:none}
table.tbEditor tr:last-of-type td		{border-bottom:none}

table.tbEditor label			{width:100%; font-weight:inherit; display:inline-block; zoom:1; *display:inline; _display:inline}
table.tbEditor input[type="text"]	{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tbEditor input[type="password"]	{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tbEditor textarea			{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
table.tbEditor .inlineB			{width:auto; display:inline-block; zoom:1; *display:inline; _display:inline}

/*	========== [02] [03] Table Layout .End   ========== */


/*	========== [02] [05] Responsive Layout .Start ========== */
.mobile_only					{display:none}
.moblieOnly					{display:none; visibility:hidden}
/*	========== [02] [05] Responsive Layout .End   ========== */


/*	========== [02] [06] Paging .Start ========== */
#pagingWrap					{position:relative; width:100%; text-align:center; font-size:0; padding:15px 0}
#pagingWrap *					{box-sizing:border-box}
#pagingWrap .btnMove				{display:inline-block; width:30px; height:30px; line-height:30px; vertical-align:top; text-align:center; font-size:14px; color:#000000; border:#dedede 1px solid; margin-right:5px}
#pagingWrap .btnMove:last-child			{margin-right:0}
#pagingWrap .pageNumWrap			{display:inline-block; padding:0}
#pagingWrap .pageNumWrap .pageNum		{display:inline-block; width:30px; height:30px; line-height:30px; vertical-align:top; text-align:center; font-size:14px; color:#555555; border:#dedede 1px solid; margin-right:5px; background:transparent; font-weight:400}
#pagingWrap .pageNumWrap .pageNum.selectOn	{color:#ffffff; font-weight:500; border:#363D4C 1px solid; background:#363D4C}
/*	========== [02] [06] Paging .End   ========== */



/* CMS Responsible Table Style */
table.tb_resp							{width: 100%; font-size: 1em; border-top: #aaa 2px solid; border-bottom: #aaa 2px solid; margin-top: 1em}
table.tb_resp caption					{font-size: 1.5em; font-weight: bold; text-align: center; margin: 0; padding: 2px 0}
table.tb_resp thead th					{line-height:30px; font-size: 1.3em; color: #ffffff; font-weight: bold; background: navy; padding: 5px 0; border-right: #fff 1px solid; border-bottom: #fff 1px solid; box-sizing: border-box}
table.tb_resp thead th:last-of-type		{border-right: none}
table.tb_resp tbody th					{line-height:26px; font-size: 1em; color: #ffffff; font-weight: bold; background: navy; padding: 2px 0; border-bottom: #fff 1px solid; border-left: none; box-sizing: border-box}
table.tb_resp tbody td					{line-height:26px; font-size: 1em; color: #333; font-weight: normal; background: transparent; padding: 2px 5px; border-bottom: #aaa 1px solid; border-right: #aaa 1px solid; border-left: none; box-sizing: border-box}
table.tb_resp tbody tr:first-of-type th	{border-top: #fff 1px solid}
table.tb_resp tbody tr:last-of-type th	{border-bottom: none}
table.tb_resp tbody td:last-of-type		{border-right: none}
table.tb_resp tbody tr:last-of-type td	{border-bottom: none}
table.tb_resp tbody tr:hover				{background: #e9e9e9}
table.tb_resp tbody tr:focus				{background: #e9e9e9}
table.tb_resp tfoot tr					{background: #e9e9e9}
table.tb_resp tfoot th					{line-height:26px; font-size: 1em; color: #ffffff; font-weight: bold; background: navy; padding: 2px 0; box-sizing: border-box}
table.tb_resp tfoot td					{line-height:26px; font-size: 1em; color: #333; font-weight: normal; background: transparent; padding: 2px 5px; border-right: #aaa 1px solid; box-sizing: border-box}
table.tb_resp tfoot td:last-of-type		{border-right: none}
table.tb_resp .tr_borderB th				{border-bottom: #fff 1px solid !important}
table.tb_resp .tr_borderB td				{border-bottom: #aaa 1px solid !important}

table.tb_resp tbody td.border_R_B		{border-right:#0a0a0a 1px solid}
table.tb_resp tbody td.border_L_B		{border-left:#0a0a0a 1px solid}
table.tb_resp tbody td.border_B_B		{border-left:#0a0a0a 1px solid}


@media (max-width:768px) {
	table.tb_resp						{font-size: 0.9em}
	table.tb_resp caption				{font-size: 1em}
	table.tb_resp col					{width: 100% !important}
	table.tb_resp thead th				{height: auto; font-size: 1.2em}

	table.tb_resp thead					{position: absolute; width: 1px; height: 1px; clip: rect(1px 1px 1px 1px); padding: 0; border: 0; overflow: hidden}
	table.tb_resp tr						{display: block; text-align: left; white-space: normal; padding: 0}
	table.tb_resp th[scope=rowgroup]			{display: block; width: 100%; height: auto; font-size: 1.2em; text-align: center; white-space: normal; vertical-align: middle; padding: 5px 0; border: none !important; border-bottom: #fff 1px solid !important}
	table.tb_resp th[scope=row]			{display: block; width: 100%; height: auto; font-size: 1.2em; text-align: center; white-space: normal; vertical-align: middle; padding: 5px 0; border: none !important}
	table.tb_resp td[data-title]:before	{display: block; content: attr(data-title); width: 100%; font-size: 0.8em; text-align: left; color: rgba(0, 0, 0, 0.5); margin-top: 5px}
	table.tb_resp td[data-title]			{display: block; width: 100%; height: auto; font-size: 1em !important; text-align: left; color: #000}
	table.tb_resp td						{display: block; width: 100%; border: #aaa 1px solid !important; border-top: none !important; border-bottom: none !important}
	table.tb_resp tr td:first-of-type	{border-top: #aaa 1px solid !important}
	table.tb_resp tr td:last-of-type		{border-bottom: #aaa 1px solid !important}
	table.tb_resp td:nth-of-type			{border-bottom: none}

	table.tb_resp tfoot th[scope=colgroup]			{display: block; width: 100%; height: auto; font-size: 1.2em; text-align: center; white-space: normal; vertical-align: middle; padding: 5px 0; border: none !important; border-bottom: #fff 1px solid !important}
	table.tb_resp tfoot th[scope=col]			{display: block; width: 100%; height: auto; font-size: 1.2em; text-align: center; white-space: normal; vertical-align: middle; padding: 5px 0; border: none !important}

	table.tb_resp th br					{display: inline; content: ""; padding-left: 5px}
	table.tb_resp td br					{display: inline; content: ""; padding-left: 5px}


	table.tb_resp .dataNone				{display: none !important}
}
@media (max-width:425px) {
	table.tb_resp						{font-size: 0.9em}
	table.tb_resp thead th				{font-size: 1em}
}

table.tb_refInfo thead th				{background-color: #d5d5d5; border-color: #aaaaaa; color: #000}
table.tb_refInfo tbody th				{background-color: #eee; border-color: #aaaaaa; color: #000; border-right: #aaaaaa 1px solid}
table.tb_refInfo tbody td				{background-color: #ffffff; border-color: #aaaaaa; color: #000; text-align: left}




/* CMS Lists Style */
.list_stInc								{width: 100%; line-height: 2em; list-style: none; margin: 0; padding: 0}

.list_stInc li							{position: relative; padding-left: 20px}
.list_stInc li:before					{position: absolute; display: inline-block; content: ""; line-height: inherit; vertical-align: middle; background: #338808; margin: 0; padding: 0; box-sizing: border-box; top: 0.7em; left: 0.3em}

.list_stInc.col_red li:before			{background: #E80F03}
.list_stInc.col_green li:before			{background: #338808}
.list_stInc.col_yellow li:before		{background: #ddd422}
.list_stInc.col_blue li:before			{background: #0e1c37}
.list_stInc.col_gray li:before			{background: #aaa}
.list_stInc.col_gold li:before			{background: #DDB63D}
.list_stInc.col_silver li:before		{background: #a7a9ac}

.list_stInc li:before					{width: auto; height: 1px;}
.list_stInc.list_st_disc li:before		{width: 0.5em; height: 0.5em; border-radius: 50%}
.list_stInc.list_st_square li:before	{width: 0.5em; height: 0.5em; border-radius: 0}

.list_stInc.list_st_text				{text-indent: -20px}
.list_stInc.list_st_text.indent10		{text-indent: -10px}
.list_stInc.list_st_text.indent10 li	{padding-left: 10px}
.list_stInc.list_st_text.indent15		{text-indent: -15px}
.list_stInc.list_st_text.indent15 li	{padding-left: 15px}

.list_stInc.list_st_num					{counter-reset: cnt_list_num}
.list_stInc.list_st_num li				{display: table; counter-increment: cnt_list_num; padding-left: 0}
.list_stInc.list_st_num li:before		{display: table-cell; position: relative; width: auto; height: auto; vertical-align: top; content: counters(cnt_list_num, ".") ". "; background: none; top: auto; left: auto; right: auto; bottom: auto; padding-right: 0.5rem; word-break: keep-all}

.list_stInc.list_st_roman				{counter-reset: cnt_list_roman}
.list_stInc.list_st_roman li			{display: table; counter-increment: cnt_list_roman; padding-left: 0}
.list_stInc.list_st_roman li:before		{display: table-cell; position: relative; width: auto; height: auto; vertical-align: top; content: counters(cnt_list_roman, ".", upper-roman) ". "; background: none; top: auto; left: auto; right: auto; bottom: auto; padding-right: 0.5rem; word-break: keep-all}


/* 절차(단계) */
#wrap .stepBoxWrap									{position: relative; width: 100%; padding: 5px 0; box-sizing: border-box}
#wrap .stepBoxWrap li								{position: relative; width: 100%; background: transparent; border: #0c1019 1px solid; padding: 10px; margin-bottom: 30px; box-sizing: border-box}
/*
#wrap .stepBoxWrap li:after							{position: relative; display: block; content: ""; width: 100%; background-image:url("")}
*/
#wrap .stepBoxWrap li:after							{position: absolute; display: block; content: ""; width: 0; height: 0; border-top: 20px solid #0e1c37; border-left: 20px solid transparent; border-right: 20px solid transparent; bottom: -25px; left: 50%; transform: translateX(-50%)}
#wrap .stepBoxWrap li:last-of-type					{margin: 0}
#wrap .stepBoxWrap li:last-of-type:after			{display: none}

#wrap .stepBoxWrap.stArrowR li:after				{left: auto; right: 5px; transform: translateX(0)}
#wrap .stepBoxWrap.col_red li:after					{border-top: 20px solid #E80F03}
#wrap .stepBoxWrap.col_green li:after				{border-top: 20px solid #338808}
#wrap .stepBoxWrap.col_yellow li:after				{border-top: 20px solid #ddd422}
#wrap .stepBoxWrap.col_gray li:after				{border-top: 20px solid #aaa}
#wrap .stepBoxWrap.col_gold li:after				{border-top: 20px solid #DDB63D}
#wrap .stepBoxWrap.col_silver li:after				{border-top: 20px solid #a7a9ac}

#wrap .stepBoxWrap .bg_blue							{color: #ffffff; background: #0e1c37; border: #060f20 1px solid}
#wrap .stepBoxWrap .bg_red							{color: #ffffff; background: #E80F03; border: #a41811 1px solid}
#wrap .stepBoxWrap .bg_green						{color: #ffffff; background: #338808; border: #60bf2f 1px solid}
#wrap .stepBoxWrap .bg_yellow						{color: #000; background: #ddd422; border: #7c770b 1px solid}
#wrap .stepBoxWrap .bg_gray							{color: #000; background: #aaaaaa; border: #686868 1px solid}
#wrap .stepBoxWrap .bg_gold							{color: #000; background: #DDB63D; border: #a48c42 1px solid}
#wrap .stepBoxWrap .bg_silver						{color: #000; background: #a7a9ac; border: #7c7c7c 1px solid}


#refSet									{position: relative}
#refSet h3								{font-family: 'Black Han Sans', "맑은 고딕", "malgun gothic", sans-serif; font-size: 2rem; font-weight: normal}
#refSet dl:after						{position: relative; clear: both; float: none; content: ""; display: block}
#refSet dt								{position: relative; clear: both; float: left; width: 150px; height: 1.5rem; font-size: 1rem}
#refSet dd								{position: relative; float: left; width: calc(100% - 150px); height: 1.5rem; font-size: 1rem}
#refSet .descCont						{position: relative; font-weight: bold; background-color: rgba(226, 226, 226, 0.6); padding: 24px}
#refSet .descCont:after					{position: absolute; display: block; content: ""; width: 180px; height: 130px; -webkit-mask: url("/images/bg/bg_refSet.svg") no-repeat right top; mask: url("/images/bg/bg_refSet.svg") no-repeat right top; background-color: #0a0a0a; pointer-events: none; top: 0; right: 0; z-index: -1}

#refSet .descCont a[href^="tel:"]:before{display: inline-block; width: 0.8rem; height: 0.8rem; content: ""; background: url("/images/icon/phone-alt-solid.svg") bottom center}


/* ============================== [02] Setting Common Style .End   ============================== */


/* ============================== [03] Setting Layout Style .Start ============================== */
#wrap						{display:inline-block; width:100%; min-width:100%}
#wrap.height_fix				{height:100vh; overflow:hidden}

/*	========== [03] [00] Before-Screen Area .Start ========== */
#AccessMenu					{position:absolute; width:100%; height:140px; line-height:20px; z-index:90; text-align:center; overflow:hidden}
#NoticeZone					{display:none}		/* 임시, 사용중지 */

#AccessMenu ul					{position:relative}
#AccessMenu ul li				{position:absolute; width:100%; height:140px; left:0; top:-9999px; background:#008000}
#AccessMenu ul li.onSel				{top:0; z-index:100}
#AccessMenu a					{display:block;     width:100%; height:140px; line-height:140px; font-weight:bold; color:#ffffff}


#popupZone					{display:none; position:fixed; width:100vw; height:100vh; left:0; top:0; margin:0; padding:0; background:transparent; box-sizing:border-box; z-index:900}
#popupZone .popupListWrap			{position:relative; width:auto; max-width:calc(100% - 20px); height:auto; max-height:calc(100vh - 100px); border:#000 1px solid; overflow-x:hidden; overflow-y:auto; padding:20px; margin:0 auto; margin-top:50px; background:#ffffff; box-sizing:border-box; z-index:999}
/*#popupZone.cnt_1				{width:calc((250px * 1) + 40px); margin-left:calc(((125px * 1) + 20px) * -1)}*/
/*#popupZone.cnt_2				{width:calc((250px * 2) + 40px); margin-left:calc(((125px * 2) + 20px) * -1)}*/
/*#popupZone.cnt_3				{width:calc((250px * 3) + 40px); margin-left:calc(((125px * 3) + 20px) * -1)}*/
/*#popupZone.cnt_4				{width:calc((250px * 4) + 40px); margin-left:calc(((125px * 4) + 20px) * -1)}*/
/*#popupZone.cnt_5				{width:calc((250px * 5) + 40px); margin-left:calc(((125px * 5) + 20px) * -1)}*/
#popupZone .popupListWrap .ul_popupList		{font-size:0}
#popupZone .popupListWrap .ul_popupList:after	{content:""; clear:both; float:none; display:block; height:0}
#popupZone .popupListWrap .li_popup		{float: left; display:inline-block; width:300px; height:350px; margin-right:5px}
#popupZone .popupListWrap .li_popup:nth-last-of-type(1) {margin-right:0}
#popupZone .popupListWrap .li_popup img		{width:100%; height:auto}
#popupZone .popupListWrap .li_popup a		{border-bottom: none}
#popupZone .popupListWrap .popupBtn		{position:relative; width:100%; text-align:center; padding:10px 0; margin-top:10px; border-top:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid; box-sizing:border-box}
#popupZone .popupListWrap .popupBtn input	{width:auto; min-height:25px; line-height:25px; background:#242c39; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
#popupZone .popupBG				{position:absolute; width:100vw; height:100vh; left:0; top:0; background:rgba(0, 0, 0, 0.7); box-sizing:border-box; z-index:901}

/*#Contents.poll *				{color:#fff}*/
#wrap #Contents.poll *						{color:#000}
#wrap #Contents.poll .pollTitle				{width:100%; line-height:30px; font-size:20px; font-weight:bold; text-align:center; padding:5px 0; box-sizing:border-box}
#wrap #Contents.poll .desc					{width:100%; line-height:25px; font-size:14px; font-weight:normal; padding:5px; border:#000 1px solid; box-sizing:border-box}
#wrap #Contents.poll .cont					{position:relative; width:100%; line-height:25px; font-size:14px; font-weight:normal; padding:5px 0; box-sizing:border-box}

#fixedMenu									{position:fixed; width:130px; height:auto; background:#242c39; top:150px; left:50%; margin-left:650px; z-index:80}
#fixedMenu .linkSet li						{position:relative; width:100%; text-align:center; padding:10px 0; overflow:hidden}
#fixedMenu .linkSet li:nth-of-type(2n)		{background:#0c1019}
#fixedMenu .linkSet li img					{display: inline-block; max-width:100%}
#fixedMenu .linkSet li .title				{width:100%; color:#ffffff; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/*	========== [03] [00] Before-Screen Area .End   ========== */

/*	========== [03] [01] Header Wrap .Start ========== */
#Header						{position:relative; width:100%; height:110px; line-height:20px; z-index:80; text-align:left; background:#ffffff}

#GNB					{position:relative; width:100%; height:50px; line-height:50px; font-size:0; background:#242c39; z-index:50; overflow:hidden}
#GNB .fas				{padding-left:5px}
#GNB .innerWrap				{font-size:0; background:#242c39; z-index:50}
#GNB .goHOME				{display:inline-block; width:310px; box-sizing:border-box}
#GNB ul					{display:inline-block; width:calc(100% - 310px); font-size:14px; text-align:right; box-sizing:border-box}
#GNB ul li				{display:inline-block; text-align:center; color:#fff}
#GNB ul li:after			{content:""; display:inline-block; margin:0 5px; width:1px; height:10px; background:#fff}
#GNB ul li:last-child:after		{display:none}
#GNB a					{height:inherit; line-height:inherit}

#GNB_univSite				{position:relative; float:left; width:auto;  height:inherit; line-height:inherit}
#GNB_univSite li			{float:left; width:100px; height:inherit; line-height:inherit; text-align:center}
#GNB_univSite li a			{font-weight:700}
#GNB_univSite li.link_enter		{color:#222222; background:#ffffff}
#GNB_univSite li.link_www		{color:#ffffff; background:#181e29}
#GNB_univSite li.link_grad		{color:#ffffff; background:#0c1019}

#GNB_univSNS				{position:relative; float:right; width:auto; height:inherit; line-height:inherit; color:white; z-index:51}
#GNB_univSNS ul				{float:left; width:240px; background:#323993; text-align:center}
#GNB_univSNS li				{display:inline;  width:auto; height:inherit; line-height:inherit; text-align:center}
/*#GNB_univSNS li:last-child		{clear:both}*/
#GNB_univSNS li img			{vertical-align:middle}

#GNB_univSNS .designEffect		{float:left; width:50px; height:50px}
#GNB_univSNS .designEffect .fakeDiv	{width:0; height:0; border-top:50px solid transparent; border-right:50px solid #323993;}
#GNB .fakeBG				{position:absolute; right:0; top:0; width:50%; height:50px; background:#323993; z-index:49}

/*#LNB					{position:relative; width:100%; height:80px; line-height:80px; font-size:0; text-align:left; background:url('/images/bg/bg_LNB_dot.gif') 0 79px repeat-x; box-sizing:border-box}*/
#LNB .innerWrap				{width:100%; line-height:60px; font-size:0; box-sizing:border-box; background-color: #ffffff; background-image: url("/images/bg/bg_lnb_line.png"); background-position: 0 60px; background-repeat: repeat-x;}
/*#LNB .innerWrap .dep01_ul		{position:relative; width:1200px; margin:0 auto; text-align:right}*/
#LNB .innerWrap .dep01_ul		{width:1200px; margin:0 auto; text-align:right}
#LNB.state_hide .dep01_ul		{background:none}
#LNB .innerWrap .dep01_li		{display:inline-block; zoom:1; *display:inline; vertical-align:top; box-sizing:border-box}
/*#LNB .innerWrap .dep01_li		{float:left; vertical-align:top; box-sizing:border-box}*/
#LNB .innerWrap .dep01_a		{display:block; height:60px; line-height:60px; font-size:19px; font-weight:600; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#LNB .innerWrap .dep01_a:hover	{font-weight: 900; color: #000}
#LNB .innerWrap .dep01_a:focus	{font-weight: 900; color: #000}
#LNB.state_hide .dep02_ul		{display:none; padding:10px 0}
/*#LNB.state_show .dep02_ul		{display:block; padding:15px 0}*/
#LNB.state_show .dep02_ul		{display:none; padding:10px 0}
/*#LNB.state_show .dep02_ul:after		{clear:both; float:none; display:block; content:""; height:0}*/
#LNB.state_show .dep01_li.selectOn .dep02_div	{position: relative; display:block; width: 100%; height:auto; background:#ffffff; box-sizing:border-box; z-index:99999; border-top:#aaa 1px solid}
#LNB.state_show .dep01_li.selectOn .dep02_ul	{position: relative; display:block; width: 100%; line-height:30px; font-size:0; text-align:center; box-sizing:border-box; z-index:99999; margin:0 auto}
/*#LNB.state_show .dep01_li.selectOn .dep02_ul*/
#LNB .innerWrap .dep02_li		{display: block; width: 100%; height: 30px; line-height: 30px; font-size:14px; vertical-align:top; box-sizing:border-box; padding:0 10px; overflow:hidden}
#LNB .innerWrap .dep02_a		{display:block; line-height: 30px; font-size:14px; text-align:center}
#LNB .innerWrap .dep01_li.logo		{text-align:center}
#LNB .innerWrap .dep01_li.logo a	{text-align:center}
#LNB .innerWrap .dep01_li.logo img	{vertical-align:middle}
#LNB .innerWrap .dep01_li img		{vertical-align:middle;}
#LNB .innerWrap:after			{clear:both; content:""; display:block; height:0}

#LNB .innerWrap .size1 .dep01_li{width:100%}
#LNB .innerWrap .size2 .dep01_li{width: 50%}
#LNB .innerWrap .size3 .dep01_li{width: 33%}
#LNB .innerWrap .size4 .dep01_li{width: 25%}
#LNB .innerWrap .size5 .dep01_li{width: 20%}
#LNB .innerWrap .size6 .dep01_li{width: 16%}
#LNB .innerWrap .size7 .dep01_li{width: 14%}
#LNB .innerWrap .size8 .dep01_li{width: 12.5%}
#LNB .innerWrap .size9 .dep01_li{width: 11.1%}
#LNB .innerWrap .size10 .dep01_li{width: 10%}



/* /////////////// Sitemap Area .Start /////////////// */
/*	///// Sitemap - Common Style .Start ///// */
body.onSitemap						{max-height:100vh; overflow:hidden; box-sizing:border-box}

#fakeBG_sitemap						{display:none; position:fixed; width:100vw; height:100vh; z-index:90; background:#000000; opacity:0.5; top:130px}

#wrap.sitemap .nav_sitemap							{position: relative; display: block; width: 100%; height: auto}
#wrap.sitemap .nav_sitemap .li_menuSet				{width: 100%}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1		{float: left; width: calc(25% - 9px); margin-right: 12px}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1:nth-of-type(4n)		{margin-right: 0}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1:nth-of-type(4n+5)	{clear: both; float: left}

#wrap.sitemap .nav_sitemap .li_menuSet.lev_2		{position: relative; border: #aaa 1px solid; margin-bottom: 3px}

#wrap.sitemap .nav_sitemap .a_menuname				{border-bottom: #fff 1px solid}
#wrap.sitemap .nav_sitemap .a_menuname:hover		{border-bottom: #aaa 1px solid}
#wrap.sitemap .nav_sitemap .a_menuname:focus		{border-bottom: #aaa 1px solid}

#wrap.sitemap .nav_sitemap .a_menuname.lev_1		{display: block; width: 100%; line-height: 35px; font-weight: bold; font-size: 1.2rem; color: #fff; background: #005fa3; border-radius: 5px; padding: 0 5px; border-bottom: #fff 2px solid}
#wrap.sitemap .nav_sitemap .a_menuname.lev_2		{display: block; width: 100%; line-height: 30px; font-weight: bold; font-size: 1rem; color: #0b66a7; padding: 0 5px}
#wrap.sitemap .nav_sitemap .a_menuname.lev_3		{display: block; width: 100%; line-height: 30px; font-weight: bold; font-size: 0.9rem; color: #0b66a7; padding: 0 10px}
/*	///// Sitemap - Sitemap Mode .End   ///// */

/* /////////////// Sitemap Area .End   /////////////// */


/*	========== [03] [01] Header Wrap .End   ========== */

/*	========== [03] [02] Contents Wrap .Start ========== */
#Contents					{position:relative; width:100%; height:auto;  line-height:20px; z-index:50; text-align:left;}

#wrap.main #Contents				{padding-bottom:10px}
#wrap.main #Poster				{position:relative; width:100%; height:330px; overflow:hidden}
#wrap.main #Poster .btnMove			{display:none}
#wrap.main #Poster:hover .btnMove		{display:block; position:absolute; width:60px; height:107px; top:130px}
#wrap.main #Poster:hover .btnMove.btnPrev	{left:30px}
#wrap.main #Poster:hover .btnMove.btnNext	{right:30px}
#wrap.main #Poster .btnTimer			{display:none}
/* #wrap.main #Poster:hover .btnTimer		{display:block; position:absolute; width:35px; height:35px; top:147px; left:50%; margin-left:-17px} */
#wrap.main #Poster:hover .btnTimer		{display:block; position:absolute; width:35px; height:35px; top:20px; left:50%; margin-left:560px}
#wrap.main #Poster .li_poster			{display:none; width:100%; height:330px; background-size:cover; background-position:center center}
#wrap.main #Poster .li_poster.selectOn		{display:block}
#wrap.main #Poster .li_poster .desc		{position:absolute !important; clip:rect(1px 1px 1px 1px) !important; clip:rect(1px, 1px, 1px, 1px) !important; clip-path:inset(50%) !important; padding:0 !important; border:0 !important; height:1px !important; width:1px !important; font-size:0 !important; color:transparent !important; text-indent:-10000px !important; left:-10000px !important; background:transparent !important; overflow:hidden !important}


#wrap #haksaSchedule .titleArea h3 a		{background:url("/images/main/icon/icon_sch_calendar.png") left center no-repeat; background-size:20px; padding-left:25px; box-sizing:border-box}


#wrap.main #linkInSiteWrap			{background:transparent; overflow:hidden}
#wrap.main #linkInSiteWrap:after		{content:""; clear:both; float:none; display:block; height:0}
#wrap.main #linkInSiteWrap .li_link		{float:left; width:calc(100% / 4 + 2px); height:250px; text-align:center; padding:0 4px 0 4px; margin-right:0; box-sizing:border-box}
#wrap.main #linkInSiteWrap .li_link:first-child	{width:calc(100% / 4 - 2px); padding:0 4px 0 0}
#wrap.main #linkInSiteWrap .li_link:last-child	{width:calc(100% / 4 - 2px); padding:0 0 0 4px}
/*#wrap.main #linkInSiteWrap .li_link .designWrap	{}*/
#wrap.main #linkInSiteWrap .li_link .designWrap	{width:100%; height:100%; padding-top:130px; box-sizing:border-box}
#wrap.main #linkInSiteWrap .li_link.note .designWrap	{background:#297FA4 url("/images/main/link_insite/icon_note.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link.megaphone .designWrap	{background:#1C7DB7 url("/images/main/link_insite/icon_megaphone.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link.book .designWrap	{background:#338ed8 url("/images/main/link_insite/icon_book.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link.heart .designWrap	{background:#6E73A6 url("/images/main/link_insite/icon_heart.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link.gradcap .designWrap	{background:#3185aa url("/images/main/link_insite/icon_gradcap.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link.person .designWrap	{background:#71768B url("/images/main/link_insite/icon_person.png") center 30px no-repeat}
#wrap.main #linkInSiteWrap .li_link .a_title	{width:100%; line-height:30px; color:#ffffff; font-size:24px; font-weight:bold; border-bottom:none}
#wrap.main #linkInSiteWrap .li_link .a_btn	{width:auto; line-height:20px; color:#ffffff; font-size:14px; font-weight: bold; border:#fff 1px solid; padding:3px 10px; margin-top:5px; box-sizing:border-box}


#wrap.main #photoListWrap					{position:relative; float:left; width:calc(100% - 600px); height:250px; padding:15px; background:#f0f1f7; box-sizing:border-box}
#wrap.main #photoListWrap:after					{clear:both; float:none; content:""; display:block; height:0}
#wrap.main #photoListWrap .photoTitle				{display:none}
#wrap.main #photoListWrap .btn_more				{display:none}
#wrap.main #photoListWrap .photoList:after			{clear:both; float:none; content:""; display:block; height:0}
#wrap.main #photoListWrap .ul_photoList:after			{clear:both; float:none; content:""; display:block; height:0}
#wrap.main #photoListWrap .li_photo				{float:left; width:275px; padding:0 0 10px 0; margin-right:15px; box-sizing:border-box}
#wrap.main #photoListWrap .li_photo:nth-of-type(2)		{margin-right:0}
#wrap.main #photoListWrap .li_photo a				{display:block; width:100%}
#wrap.main #photoListWrap .li_photo .photoPreview		{width:100%; height:190px; background-size:cover; background-position:center center !important; overflow:hidden}
#wrap.main #photoListWrap .li_photo .photoPreview img		{width:100%; border:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.main #photoListWrap .li_photo .photoInfo			{width:100%; line-height:14px; font-size:0; overflow:hidden}
#wrap.main #photoListWrap .li_photo .photoInfo dt		{display:inline-block; font-size:12px}
#wrap.main #photoListWrap .li_photo .photoInfo dt .far		{font-size:12px; padding-right:2px}
#wrap.main #photoListWrap .li_photo .photoInfo dt .fas		{font-size:12px; padding-right:2px}
#wrap.main #photoListWrap .li_photo .photoInfo dd		{display:inline-block; font-size:14px; padding-right:4px}
#wrap.main #photoListWrap .li_photo .photoInfo dd.title		{width:100%; height:20px; line-height:24px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#wrap.main #photoListWrap .li_photo .photoInfo dd.datetime	{font-size:12px}
#wrap.main #photoListWrap .li_photo .photoInfo dd.readcount	{font-size:12px}
#wrap.main #photoListWrap .li_photo .photoInfo dd.attach	{font-size:12px}

#wrap.main #linkExtSiteWrap					{width:100%; height:40px; line-height:40px; background:#ffffff; font-size:0; overflow:hidden; box-sizing:border-box}
#wrap.main #linkExtSiteWrap:after				{content:""; clear:both; float:none; display:inline-block; height:0}
#wrap.main #linkExtSiteWrap h3					{position:relative; float:left; width:200px; line-height:40px; font-size:14px; color:#ffffff; text-align:center; padding-right:40px; background:#ff5c30; box-sizing:border-box; z-index:50}
#wrap.main #linkExtSiteWrap h3:after				{position:absolute; content:""; display:block; width:0; height:0; border-style:solid; border-color:#fff #fff #fff #ff5c30; border-width:20px; top:0; right:0; z-index:51}
#wrap.main #linkExtSiteWrap ul					{display:inline-block; width:calc(100% - 200px); height:40px; font-size:0; padding:0; overflow:hidden; box-sizing:border-box}
/*#wrap.main #linkExtSiteWrap ul:before				{content:"Quick Menu 바로가기"; display:inline-block; width:164px; height:40px; line-height:40px; vertical-align:top; color:transparent; font-size:0; background:url("/images/main/quickMenu/bg_typeB.jpg") left top no-repeat}*/
#wrap.main #linkExtSiteWrap ul:after				{content:""; clear:both; float:none; display:inline-block; height:0}
#wrap.main #linkExtSiteWrap .li_link				{display:inline-block; line-height:40px; font-size:14px; color:#000000; padding:0 5px}
#wrap.main #linkExtSiteWrap .li_link a:after		{display:none}


#wrap.main #mainBannerWrap					{position:relative; clear:both; float:none}
#wrap.main #mainBannerWrap .ul_bannerList			{height:auto; font-size:0}
#wrap.main #mainBannerWrap .li_banner				{display:inline-block; width:auto; max-width:300px; height:80px; line-height:80px; text-align:center; margin-right:5px; background:#ffffff; border:#efefef 1px solid; overflow:hidden; box-sizing:border-box}
#wrap.main #mainBannerWrap .li_banner a				{display:block; width:100%; height:100%}
#wrap.main #mainBannerWrap .li_banner img			{max-width:100%; height:auto; vertical-align:middle}
#wrap.main #mainBannerWrap .li_banner a:after		{display: none}

#wrap.main #sect_Banner						{margin-top:10px}

#wrap #noticeWrap .icon_recent					{display:inline-block; width:14px; height:14px; line-height:14px; font-size:7px; text-align:center; font-style:normal; color:#ffffff; vertical-align:middle; background:#000000; margin-top:-3px; border-radius:7px; box-sizing:border-box}
#wrap #noticeWrap .icon_recent_type2				{display:inline-block; width:16px; height:16px; line-height:16px; font-size:12px; text-align:center; font-style:normal; color:#000000; vertical-align:middle; background:#ffffff; border:#aaaaaa 1px solid; box-sizing:border-box}



#PageInfo							{position:relative; width:100%; border-bottom:#d4d4d4 1px solid; margin-bottom:5px; box-sizing:border-box}
#PageInfo .pageTitle				{width: 100%; height: 100%; line-height:40px; text-align: left; font-size:24px; font-weight:bold; color:#303030; box-sizing:border-box}
#PageInfo .pagePath					{position:relative; width: 100%; line-height: 30px; text-align: right; font-size: 0; border-top: #eee 1px solid}
#PageInfo .pagePath .li_depRoot		{display: inline-block; width: auto; line-height: 30px; font-size: 14px; box-sizing:border-box}
#PageInfo .pagePath .li_depRoot.home		{min-width: auto}
#PageInfo .pagePath .li_depRoot.home:before	{content:""; display:none}
#PageInfo .pagePath .li_menu		{display: inline-block; width: auto; font-size: 14px; vertical-align: top;}
#PageInfo .pagePath .li_menu:after	{position: relative; content: ""; display: inline-block; width: 10px; height: 30px; vertical-align: top; padding: 0; margin: 0 3px; background-image: url("/images/bg/bg_navi_path_bullet.png"); background-repeat: no-repeat; background-position: 0 50%;}
#PageInfo .pagePath .li_menu:last-of-type:after	{display: none}
#PageInfo .pagePath ul:after		{clear:both; float:none; display:block; height:0; content:""}

#wrap.subPage #Contents .innerWrap		{width:1200px; padding:30px 0; box-sizing:border-box}
#wrap.subPage #Contents .innerWrap:after	{clear:both; float:none; content:""; display:block; height:0}



/*
#wrap.subPage #Contents #SNB			{position:relative; float:left; width:250px; margin-right:60px; box-sizing:border-box}
#wrap.subPage #Contents #SNB .titleSNB		{width:100%; height:150px; line-height:150px; font-size:24px; color:#ffffff; font-weight:bold;   text-align:center; background:#2e3397; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#wrap.subPage #Contents #SNB .li_dep02		{width:100%; height: 70px; line-height: 70px; font-size:20px; color:#454545; font-weight:normal; text-align:left;   background:#ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:25px; border-bottom:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.subPage #Contents #SNB .li_dep02 a	{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#wrap.subPage #Contents #SNB .li_dep02.selectOn	{font-weight:bold; background:#efefef}
#wrap.subPage #Contents #SNB .li_dep02.selectOn a{font-weight:bold}
#wrap.subPage #Contents #SNB .li_dep02:last-child{border-bottom:#2e3397 2px solid}
#wrap.subPage #Contents #SNB .li_dep02.divisionWrap	{font-weight:bold; color:rgb(46, 51, 151)}
*/

#SNB									{position: relative; clear: both; float:left; width:250px; height: auto; color: #ffffff; font-size: 0; margin-right:60px; overflow: hidden; box-sizing: border-box}
#SNB .titleSNB		{width:100%; height:150px; line-height:150px; font-size:24px; color:#ffffff; font-weight:bold; text-align:center; background:#2e3397; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom: #fff 1px solid; box-sizing: border-box}
#SNB a									{position: relative; display: block; width: 100%; font-size: inherit; color: #ffffff; text-decoration: none; padding: 0; margin: 0; box-sizing: border-box}
#SNB a:hover							{color: yellow; font-weight: bold}
#SNB a:focus							{color: yellow; font-weight: bold}
#SNB .li_menu							{position: relative; display: block; width: 100%; height: auto; border-bottom: #fff 1px solid; box-sizing: border-box}
#SNB .li_menu:last-of-type				{border-bottom: none}
#SNB .li_menu .ul_lists					{position: relative; display: none; width: 100%; padding: 1px 0; background: #ffffff; overflow: hidden; box-sizing: border-box}
#SNB .li_menu:target .ul_lists			{display: block}
#SNB .li_menu.selectOn .ul_lists		{display: block}
#SNB .li_menu.selectOn .title_menu a		{color: yellow}

#SNB .li_menu.hasChild > .title_menu > a:after			{position: absolute; content:"+"; right: 5px; top: 50%; transform: translateY(-50%)}
#SNB .li_menu.hasChild.selectOn > .title_menu > a:after	{content:"-"}
#SNB .li_menu:target > .title_menu > a:after			{content:"-"}

#SNB .ul_lists.dep1 .li_menu a			{line-height: 50px; font-size: 18px; padding-left: 10px; background: #162447}
#SNB .ul_lists.dep2 .li_menu a			{line-height: 34px; font-size: 16px; padding-left: 15px; background: #1b1b2f}
/* #SNB .ul_lists.dep2 .li_menu a:before	{position: absolute; content: ">"; left: 5px; top: 50%; transform: translateY(-50%)} */
#SNB .ul_lists.dep2 .li_menu a:before	{position: absolute; display: block; content:""; width: 2px; height: 22px; background: #ffffff; left: 10px; top: 50%; transform: translateY(-50%)}
#SNB .ul_lists.dep3 .li_menu a			{line-height: 24px; font-size: 14px; padding-left: 20px; background: #1b1b2f}


#SNB .li_menu .li_menu:hover a:before	{background: yellow}


#tab_4depth.tabLists				{position: relative; width: 100%; border-top: #1b1b2f 2px solid; border-bottom: #1b1b2f 2px solid; box-sizing: border-box}
#tab_4depth.tabLists ul:after		{position: relative; content:""; display: block; clear: both; float: none}
#tab_4depth.tabLists .li_tab		{float: left; width: 50%; line-height:35px; font-weight: normal; color: #000; text-align: center; background: #ffffff; border-right: #1b1b2f 1px solid; box-sizing: border-box}
#tab_4depth.tabLists .li_tab a		{display: block; width: 100%}
#tab_4depth.tabLists .li_tab:hover			{font-weight: bold; color: #000}
#tab_4depth.tabLists .li_tab.selectOn{font-weight: bold; color: #ffffff; background: #2e3397}
#tab_4depth.tabLists .li_tab.selectOn:hover{color: yellow}
#tab_4depth.tabLists .li_tab:last-of-type	{border-right: none}

#tab_4depth.tabLists.tab2 .li_tab	{width: 50%}
#tab_4depth.tabLists.tab3 .li_tab	{width: 33%}
#tab_4depth.tabLists.tab3 .li_tab.selectOn {width: 34%}
#tab_4depth.tabLists.tab4 .li_tab	{width: 25%}
#tab_4depth.tabLists.tab5 .li_tab	{width: 20%}




#wrap.subPage #Contents #contWrap		{position:relative; float:left; width:890px; box-sizing:border-box}
#wrap.subPage #Contents #contWrap .subPageTitle	{position:relative; clear:both; width:100%; height:40px; line-height:30px; font-size:24px; color:#303030; font-weight:bold; padding:5px 0; border-bottom:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.subPage #Contents #contWrap .article	{position:relative; clear:both; width:100%; overflow:hidden; padding-top:30px; box-sizing:border-box}
/*
#wrap.subPage #Contents #contWrap .article *	{max-width:100%}
*/
#wrap.subPage #Contents #contWrap .article div	{max-width:100%}
#wrap.subPage #Contents #contWrap .article img	{max-width:100%}
#wrap.subPage #Contents #contWrap .article table:not(.mobileScrollX)	{width:98% !important}
#wrap.subPage #Contents #contWrap .contTitle	{clear:both; float:none; width:100%; font-size:18px; font-weight:700; color:#017161; margin-top:10px}
#wrap.subPage #Contents #contWrap .lecSmTxt_Kor	{font-size:12px}

#wrap.subPage #Contents #officeInfo		{position:relative; width:100%; clear:both; float:none; border:#d4d4d4 1px solid; border-radius:5px; padding:20px; margin-bottom:20px; background:url("/images/bg/bg_officeInfo.png") right bottom no-repeat; box-sizing:border-box}


#wrap.subPage #Contents #contWrap .contTabWrap				{position:relative; clear:both; width:100%; line-height:45px; box-sizing:border-box}
#wrap.subPage #Contents #contWrap .contTabWrap ul:after			{clear:both; float:none; content:""; display:block; height:0}
#wrap.subPage #Contents #contWrap .contTabWrap .li_tab			{float:left; width:20%; height:45px; line-height:45px; text-align:center; font-weight:normal; color:#000; border:#bfbfbf 1px solid; border-left:none; background:none; box-sizing:border-box}
#wrap.subPage #Contents #contWrap .contTabWrap .li_tab:nth-of-type(1)	{border-left:#bfbfbf 1px solid}
#wrap.subPage #Contents #contWrap .contTabWrap .li_tab.selectOn		{font-weight:bold; color:#FFFFFF; border:none; background:#d64227}
#wrap.subPage #Contents #contWrap .contTabWrap .li_tab:hover		{font-weight:bold; color:#FFFFFF; border:none; background:#d64227}
#wrap.subPage #Contents #contWrap .contTabWrap .li_tab a		{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}


.artiTab				{position:relative; width:100%; font-size:0; margin:10px 0; box-sizing:border-box}
.artiTab .li_tab			{position:relative; display:inline-block; line-height:35px; font-size:18px; font-weight:400; color:#000000; box-sizing:border-box}
.artiTab .li_tab a		{font-weight:inherit; color:inherit; padding:0 10px; box-sizing:border-box}
.artiTab .li_tab a:hover		{color:#ffffff}
.artiTab .li_tab a:after		{background:#344187}
.artiTab .li_tab.selectOn	{font-weight:700; color:#344187}
.artiTab .li_tab.selectOn:after	{position:absolute; display:block; content:""; width:100%; height:3px; left:0; bottom:-2px; background:#344187}

.artiWrap			{clear:both; float:none; line-height:30px;  text-align:left; font-size:18px; font-weight:300; padding-top:50px}
/* .artiWrap:first-of-type		{padding-top:0} */
.artiWrap .arti_title		{clear:both; float:none; line-height:1.5em; text-align:left; font-size:1.5em; font-weight:500; padding-bottom:15px}
.artiWrap .arti_title:before	{display:inline-block; content:""; width:22px; height:22px; background-image:url("/images/icon/icon_subTitle.png"); background-position:left top; background-repeat:no-repeat}
.artiWrap.summary .arti_title:before	{display:none}

.tabWrap				{position:relative; width:100%;}
.tabWrap ul				{position:relative; width:100%;bottom:0}
.tabWrap ul li				{position: relative; float: left; width: 100%; height:55px; line-height: 55px; text-align: center; font-size: 18px; color: #454545; bottom: 0; border: #dddddd 1px solid; background: #ffffff; box-sizing: border-box; border-right: 0;}
.tabWrap ul li:first-child		{}
.tabWrap ul li:last-child		{border-right: #dddddd 1px solid;}
.tabWrap ul li.selectOn			{height:55px; line-height: 55px; font-size: 20px; color: #ffffff; border: none; background: #7a4da2; margin-top: 0;}
.tabWrap ul li.selectOn:after		{content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top-color: #7a4da2;}
.tabWrap ul li.selectOn a		{font-weight:500}
.tabWrap ul li a			{display:block; font-weight:300;}
.tabWrap ul li a i			{line-height:normal}
.tabWrap ul:after			{clear:both; float:none; display:block; content:""; font-size:0; height:0}
.tabWrap.num2 ul li			{width:50%}
.tabWrap.num3 ul li			{width:33.3%}
.tabWrap.num4 ul li			{width:25%}
.tabWrap.num5 ul li			{width:20%}
.tabWrap.num6 ul li			{width:16.6%}
.tabWrap.num7 ul li			{width:14.25%}
.tabWrap.num12 ul li			{width:8.3%}

.tabWrap ul li:hover			{color: #ffffff; font-weight: bold; background: #2e3397}
.tabWrap ul li:focus			{color: #ffffff; font-weight: bold; background: #2e3397}


#wrap.subPage #Contents #majorWrap			{position:relative; width:100%; clear:both; float:none; z-index:50}
#wrap.subPage #Contents #majorWrap .contTitle		{position:relative; width:100%; height:50px; line-height:50px; font-size:24px; font-weight:700; border-bottom:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.subPage #Contents #majorWrap .content		{position:relative; width:100%; line-height:24px; font-size:14px; font-weight:400; padding:10px 0; box-sizing:border-box}
#wrap.subPage #Contents #majorWrap .majorVideo		{position: relative; width: 100%; padding-bottom: 56.25%; clear:both; float:none; width:100%; padding:0; background:#d4d4d4}
#wrap.subPage #Contents #majorWrap .majorVideo #ytplayer{position: absolute; width: 100%; height: 100%}

#wrap.subPage #Contents #managerWrap			{position:relative; width:100%; clear:both; float:none; z-index:50}
/*#wrap.subPage #Contents #managerWrap .photo		{position:absolute; width:140px; height:185px; overflow-x:hidden; overflow-y:visible; z-index:50}*/
#wrap.subPage #Contents #managerWrap .photo		{position:absolute; width:140px; height:100%; overflow-x:hidden; overflow-y:auto; z-index:50}
#wrap.subPage #Contents #managerWrap .photo img		{width:100%; max-width:100%}
#wrap.subPage #Contents #managerWrap .contTitle		{position:relative; width:100%; height:110px; font-size:20px; font-weight:bold; padding-top:20px; padding-left:200px; border-bottom:#d4d4d4 1px solid; box-sizing:border-box; z-index:49}
#wrap.subPage #Contents #managerWrap .contTitle:after	{position:absolute; content:""; display:block; width:100px; height:2px; bottom:-1px; right:90px; background:#178942}
#wrap.subPage #Contents #managerWrap .contTitle div	{line-height:inherit; font-size:inherit; font-weight:inherit}
#wrap.subPage #Contents #managerWrap .content		{position:relative; width:100%; padding-top:30px; padding-left:200px; box-sizing:border-box; z-index:49}

#wrap.subPage #Contents .platformWrap			{position:relative; width:100%; clear:both; float:none; z-index:50}
#wrap.subPage #Contents .platformWrap .li_prop		{position:relative; width:100%; clear:both; float:none; border:#d4d4d4 1px solid; border-radius:5px; padding:20px 20px 20px 150px; margin-bottom:20px; background:url("/images/bg/bg_officeInfo.png") right bottom no-repeat; box-sizing:border-box}
#wrap.subPage #Contents .platformWrap .li_prop .name	{position:relative; line-height:35px; font-size:24px; font-weight:700; color:#178942}
#wrap.subPage #Contents .platformWrap .li_prop .photo	{position:absolute; width:110px; height:170px; top:20px; left:20px; overflow:hidden}
#wrap.subPage #Contents .platformWrap .li_prop .photo img{width:100%; border:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.subPage #Contents .platformWrap .li_prop .innerDesc{position:relative}

#wrap.subPage #Contents #licenseWrap			{position:relative; width:100%; clear:both; float:none; z-index:50}
#wrap.subPage #Contents #licenseWrap .contTitle		{position:relative; width:100%; height:50px; line-height:50px; font-size:24px; font-weight:700; border-bottom:#d4d4d4 1px solid; box-sizing:border-box}
#wrap.subPage #Contents #licenseWrap .content		{position:relative; width:100%; line-height:24px; font-size:14px; font-weight:400; padding:10px 0; box-sizing:border-box}
/*#wrap.subPage #Contents .platformWrap .li_prop .innerDesc{position:relative}*/


#wrap.subPage #Contents #scheduleWrap					{position:relative; clear:both; float:none; width:100%}
#wrap.subPage #Contents #scheduleWrap .tb_schedule			{margin-bottom:20px}
#wrap.subPage #Contents #scheduleWrap .tb_schedule caption		{width:100%; line-height:30px; font-weight:700; text-align:left; font-size:18px}
#wrap.subPage #Contents #scheduleWrap .tb_schedule .schd_DT		{height:auto; line-height:35px; text-align:center; font-weight:bold; box-sizing:border-box}
#wrap.subPage #Contents #scheduleWrap .tb_schedule .schd_DT span	{text-align:inherit; font-weight:inherit}
#wrap.subPage #Contents #scheduleWrap .tb_schedule .schd_CONT		{height:auto; line-height:35px; text-align:left; font-weight:normal; box-sizing:border-box}


#wrap .stepBoxWrap									{position: relative; width: 100%; padding: 5px 0; box-sizing: border-box}
#wrap .stepBoxWrap li								{width: 100%; background: transparent; border: #0c1019 1px solid; padding: 10px; box-sizing: border-box}


/*		===== 관리자페이지 Editor Contents .Start ===== */
#wrap.subPage #Contents .editWrap			{clear:both; float:none; width:100%; line-height:30px}
#wrap.subPage #Contents .editWrap .imgWrap		{font-size:0}
#wrap.subPage #Contents .editWrap .imgWrap li		{display:inline-block; margin-right:10px}
#wrap.subPage #Contents .editWrap .imgWrap li:nth-last-of-type(1)	{margin-right:0}
#wrap.subPage #Contents .editWrap .boxContWrap		{clear:both; float:none; width:100%}
#wrap.subPage #Contents .editWrap .boxContWrap ul	{font-size:0}
#wrap.subPage #Contents .editWrap .boxContWrap li	{float:left; width:calc(100% / 3 + 2px); height:70px; line-height:70px; padding:0 4px 0 4px; text-align:center; font-size:14px; margin:5px 0 0 0; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(3n-2)	{width:calc(100% / 3 - 2px); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(3n)	{width:calc(100% / 3 - 2px); padding:0 0 0 4px}
/*#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(2n)	{background:#e1f1fb}*/
#wrap.subPage #Contents .editWrap .boxContWrap li.fw700			{font-weight:700}
#wrap.subPage #Contents .editWrap .boxContWrap li .innerBox				{display:block; font-size:inherit; font-weight:inherit; text-align:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#f0f9ff}
#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(2n) .innerBox		{background:#e1f1fb}

#wrap.subPage #Contents .editWrap .boxContWrap.x2 li			{width:calc(100% / 2 + 2px); padding:0 4px 0 4px}
#wrap.subPage #Contents .editWrap .boxContWrap.x2 li:nth-of-type(2n-1)	{width:calc(100% / 2 - 2px); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .boxContWrap.x2 li:nth-of-type(2n)	{width:calc(100% / 2 - 2px); padding:0 0 0 4px}

#wrap.subPage #Contents .editWrap .boxContWrap.x3 li			{width:calc(100% / 3 + 2px); padding:0 4px 0 4px}
#wrap.subPage #Contents .editWrap .boxContWrap.x3 li:nth-of-type(3n-2)	{width:calc(100% / 3 - 2px); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .boxContWrap.x3 li:nth-of-type(3n)	{width:calc(100% / 3 - 2px); padding:0 0 0 4px}

#wrap.subPage #Contents .editWrap .boxContWrap.x4 li			{width:calc(100% / 4 + 2px); padding:0 4px 0 4px}
#wrap.subPage #Contents .editWrap .boxContWrap.x4 li:nth-of-type(4n-3)	{width:calc(100% / 4 - 2px); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .boxContWrap.x4 li:nth-of-type(4n)	{width:calc(100% / 4 - 2px); padding:0 0 0 4px}

#wrap.subPage #Contents .editWrap .boxContWrap.x5 li			{width:calc(100% / 5); padding:0 4px 0 4px}
#wrap.subPage #Contents .editWrap .boxContWrap.x5 li:nth-of-type(5n-4)	{width:calc(100% / 5); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .boxContWrap.x5 li:nth-of-type(5n)	{width:calc(100% / 5); padding:0 0 0 4px}

#wrap.subPage #Contents .editWrap .boxContWrap.colPink .innerBox			{background:#f4eaee}
#wrap.subPage #Contents .editWrap .boxContWrap.colPink li:nth-of-type(2n) .innerBox	{background:#ead5dd}

#wrap.subPage #Contents .editWrap .boxContWrap.colGreen .innerBox			{background:#f3f9ec}
#wrap.subPage #Contents .editWrap .boxContWrap.colGreen li:nth-of-type(2n) .innerBox	{background:#e7f3d9}

#wrap.subPage #Contents .editWrap .boxContWrap.colPurple .innerBox			{background:#ebeaf3}
#wrap.subPage #Contents .editWrap .boxContWrap.colPurple li:nth-of-type(2n) .innerBox	{background:#d7d6e8}

#wrap.subPage #Contents .editWrap .roadmap				{position:relative; width:100%; border-top:#158700 3px solid; border-bottom:#158700 3px solid; margin-top:10px;}
#wrap.subPage #Contents .editWrap .roadmap li				{clear:both}
#wrap.subPage #Contents .editWrap .roadmap dl				{display:table; width:100%; border-top:#cccccc 1px solid; border-bottom:#cccccc 1px solid;}
#wrap.subPage #Contents .editWrap .roadmap li:first-child dl		{border-top:none}
#wrap.subPage #Contents .editWrap .roadmap li:last-child dl		{border-bottom:none}
#wrap.subPage #Contents .editWrap .roadmap dt				{display:table-cell; width:20%; font-size:20px; text-align:center; vertical-align:middle; background-color:#f6f6f6; color:#148200}
#wrap.subPage #Contents .editWrap .roadmap dd				{display:table-cell; width:80%; padding:15px 0 15px 20px}
#wrap.subPage #Contents .editWrap .roadmap dd div			{float:left; width:50%}
#wrap.subPage #Contents .editWrap .roadmap dd.num3 div			{float:left; width:33%}
#wrap.subPage #Contents .editWrap .roadmap .fa				{width:100%; text-align:center; font-size:24px; line-height:40px}
#wrap.subPage #Contents .editWrap .roadmap .fas				{width:100%; text-align:center; font-size:24px; line-height:40px}


#wrap.subPage #Contents .editWrap .ul_coop				{clear:both; float:none; width:100%}
#wrap.subPage #Contents .editWrap .ul_coop:after			{clear:both; float:none; height:0; content:""; display:block}
#wrap.subPage #Contents .editWrap .li_coop				{float:left; width:calc(100% / 2 + 2px); padding:0 4px 0 4px; text-align:center; font-size:14px; margin:10px 0 0 0; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .li_coop:nth-of-type(2n-1)		{clear:both; float:left; width:calc(100% / 2 - 2px); padding:0 4px 0 0}
#wrap.subPage #Contents .editWrap .li_coop:nth-of-type(2n)		{width:calc(100% / 2 - 2px); padding:0 0 0 4px}
#wrap.subPage #Contents .editWrap .li_coop .cont			{text-align:left; background:#EFF7F8; padding:10px; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .li_coop .cont dl:after		{clear:both; float:none; height:0; content:""; display:block}
#wrap.subPage #Contents .editWrap .li_coop .cont .dt_cont		{clear:both; float:left}
#wrap.subPage #Contents .editWrap .li_coop .cont .dt_cont:after		{display:inline; content:":"; padding:0 5px}
#wrap.subPage #Contents .editWrap .li_coop .cont .dd_cont		{display:left}
#wrap.subPage #Contents .editWrap .li_coop .cont .dd_title		{font-weight:700; font-size:16px}




#wrap.subPage #Contents .editWrap .btnNavy				{width:auto; min-height:25px; line-height:25px; background:#242c39; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .btnBlue				{width:auto; min-height:25px; line-height:25px; background:#1E49E1; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .btnGreen				{width:auto; min-height:25px; line-height:25px; background:#158700; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .btnGray				{width:auto; min-height:25px; line-height:25px; background:#6e6e6e; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}
#wrap.subPage #Contents .editWrap .btnRed				{width:auto; min-height:25px; line-height:25px; background:#d64227; color:#ffffff; padding:0 5px !important; border:none; cursor:pointer; box-sizing:border-box}

/*		===== 관리자페이지 Editor Contents .End   ===== */

/*		===== 장애학생지원센터 .Start ===== */
#wrap.subPage.site_CMS100 .able_dlWrap					{clear:both; float:none; width:100%}
#wrap.subPage.site_CMS100 .able_dlWrap .dt_title			{clear:both; float:none; width:100%; font-size:16px; font-weight:700}
#wrap.subPage.site_CMS100 .able_dlWrap .dt_title:before			{clear:both; float:none; display:block; width:100%; height:1px; content:""; padding-top:10px; margin-top:10px; border-bottom:#d4d4d4 1px solid}
#wrap.subPage.site_CMS100 .able_dlWrap .dt_title:nth-of-type(1):before	{padding:0; margin:0; background:none; border:none}
#wrap.subPage.site_CMS100 .able_dlWrap .dt_title .fas			{margin-right:5px}
#wrap.subPage.site_CMS100 .able_dlWrap .dd_img				{float:left; width:150px}
#wrap.subPage.site_CMS100 .able_dlWrap .dd_cont				{float:left; width:calc(100% - 150px)}
#wrap.subPage.site_CMS100 .able_dlWrap .dd_cont:after			{clear:both; float:none; height:0; content:""; display:block}
#wrap.subPage.site_CMS100 .able_dlWrap .dd_cont .ld_ddCont		{list-style:disc; margin-left:10px}
/*		===== 장애학생지원센터 .End   ===== */

/*	========== [03] [02] Contents Wrap .End   ========== */

/*	========== [03] [03] Footer Wrap .Start ========== */
#footer						{position:relative; width:100%; height:130px; line-height:20px; z-index:auto; text-align:left; padding:0; color:#cfcfcf; clear:both; background:#2b2b2b}
#footer .innerWrap				{z-index:50}
#footer .innerWrap:after			{clear:both; float:none; height:0; content:""; display:block}

#footer .logo					{float:left; margin-top:30px; padding-right:40px; box-sizing:border-box}
#footer .logo img				{vertical-align:middle}

#footer #siteInfo				{float:left; font-size:14px; line-height:24px; margin-top:30px; padding-left:40px; border-left:#cfcfcf 1px solid; box-sizing:border-box}
#footer #siteInfo *				{font-size:14px; line-height:24px; font-style:normal; color:#cfcfcf}
#footer #siteInfo .contact				{font-size: 0}
#footer #siteInfo .contact .cSet	{display: inline-block; font-size: 14px}
#footer #siteInfo .contact .cSet:before	{display: inline-block; content: ""; width: 1px; height: 14px; background:#cfcfcf; vertical-align: middle; margin: 0 5px}
#footer #siteInfo .contact .cSet:first-child::before	{display: none}

#footer #siteLink				{position:absolute; height:30px; right:0; top:30px}
#footer #siteLink .dt_linkSiteSet		{position:relative; float:left; width:145px; height:30px; line-height:30px; color:#000000; box-sizing:border-box}
#footer #siteLink .dt_linkSiteSet h2		{width:100%; height:30px; line-height:30px; padding:0; background:#ffffff; box-sizing:border-box}
#footer #siteLink .dt_linkSiteSet a		{display:block; width: 100%; height:30px; line-height:30px; padding:0 10px; background:url("/images/bg/bg_linkSite.png") right 10px center no-repeat; box-sizing: border-box}
#footer #siteLink .dd_linkSiteSet		{display: none; position:absolute; width:300px; max-width:100vw; height:auto; bottom:31px; right:0; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:20px 20px 35px 20px; background:#ffffff; border:#aaaaaa 1px solid; box-sizing:border-box}
#footer #siteLink .dd_linkSiteSet.w_1X		{width:300px}
#footer #siteLink .dd_linkSiteSet.w_2X		{width:600px}
#footer #siteLink .dd_linkSiteSet.w_3X		{width:900px}
#footer #siteLink .dd_linkSiteSet ul:after	{clear:both; float:none; height:0; content:""; display:block}
#footer #siteLink .dd_linkSiteSet li		{float:left; width:100%; line-height:30px; text-align:left; color:#454545}
#footer #siteLink .dd_linkSiteSet li.w_per50	{width:50%}
#footer #siteLink .dd_linkSiteSet li.w_per100	{width:100%}
#footer #siteLink .btn_LinkSite_Close		{position:absolute; bottom:10px; right:10px; background:#777777; font-size:11px; color:#FFFFFF; width:40px; height:25px; line-height:23px; text-align:center; border:0px}

#footer #siteCert				{position:absolute; line-height:30px; right:300px; bottom:0}
#footer #siteCert li				{line-height:30px}
#footer #siteCert li a				{line-height:30px; border: none}
#footer #siteCert li a:after		{display: none}
#footer #siteCert img				{max-width:100%; height:auto}

#footer #sitePolicy				{position:absolute; height:30px; line-height:30px; right:0; bottom:0}
#footer #sitePolicy ul:after			{clear:both; float:none; height:0; content:""; display:block}
#footer #sitePolicy li				{float:left; color:#cfcfcf; padding-right:10px}
#footer #sitePolicy li:after			{display:inline-block; content:"ㆍ"; padding-left:10px}
#footer #sitePolicy li:last-child		{padding:0}
#footer #sitePolicy li:last-child:after		{display:none; content:""}
#footer #sitePolicy .privacy			{color: #fbbc0f}


#UnivCert					{position:absolute; text-align:center; top:100px; right:0}

#footer_BG					{position:absolute; background:#373737; width:100%; height:60px; z-index:20; top:0; left:0}
/*	========== [03] [03] Footer Wrap .End   ========== */

/*	========== [03] [99] Off-Screen Area .Start ========== */
#PopupLayer					{visibility:hidden;  position:fixed; width:100vw; height:100vh; line-height:20px; top:0; right:0; bottom:0; left:0; z-index:99999; text-align:center; overflow-x:hidden; overflow-y:auto}
#PopupLayer.onSelect				{visibility:visible; }
#FAKE_BG					{position:absolute; width:100vw; height:100vh; line-height:20px; z-index:99888; text-align:center; overflow:hidden}
/*	========== [03] [99] Off-Screen Area .End   ========== */
/* ============================== [03] Setting Layout Style .End   ============================== */


/* ============================== [INDEX] Index Page .Start ============================== */

#BannerZone					{position:relative}
#BannerZone #PointBanner			{position:relative; float:left; width:920px; height:390px; padding-right:670px; box-sizing:border-box}
#BannerZone #PointBanner .dt_pBanner		{position:relative; width:250px; height:120px; line-height:120px; margin-bottom:10px; background-color:rgba(0,0,0,0.7); box-sizing:border-box}
#BannerZone #PointBanner .dt_pBanner a		{display:block; width:inherit; height:120px; line-height:120px; text-align:center; font-size:20px; color:#FFFFFF;}
#BannerZone #PointBanner .dt_pBanner.selectOn a	{               width:225px; color:white; background:url('/images/bg/bg_arrow01.png') no-repeat 88% #d64227; font-size:24px; font-weight:700; text-align:left; padding-left:25px}
#BannerZone #PointBanner.showing .dt_pBanner.selectOn a	{width:auto; background:none; padding:0; text-align:center; font-weight:400; font-size:20px}
#BannerZone #PointBanner.showing .dt_pBanner.showOn a	{width:225px; color:white; background:url('/images/bg/bg_arrow01.png') no-repeat 88% #d64227; font-size:24px; font-weight:700; text-align:left; padding-left:25px}
#BannerZone #PointBanner .dd_pBanner		{position:absolute; width:670px; height:390px; right:0; top:0}
#BannerZone #PointBanner .dd_pBanner .contArea			{padding:50px; text-align:center}
#BannerZone #PointBanner .dd_pBanner .contArea .title div	{font-family:맑은 고딕,Malgun Gothic; font-size:36px; font-weight:700; letter-spacing:-3px; height:45px; color:#FFFFFF; text-shadow:0px 0px 10px #000000}
#BannerZone #PointBanner .dd_pBanner .contArea .datetime	{font-size:22px; line-height:30px; font-weight:700; color:#ffab00; letter-spacing:-1px; text-shadow:0px 0px 10px #000000}
#BannerZone #PointBanner .dd_pBanner .contArea .linkArea a	{width:230px; height:45px; line-height:45px; text-align:center; font-size:20px; font-weight:700; border:none; background:#FFFFFF; letter-spacing:-1px}
#BannerZone #PointBanner .dd_pBanner .contArea .phone		{font-size:18px; font-weight:700; height:35px; color:#FFFFFF;}

#BannerZone #SideBanner				{position:relative; float:left; width:260px; height:390px; padding-left:20px}
#BannerZone #SideBanner li			{width:260px; height:190px; text-align:center}
#BannerZone #SideBanner .myRecruteBtn		{background:url('/images/bg/bg_myrecrute.png') no-repeat; background-color:rgba(255,171,0,0.8);}
#BannerZone #SideBanner .myScholarBtn		{background:url('/images/bg/bg_myscholar.png') no-repeat; background-color:rgba(168,196,16,0.8);margin-top:10px}
#BannerZone #SideBanner .myApplicationBtn	{background:url('/images/bg/bg_application.png') no-repeat 10px 14px; background-color:rgba(106,179,232,0.8);margin-top:10px}
#BannerZone #SideBanner li a			{padding:130px 0 0 0; font-size:28px; line-height:32px; color:#222222; display:block; letter-spacing:-2px; font-family:맑은 고딕,Malgun Gothic;}
#BannerZone #SideBanner li a span		{font-family:맑은 고딕,Malgun Gothic;}


#EnterProcess						{position:relative; margin-top:20px; height:130px; background-color:rgba(50,57,147,1.0); color:#FFFFFF}
#EnterProcess dl					{position:relative; padding:25px 1000px 20px 0}
#EnterProcess dl .dt_ProcessSet				{position:relative; float:left; width:160px; padding:0 20px}
#EnterProcess dl .dt_ProcessSet	a			{display:block; line-height:38px; text-align:center; font-weight:700; font-size:16px; background-color:#ffffff; color:#333333; margin-top:4px}
#EnterProcess dl .dt_ProcessSet.selectOn a		{position:relative; background-color:#9fe9ec; color:#181818}
#EnterProcess dl .dt_ProcessSet.selectOn a:after	{position:absolute; content:""; width:7px; height:38px; top:0; right:-7px; background:url('/images/main/icon/icon_StepArrow.png') left 15px no-repeat}
#EnterProcess.showing dl .dt_ProcessSet.selectOn a	{background-color:#ffffff; color:#333333}
#EnterProcess.showing dl .dt_ProcessSet.selectOn a:after{display:none}
#EnterProcess.showing dl .dt_ProcessSet.selectOn.showOn a:after{display:initial}
#EnterProcess.showing dl .dt_ProcessSet.showOn a	{position:relative; background-color:#9fe9ec; color:#181818}
#EnterProcess.showing dl .dt_ProcessSet.showOn a:after	{position:absolute; content:""; width:7px; height:38px; top:0; right:-7px; background:url('/images/main/icon/icon_StepArrow.png') left 15px no-repeat}
#EnterProcess dl .dd_ProcessSet				{position:absolute; width:1000px; right:0}
#EnterProcess dl .dd_ProcessSet li			{float:left; width:240px; padding-left:10px;}
#EnterProcess dl .dd_ProcessSet li.li_step .step	{font-size:18px; font-weight:700; background:url('/images/bg/bg_stepArrow_off.png') no-repeat right}
#EnterProcess dl .dd_ProcessSet li.li_step.selectOn .step	{color:#FFD800; background:url('/images/bg/bg_stepArrow_on.png') no-repeat right !important;}
#EnterProcess dl .dd_ProcessSet li.li_step .desc	{font-size:14px; color:#FFFFFF; line-height:34px}
#EnterProcess dl .dd_ProcessSet li.li_step a.link	{width:110px; padding:0 5px; font-size:12px; color:#FFFFFF; background:url('/images/bg/bg_arrow02.png') no-repeat right #181818; line-height:25px}


#RelevantLink					{position:relative; float:left; width:550px; padding:20px 0}

#RelevantLink .CounselApp			{position:relative; float:left; width:265px;}
#RelevantLink .CounselApp div			{width:265px; height:150px; text-align:center;}
#RelevantLink .CounselApp a			{display:block; line-height:40px; font-size:24px; font-weight:700; letter-spacing:-2px; color:#222222}
#RelevantLink .CounselApp .linkSet		{position:relative; background:#afd5f5}
#RelevantLink .CounselApp .linkSet h3		{height:120px; padding-top:28px}
#RelevantLink .CounselApp .linkSet h3 .title_sub  {font-size:20px; font-weight:400}
#RelevantLink .CounselApp .linkSet h3 .title_main {border-top:#fff 1px solid; border-bottom:#fff 1px solid; padding:5px 0; font-weight:700; letter-spacing:-2px}
#RelevantLink .CounselApp .linkSet h3 .title_mini {font-size:16px; padding:5px 0; font-weight:700; line-height:20px; letter-spacing:-1px}
#RelevantLink .CounselApp .linkSet .fakeLink	{position:absolute; display:block; width:100%; height:100%; font-size:0; color:transparent; top:0; left:0}

#RelevantLink .enterInfo			{position:relative; float:left; width:265px; padding-left:20px}
#RelevantLink .enterInfo div			{width:265px; height:150px; text-align:center;}
#RelevantLink .enterInfo a			{display:block; line-height:40px; font-size:24px; font-weight:700; letter-spacing:-2px; color:#222222}
#RelevantLink .enterInfo .linkSet		{position:relative; background:#afd5f5}
#RelevantLink .enterInfo .linkSet h3		{height:120px; padding-top:28px}
#RelevantLink .enterInfo .linkSet h3 .title_sub	{font-size:20px; font-weight:400}
#RelevantLink .enterInfo .linkSet h3 .title_main{border-top:#fff 1px solid; border-bottom:#fff 1px solid; padding:5px 0; font-weight:700; letter-spacing:-2px}
#RelevantLink .enterInfo .linkSet .fakeLink	{position:absolute; display:block; width:100%; height:100%; font-size:0; color:transparent; top:0; left:0}


#RelevantLink .CounselApp #kakaoLink.linkSet	{background:#ffe929;}
#RelevantLink .CounselApp #deptLink.linkSet	{background:#ffbb59; margin-top:20px}
#RelevantLink .enterInfo #licenseLink.linkSet	{background:#afd5f5;}
#RelevantLink .enterInfo #guideLink.linkSet	{background:#9fe9ec; margin-top:20px}

/*
#RelevantLink .enterInfo .licenseLink		{height:113px; background:#afd5f5; border:#a8cff0 1px solid; padding-top:35px;}
#RelevantLink .enterInfo .guideLink		{height:113px; background:#9fe9ec; border:#94e0e3 1px solid; padding-top:35px;}
*/
#RelevantBoard					{position:relative; float:left; width:630px; padding:20px 0 20px 20px}
#RelevantBoard dl				{position:relative; background:#FFFFFF; height:260px; padding:30px;}
#RelevantBoard dl .brd_more			{position:absolute; top:-40px; right:0; overflow:hidden}
#RelevantBoard .dt_rBoard			{position:absolute; width:auto; top:30px}
#RelevantBoard .dt_rBoard a			{display:inline-block; font-size:20px; font-weight:700; line-height:40px}
#RelevantBoard .dt_rBoard.selectOn a		{border-bottom:#000000 1px solid}
#RelevantBoard .dt_rBoard h3			{display:inline-block}
#RelevantBoard #dt_rBoard_01:after		{display:inline; content:"|"; padding-left:15px; font-size:20px}
#RelevantBoard #dt_rBoard_01.dt_rBoard		{left:30px}
#RelevantBoard #dt_rBoard_02.dt_rBoard		{left:140px}
#RelevantBoard .dd_rBoard			{position:absolute; width:570px; top:71px; padding-top:10px; box-sizing:border-box}
#RelevantBoard .dd_rBoard img			{vertical-align:middle}
#RelevantBoard .brd_listSet li			{position:relative; width:100%; height:50px; line-height:50px; border-bottom:#f2f2f2 1px solid}
#RelevantBoard .brd_listSet li .title		{width:470px; font-size:16px}
#RelevantBoard .brd_listSet li .brd_info	{position:absolute; width:100px; right:0; top:0; text-align:right; font-weight:300}
#RelevantBoard .dd_rBoard .brd_more		{display:none}
#RelevantBoard .dd_rBoard.selectOn .brd_more	{display:block}
/* ============================== [INDEX] Index Page .End   ============================== */