@charset "utf-8";

/* =========================================================================================
 * ========================= Media Style - Width  960px ~ 0 .Start =========================
 * ========================================================================================= */

/* ============================== [01] Common .Start ============================== */
#fixedMenu					{display:none}
/* ============================== [01] Common .End   ============================== */


/* ============================== [02] Header .Start ============================== */
#LNB .innerWrap .dep01_a			{font-size:14px}
/* ============================== [02] Header .End   ============================== */


/* ============================== [03] Contents .Start ============================== */
/*	========== [03] - [00] Common .Start ============================== */
/*	========== [03] - [00] Common .End   ============================== */

/*	========== [03] - [01] Main Page .Start ============================== */
#wrap.main #noticeWrap .title					{width:calc(100% - 50px) !important}
#wrap.main #noticeWrap .brd_info				{width:50px}
#wrap.main #noticeWrap .brd_info .year				{display:none}

#wrap.main.type_A #sect_1 #noticeWrap .listSet			{padding:20px 10px}
#wrap.main.type_A #linkInSiteWrap .li_link			{float:none; width:100%; height:auto; overflow:hidden; padding:0; margin:0; margin-bottom:10px; overflow:hidden}
#wrap.main.type_A #linkInSiteWrap .li_link:last-child		{margin:0}
#wrap.main.type_A #linkInSiteWrap .li_link .designWrap		{height:auto; padding:5px !important; background-position:20px top; background-size:contain; box-sizing:border-box}
#wrap.main.type_A #linkInSiteWrap .li_link .designWrap .a_title	{display:inline}
#wrap.main.type_A #linkInSiteWrap .li_link .designWrap .a_btn	{display:inline}


#wrap.main.type_B #sect_1					{height:auto}
#wrap.main.type_B #sect_1 #UserInfo				{float:none; width:100%; height:auto; padding:10px}
#wrap.main.type_B #sect_1 #UserInfo.infoView #loginInfo		{display:inline; width:auto}
#wrap.main.type_B #sect_1 #UserInfo.infoView #linkLogin		{display:inline; width:auto; padding:0 5px}
#wrap.main.type_B #sect_1 #haksaSchedule			{float:none; width:100%; margin-top:10px}
#wrap.main.type_B #sect_2					{height:auto}
#wrap.main.type_B #sect_2 #noticeWrap				{float:none; width:100%}
#wrap.main.type_B #sect_2 #photoListWrap			{float:none; width:100%; margin-top:10px}
#wrap.main.type_B #photoListWrap .li_photo			{display:block; float:left}
#wrap.main.type_B #photoListWrap .li_photo:nth-of-type(1)	{width:calc(50% - 7px)}
#wrap.main.type_B #photoListWrap .li_photo:nth-of-type(2)	{width:calc(50% - 8px)}

#wrap.main.type_C #photoListWrap .li_photo .photoPreview	{height:160px}


#wrap.main.type_D #menuLists dt				{clear: both; float: none; width: 100%; margin: 0 0 5px 0; padding-right: 0}
#wrap.main.type_D #menuLists dd				{clear: both; float: none; width: 100%; margin: 0 0 5px 0; padding: 0}
#wrap.main.type_D #menuLists dd li			{width: calc(50% - 15px); line-height: 35px; font-size: 16px; margin-right: 30px; margin-bottom: 5px}
#wrap.main.type_D #menuLists dd li:nth-of-type(4n){margin-right: 30px}
#wrap.main.type_D #menuLists dd li:nth-of-type(3n){margin-right: 30px}
#wrap.main.type_D #menuLists dd li:nth-of-type(2n){margin-right: 0}
#wrap.main.type_D #menuLists dd li:nth-of-type(4n+5){clear: none; float: left}
#wrap.main.type_D #menuLists dd li:nth-of-type(3n+4){clear: none; float: left}
#wrap.main.type_D #menuLists dd li:nth-of-type(2n+3){clear: both; float: left}

#wrap #sect_Notice #noticeWrap						{border: none}
#wrap #sect_Notice #noticeWrap .noticeTab			{clear: both; float: none; width: 100%; margin-bottom: 10px; border: #b2aeae 1px solid}
#wrap #sect_Notice #noticeWrap .listSet				{height: auto}
#wrap #sect_Notice #noticeWrap .listSet .title		{float: left}
#wrap #sect_Notice #noticeWrap .listSet .brd_info	{float: right; border: none}
#wrap #sect_Notice #noticeWrap .listSet .list:after	{position: relative; display: inline-block; content: ""; clear: both; float: none; height: 1px}


