@charset "utf-8";

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

/* ============================== [01] Common .Start ============================== */
/* Basic Setting */
#wrap .mobileNone					{position:absolute !important; display:none !important; visibility:hidden !important; width:0 !important; height:0 !important; font-size:0 !important; top:0 !important; left:-999999999px !important; margin:0 !important; padding:0 !important; background:none !important}
#wrap .mobileOnly					{display:initial; visibility:inherit}
#wrap .mobile_none					{display:none !important}
#wrap .mb_w100p						{float:none !important; width:100% !important}

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

.absLeft						{position:relative !important; top:0 !important; left:0 !important; text-align:left; clear:both !important}
.absLeft:after						{clear:both; display:block; height:0; content:""}
.absRight						{position:relative !important; top:0 !important; right:0 !important; text-align:right; clear:both !important}
.absRight:after						{clear:both; display:block; height:0; content:""}

.paging .btnSet							{position:relative !important; clear:both; float:none; width:100%; height:auto}
.paging .absLeft						{position:absolute !important; width:auto !important; left:0 !important;  top:0 !important}
.paging .absRight						{position:absolute !important; width:auto !important; right:0 !important; top:0 !important}

table.tb_basic tbody th					{font-size:12px}
table.tb_basic tbody td					{font-size:12px}

#popupZone .popupListWrap .li_popup			{height:auto; padding-bottom:10px}
/* ============================== [01] Common .End   ============================== */


/* ============================== [02] Header .Start ============================== */
#Header								{height:100px !important}
#GNB								{height:100px !important}
#GNB .goHOME						{display:block; width:100% !important; height:50px !important; line-height:50px !important; text-align:center !important}
#GNB .goHOME img					{vertical-align:middle !important}
#GNB .extLink						{display:block; width:100% !important; height:50px !important; line-height:50px !important; text-align:right !important; border-top:#d4d4d4 1px solid; box-sizing:border-box}

#GNB .extLink .goLNB					{position:absolute; width:30px !important; height:30px !important; left:0 !important; bottom:8px !important; font-size:0}
#GNB ul li:nth-last-of-type(2):after			{display:none; content:""}


#GNB #btnSitemap				{position:relative; display:inline-block; float:left; width:30px; height:25px; visibility:inherit; z-index:100; box-sizing:border-box}
#GNB #btnSitemap a				{position:relative; display:block; width:30px; height:25px; vertical-align:top; margin:27px 30px 20px 0; box-sizing:border-box}
#GNB #btnSitemap span				{position:absolute; display:inline-block; transition:all .4s; box-sizing:border-box; left:0; width:100%; height:3px; background-color:#158700; border-radius:0px}
#GNB #btnSitemap span:nth-of-type(1)		{top:0}
#GNB #btnSitemap span:nth-of-type(2)		{top:11px}
#GNB #btnSitemap span:nth-of-type(3)		{bottom:0}
#GNB #btnSitemap.active				{background:#ffffff}
#GNB #btnSitemap.active span:nth-of-type(1)	{-webkit-transform:translateY(11px) rotate(-45deg); transform:translateY(11px) rotate(-45deg)}
#GNB #btnSitemap.active span:nth-of-type(2)	{opacity:0}
#GNB #btnSitemap.active span:nth-of-type(3)	{-webkit-transform:translateY(-11px) rotate(45deg); transform:translateY(-11px) rotate(45deg)}


/*#LNB							{position:fixed; width:100vw; height:100vh; top:0; left:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box}*/
#LNB							{display:none}
/* ============================== [02] Header .End   ============================== */


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

/*	========== [03] - [01] Main Page .Start ============================== */
#wrap.main #Poster					{height:auto}
#wrap.main #Poster .li_poster				{height:auto; background:none !important}
#wrap.main #Poster:hover .btnTimer			{top:22px}
#wrap.main #Poster:hover .btnMove			{top:20px}

#wrap.main #noticeWrap .btn_more			{display:none !important}