#wrap.main.type_D #sect_licSch .innerWrap					{display: block; padding: 0}
#wrap.main.type_D #sect_licSch .myLic						{clear: both; float: none; width: 100%; margin: 0}
#wrap.main.type_D #sect_licSch .myLic .linkWrap a			{display: inline-block; font-size: 0.8em; border: #000 1px solid; border-radius: 10px}
#wrap.main.type_D #sect_licSch .recLic						{clear: both; float: none; width: 100%; margin: 5px 0 0 0; padding: 20px}
#wrap.main.type_D #sect_licSch .recLic .linkWrap a			{font-size: 0.8em; border: #fff 1px solid; border-radius: 10px}
/*	========== [03] - [01] Main Page .End   ============================== */

/*	========== [03] - [02] Sub Pages .Start ============================== */
#wrap.subPage #Contents #SNB					{width:150px; margin-right:20px}
#wrap.subPage #Contents #SNB .titleSNB				{font-size:20px}
#wrap.subPage #Contents #SNB .li_dep02				{height:40px; line-height:40px; font-size:14px}
#wrap.subPage #Contents #contWrap				{width:calc(100% - 170px); overflow-x:hidden}

#wrap.subPage.type_D #Contents #SNB					{width: 180px; margin-right: 10px}
#wrap.subPage.type_D #Contents #SNB .titleSNB		{font-size: 1.3rem}
#wrap.subPage.type_D #Contents #SNB .a_title.dep_2	{line-height: 35px; font-size: 1rem}
#wrap.subPage.type_D #Contents #SNB .a_title.dep_3	{line-height: 25px; font-size: 0.8rem}
#wrap.subPage.type_D #Contents #contWrap			{width:calc(100% - 190px)}

#wrap.subPage #PageInfo						{height:auto; padding-bottom:5px}
#wrap.subPage #PageInfo:after					{content:""; clear:both; float:none; display:block; height:0}
#wrap.subPage #PageInfo .pageTitle				{display:block; width:100%; float:left}
#wrap.subPage #PageInfo .pagePath				{display:block; width:auto; float:right; position:relative; top:auto; right:auto; bottom:auto; left:auto}

#wrap.subPage #Contents #managerWrap .photo			{position:absolute; width:100px; height:185px; overflow:hidden; z-index:50}
#wrap.subPage #Contents #managerWrap .contTitle			{height:auto; line-height:40px; font-size:14px; padding-left:120px}
#wrap.subPage #Contents #managerWrap .content			{width:100%; padding:0; margin-top:50px}


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

#wrap.subPage #Contents .editWrap .boxContWrap .innerBox		{padding:0 5px}

#wrap.subPage.type_D #Contents #contWrap table.tb_resp tr *				{max-width: unset}

#tab_4depth.tabLists									{height: auto}
#tab_4depth.tabLists .li_tab							{width: 100% !important}
#tab_4depth.tabLists .li_tab a							{display: block; margin-top: 0}
/*	========== [03] - [02] Sub Pages .End   ============================== */

#BoardInc #BoardRead .AttachFile .a_fileName			{max-width: 100% !important}
.fileLinkWrap.forSynap									{display: block; width: 100%}

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


/* ============================== [04] Footer .Start ============================== */
#footer								{height:auto; padding-bottom:10px; box-sizing:border-box}
#footer .logo							{width:calc(100% - 450px)}
#footer #siteInfo						{width:450px}
#footer #siteLink						{position:relative; clear:both; float:left; width:300px;   text-align:left;  top:auto; right:auto; bottom:auto; left:auto; margin-top:10px}
/*#footer #siteCert						{position:relative; float:right; width:calc(100% - 300px); text-align:right; top:auto; right:auto; bottom:auto; left:auto; margin-top:10px}*/
/*#footer #siteCert						{position:relative; float:left;  width:100px; text-align:right; top:auto; right:auto; bottom:auto; left:auto; margin-top:10px}*/
#footer #sitePolicy						{position:relative; float:right; width:calc(100% - 400px); text-align:right; top:auto; right:auto; bottom:auto; left:auto; margin-top:10px}
#footer #sitePolicy li						{float:none; display:inline}
/* ============================== [04] Footer .End   ============================== */


/* ============================== [05] SiteMap .Start ============================== */
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1		{float: left; width: calc(50% - 5px); margin-right: 10px}
#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_1:nth-of-type(3n)		{margin-right: 10px}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1:nth-of-type(3n+4)	{clear: none; float: left}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1:nth-of-type(2n)		{margin-right: 0}
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1:nth-of-type(2n+3)	{clear: both; float: left}
/* ============================== [05] SiteMap .End   ============================== */