#wrap.main #linkInSiteWrap .li_link .a_title		{font-size:1em}
#wrap.main #linkInSiteWrap .li_link .a_btn		{font-size:0.9em}
#wrap.main #linkExtSiteWrap				{width:100%; height:auto !important; border-radius:5px}
#wrap.main #linkExtSiteWrap h3				{float:none; width:100%; padding:0}
#wrap.main #linkExtSiteWrap h3:after			{top:50px; left:0; right:auto; border-color:#005fa3 transparent transparent transparent !important; border-width:10px !important}
#wrap.main #linkExtSiteWrap ul				{display:block; width:100%; height:auto !important}
#wrap.main #linkExtSiteWrap:after			{display:none; content:""}

#wrap #sect_1 #haksaSchedule .calendar dl		{font-size:0}
#wrap #sect_1 #haksaSchedule .calendar dt		{display:none}
#wrap #sect_1 #haksaSchedule .calendar dt.today		{display:inline; height:35px; line-height:35px; margin-right:10px}
#wrap #sect_1 #haksaSchedule .calendar dd.today		{position:relative !important; display:inline !important; width:auto !important; height:auto !important; line-height:35px !important; font-size:12px !important; text-indent:inherit !important; left:auto !important; top:auto !important; margin:0 !important; opacity:1 !important}

#wrap.main #linkInSiteWrap .li_link			{float:none; width:100% !important; height:auto !important; overflow:hidden; padding:0 !important; margin:0 !important; margin-bottom:10px !important; overflow:hidden}
#wrap.main #linkInSiteWrap .li_link:last-child		{margin:0}
#wrap.main #linkInSiteWrap .li_link:after		{content:""; clear:both; float:none; display:block; height:0}
/*#wrap.main #linkInSiteWrap .li_link .a_title		{}*/
/*#wrap.main #linkInSiteWrap .li_link .a_btn		{}*/
#wrap.main #linkInSiteWrap .li_link .designWrap		{height:40px; padding:5px !important; background-position:20px top !important; background-size:contain !important; box-sizing:border-box}
#wrap.main #linkInSiteWrap .li_link .designWrap:after	{content:""; clear:both; float:none; display:block; height:0}
#wrap.main #linkInSiteWrap .li_link .designWrap .a_title{display:inline-block; float:left;  width:auto; height:30px; line-height:30px; text-align:left;  padding-left:65px;  vertical-align:top; margin:0}
#wrap.main #linkInSiteWrap .li_link .designWrap .a_btn	{display:inline-block; float:right; width:auto; height:30px; line-height:30px; text-align:right; padding:0 10px;     vertical-align:top; margin:0}

#wrap.main #mainBannerWrap .li_banner			{float:none; width:100%; margin:0; max-width:100%; height:auto; line-height:unset}


#wrap.main.type_A #sect_1 #noticeWrap							{margin-top:65px}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText					{position:unset; float:none; width:100%}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText .listSet				{display:none; float:none}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText.selectOn .listSet			{display:block; width:100%}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText .noticeSet_title			{width:calc(100% / 3); color:#fff; font-weight:normal}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText.selectOn .noticeSet_title		{color:#fff; font-weight:700; background:green}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText:nth-of-type(1) .noticeSet_title	{left:0}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText:nth-of-type(2) .noticeSet_title	{left:calc(100% / 3)}
#wrap.main.type_A #sect_1 #noticeWrap .noticeText:nth-of-type(3) .noticeSet_title	{left:calc((100% / 3) * 2)}

#wrap.main.type_A #sect_2				{height:auto}
#wrap.main.type_A #sect_2 #haksaSchedule		{float:none; width:100%}
#wrap.main.type_A #sect_2 #linkInSiteWrap		{float:none; width:100%; height:auto; margin-top:10px}

#wrap.main.type_A #sect_3 #photoListWrap .li_photo		{display:none; width:50%; padding:0 5px 0 5px}
#wrap.main.type_A #sect_3 #photoListWrap .li_photo:nth-of-type(1){display:block}
#wrap.main.type_A #sect_3 #photoListWrap .li_photo:nth-of-type(2){display:block}


#wrap.main.type_B #sect_1 #haksaSchedule		{height:auto}
#wrap.main.type_B #sect_1 #haksaSchedule .titleArea	{float:none; width:100%; height:auto}
#wrap.main.type_B #sect_1 #haksaSchedule .titleArea h3	{width:auto; float:left}
#wrap.main.type_B #sect_1 #haksaSchedule .titleArea h4	{width:auto; float:right; text-align:right}
#wrap.main.type_B #sect_1 #haksaSchedule .titleArea:after {content:""; clear:both; float:none; display:block; height:0}
#wrap.main.type_B #sect_1 #haksaSchedule .contArea	{float:none; width:100%}
#wrap.main.type_B #sect_1 #haksaSchedule .schedule	{height:auto}
#wrap.main.type_B #sect_1 #haksaSchedule .schedule dl:after{content:""; clear:both; float:none; display:block; height:0}
#wrap.main.type_B #sect_1 #haksaSchedule .schedule dt	{float:left; width:100px; height:25px; line-height:25px}
#wrap.main.type_B #sect_1 #haksaSchedule .schedule dd	{float:left; width:calc(100% - 100px); height:25px; line-height:25px}

#wrap.main.type_B #photoListWrap			{height:auto}
#wrap.main.type_B #photoListWrap .photoTitle		{display:block; width:100%; line-height:25px; font-size:16px; font-weight:700; text-align:center}
#wrap.main.type_B #photoListWrap .photoList		{margin-top:5px}
#wrap.main.type_B #photoListWrap .li_photo .photoPreview{height:130px}

#wrap.main.type_B #linkExtSiteWrap h3:after		{top:40px; border-color:#ff5c30 transparent transparent transparent !important}


#wrap.main.type_C #sect_1 #haksaSchedule		{height:auto}
#wrap.main.type_C #sect_1 #haksaSchedule .calendar	{float:none; width:100%}
#wrap.main.type_C #sect_1 #haksaSchedule .schedule	{float:none; width:100%; height:auto}
#wrap.main.type_C #sect_1 #haksaSchedule .schedule dl:after{content:""; clear:both; float:none; display:block; height:0}
#wrap.main.type_C #sect_1 #haksaSchedule .schedule dt	{float:left; width:100px; height:25px; line-height:25px}
#wrap.main.type_C #sect_1 #haksaSchedule .schedule dd	{float:left; width:calc(100% - 100px); height:25px; line-height:25px}

#wrap.main.type_C #sect_3					{padding:10px 0 0 0}
#wrap.main.type_C #sect_3 #photoListWrap			{height:auto}
#wrap.main.type_C #sect_3 #photoListWrap .photoTitle		{display:block; width:100%; line-height:25px; font-size:16px; font-weight:700; text-align:center}
#wrap.main.type_C #sect_3 #photoListWrap .photoList		{margin-top:5px}
#wrap.main.type_C #sect_3 #photoListWrap .li_photo		{display:none; width:50%; padding:0 5px 0 5px}
#wrap.main.type_C #sect_3 #photoListWrap .li_photo:nth-of-type(1){display:block}
#wrap.main.type_C #sect_3 #photoListWrap .li_photo:nth-of-type(2){display:block}
#wrap.main.type_C #sect_3 #photoListWrap .li_photo .photoPreview{height:130px}

#wrap.main.type_D #menuLists dd li			{clear: both; float: none !important; width: 100% !important; margin-right: 0 !important; margin-bottom: 5px}

#wrap.main.type_D #sect_licSch .innerWrap			{padding: 20px}
#wrap.main.type_D #sect_licSch .sch dt				{float: none; width: 100%}
#wrap.main.type_D #sect_licSch .sch dd				{float: none; width: 100%; margin: 0}
#wrap.main.type_D #sect_licSch .linkWrap			{margin-top: 15px}

#wrap.main.type_D #sect_licSch .introLic			{background-size: 100px auto; padding: 20px 30px 20px 30px}
#wrap.main.type_D #sect_licSch .introLic .contBox_img	{text-align: center; padding-bottom: 30px}
#wrap.main.type_D #sect_licSch .introLic .contBox_text	{font-size: 1em; padding: 5px 0 5px 30%}

#wrap.main.type_D #sect_org .innerWrap ul		{display: block}

#wrap.main.type_E #sect_1					{position:relative; width:100%; box-sizing:border-box}

#wrap.main.type_E #sect_2					{position:relative; width:100%; box-sizing:border-box}
#wrap.main.type_E #sect_2 #sendMailWrap				{padding:300px 0 10px 0}


#wrap.main.type_E #sect_3					{position:relative; width:100%; box-sizing:border-box}

#wrap.main.type_F #noticeWrap .noticeText .noticeSet_title	{width: 90px; font-size: 14px; letter-spacing: -1px;}
#wrap.main.type_F #noticeWrap .noticeText:nth-of-type(2) .noticeSet_title {left:91px}
#wrap.main.type_F #noticeWrap .noticeText:nth-of-type(3) .noticeSet_title {left:181px}
#wrap.main.type_F #noticeWrap .listSet		{padding: 20px 10px}

#wrap.main.type_F #haksaSchedule .titleArea	{padding: 0 10px; font-size: 18px}
#wrap.main.type_F #haksaSchedule .titleArea h3	{font-size: inherit}
#wrap.main.type_F #haksaSchedule .contArea	{padding: 20px 10px}
/*	========== [03] - [01] Main Page .End   ============================== */

/*	========== [03] - [02] Sub Pages .Start ============================== */
#wrap.subPage #Contents #SNB					{display:none}
#wrap.subPage #Contents #contWrap				{width:100% !important; overflow-x:hidden}

#wrap.subPage #PageInfo						{height:auto; padding-bottom:5px}
#wrap.subPage #PageInfo .pagePath				{width:100%; font-size:0; text-align:right}
#wrap.subPage #PageInfo .pagePath img				{vertical-align:middle}
#wrap.subPage #PageInfo .pagePath .li_depRoot			{float:none; display:inline-block; width:auto; min-width:unset; max-width:32%; font-size:12px; vertical-align:top; box-sizing:border-box}
#wrap.subPage.type_E #PageInfo .pagePath .li_depRoot		{width:auto; min-width:unset}
#wrap.subPage #PageInfo .pagePath .ul_listWrap.selectOn		{width:max-content; max-width:95vw; left:auto; right:-1px}

#wrap.subPage #Contents #propWrap .li_prop			{width:100%; padding:10px}
#wrap.subPage #Contents #propWrap .li_prop .photo		{position:relative; height:auto; top:auto; right:auto; bottom:auto; left:auto; padding:0; margin:0 auto}
#wrap.subPage #Contents #propWrap .li_prop .tb_basic th		{width:30%}
#wrap.subPage #Contents #propWrap .li_prop .tb_basic td		{width:70%}





#wrap.subPage #BoardInc #BoardList .list						{display:flex; flex-flow:row wrap; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; padding-left:0}
#wrap.subPage #BoardInc #BoardList .list .identfy				{order:2; width:auto; height:40px; padding:0 0 0 5px; box-sizing:border-box}
#wrap.subPage #BoardInc #BoardList .list .identfy .no:after		{content:""; display:inline-block; width:1px; height:10px; font-size:0; margin:0 10px; background:#000000}
#wrap.subPage #BoardInc #BoardList .list .title					{order:1; width:100% !important}

#wrap.subPage #BoardInc #BoardList .list .info					{order:3; clear:both !important; float:none !important; width:auto !important; }
#wrap.subPage #BoardInc #BoardList .list.blank					{height:100px}
#wrap.subPage #BoardInc #BoardSearch .selectWrap				{width:125px; height:auto; font-size:0}
#wrap.subPage #BoardInc #BoardSearch .selectWrap #STARGET			{width:125px; height:30px; margin-right:2px; padding:0 5px; box-sizing:border-box}
#wrap.subPage #BoardInc #BoardSearch #SKEYWORD					{width:calc(100% - 190px); height:30px; margin-right:2px; box-sizing:border-box}
#wrap.subPage #BoardInc #BoardSearch input[type="submit"]			{width:60px;  height:30px; margin:0;         box-sizing:border-box}

#wrap.subPage #PhotoInc div.PhotoSearch .selectWrap				{width:100%; height:auto; font-size:0}
#wrap.subPage #PhotoInc div.PhotoSearch .selectWrap #STARGET			{width:125px; height:30px; margin-right:2px; padding:0 5px; box-sizing:border-box}
#wrap.subPage #PhotoInc div.PhotoSearch .selectWrap #SKEYWORD			{width:calc(100% - 190px); height:30px; margin-right:2px; box-sizing:border-box}
#wrap.subPage #PhotoInc div.PhotoSearch .selectWrap input[type="submit"]	{width:60px;  height:30px; margin:0;         box-sizing:border-box}

/*#photoListWrap .li_photo					{float:left; width:calc(100% / 2 + 5px) !important; padding:0 10px 0 10px; margin-right:0; margin-bottom:10px; box-sizing:border-box}*/
/*#photoListWrap .li_photo:nth-of-type(2n-1)			{clear:both; float:left; width:calc(100% / 2 - 5px) !important; padding:0 10px 0 0}*/
/*#photoListWrap .li_photo:nth-of-type(2n)			{width:calc(100% / 2 - 5px) !important; padding:0 0 0 10px}*/


#wrap.subPage #photoListWrap .ul_photoList					{border-top:#d4d4d4 1px solid}
#wrap.subPage #photoListWrap .li_photo						{clear:both !important; float:none !important; width:100% !important; height:auto; border-bottom:#d4d4d4 1px solid; padding:5px 0 !important; box-sizing:border-box; overflow:hidden}
#wrap.subPage #photoListWrap .li_photo:after					{clear:both; display:block; height:0; content:""}
#wrap.subPage #photoListWrap .li_photo .photoPreview				{float:left !important; width:80px !important; height:80px !important; margin-right:10px !important; overflow:hidden}
#wrap.subPage #photoListWrap .li_photo .photoPreview img			{max-width:100%}
#wrap.subPage #photoListWrap .li_photo .photoInfo				{float:left !important; width:calc(100% - 90px) !important; height:80px !important}
#wrap.subPage #photoListWrap .li_photo .photoInfo dl				{height:80px; font-size:0}
#wrap.subPage #photoListWrap .li_photo .photoInfo dt				{height:40px !important; line-height:40px !important; vertical-align:top}
#wrap.subPage #photoListWrap .li_photo .photoInfo dd				{height:40px !important; line-height:40px !important; vertical-align:top}
#wrap.subPage #photoListWrap .li_photo .photoInfo .title			{width:100% !important; height:40px !important; line-height:40px !important}

#wrap.subPage #Contents .editWrap .li_coop				{float:none; width:100%; padding:0; margin:0 0 10px 0}
#wrap.subPage #Contents .editWrap .li_coop:nth-of-type(2n-1)		{float:none; width:100%; padding:0}
#wrap.subPage #Contents .editWrap .li_coop:nth-of-type(2n)		{float:none; width:100%; padding:0}

#wrap.subPage #Contents .editWrap .boxContWrap li			{float:none !important; width:100% !important; padding:0 !important; margin-bottom:10px !important}
#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(2n-1)	{width:100% !important; padding:0 !important}
#wrap.subPage #Contents .editWrap .boxContWrap li:nth-of-type(2n)	{width:100% !important; padding:0 !important}

/*	========== [03] - [02] Sub Pages .End   ============================== */

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


/* ============================== [04] Footer .Start ============================== */
#footer .logo						{float:none; width:100%; text-align:center; margin:0; padding:10px 0; box-sizing:border-box}
#footer #siteInfo					{float:none; width:100%; text-align:left; border:none; padding:0; margin:0}
#footer #siteLink					{float:none; position:relative; width:100%; text-align:center; top:auto; right:auto; bottom:auto; left:auto}
#footer #siteLink .dt_linkSiteSet			{float:none; display:inline-block}
#footer #siteLink .dd_linkSiteSet			{width:100% !important; -webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2); box-sizing:border-box}
#footer #siteLink .dd_linkSiteSet li			{width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
#footer #siteCert					{float:none; position:relative; width:100%; text-align:center; top:auto; right:auto; bottom:auto; left:auto}
#footer #sitePolicy					{float:none; position:relative; width:100%; text-align:center; top:auto; right:auto; bottom:auto; left:auto}
/* ============================== [04] Footer .End   ============================== */


/* ============================== [05] SiteMap .Start ============================== */
#wrap.sitemap .nav_sitemap .li_menuSet.lev_1		{clear: both !important; float: none !important; width: 100%; margin-right: 0 !important}
/* ============================== [05] SiteMap .End   ============================== */