@charset "utf-8";

/* 공통 */

/* *
   * CSS Reset - Layout Type [B]
   * Make	 : 2019-07-23
   * Last Modify : 2019-07-23
*/

/*#wrap					{color:#ffffff; background:#4c4f62}*/


/* ============================== [01] Common .Start ============================== */
#wrap.type_A						{background:#ffffff}
#wrap.type_A #GNB					{background:#ffffff; border-bottom:#efefef 1px solid; box-sizing:border-box}
#wrap.type_A #GNB .innerWrap				{background:#ffffff}
#wrap.type_A #GNB ul li					{color:#000000}
#wrap.type_A #GNB ul li:after				{background:#000000}

#wrap.type_A #LNB					{border-bottom:#efefef 1px solid; box-sizing:border-box}
/*#wrap.type_A #*/


/*#wrap.type_B #Footer					{clear:both; color:#cfcfcf; background:#2b2b2b}*/
/* ============================== [01] Common .Start ============================== */


/* ============================== [01] Main Page .Start ============================== */
#wrap.type_A #Contents.main				{background:#f9f8f8}


#wrap.main #Poster					{height:600px; background-size:cover}
#wrap.main #Poster .li_poster				{height:600px}
#wrap.main #Poster:hover .btnMove			{top:260px}
#wrap.main #Poster:hover .btnTimer			{top:20px}

#wrap #sect_1						{margin-top:0}
#wrap #sect_1:after					{content:""; clear:both; float:none; display:block; height:0}
#wrap #sect_1 #noticeWrap				{position:relative; float:none; width:100%; height:190px; margin-right:10px; background:#fff; box-sizing:border-box}
#wrap #sect_1 #noticeWrap:after				{content:""; clear:both; float:none; display:block; height:0}
#wrap #sect_1 #noticeWrap .noticeTab			{position:relative; float:left; width:calc(100% / 3)}
#wrap #sect_1 #noticeWrap.num1 .noticeTab		{width:100%}
#wrap #sect_1 #noticeWrap.num2 .noticeTab		{width:calc(100% / 2)}
#wrap #sect_1 #noticeWrap .listSet			{height:190px; text-align:left; padding:20px; border:#efefef 1px solid; box-sizing:border-box}
#wrap #sect_1 #noticeWrap .selectOn .listSet		{display:block}
/*#wrap #sect_1 #noticeWrap .listSet ul			{padding:25px; border-top:#efefef 1px solid; box-sizing:border-box}*/
#wrap #sect_1 #noticeWrap .listSet .list		{position:relative; width:100%; height:30px; box-sizing:border-box}
#wrap #sect_1 #noticeWrap .listSet .title		{width:calc(100% - 100px); height:30px; line-height:30px; text-align:left; box-sizing:border-box}
#wrap #sect_1 #noticeWrap .listSet .title a		{width:100%}
#wrap #sect_1 #noticeWrap .listSet .title a:after{display: none}
#wrap #sect_1 #noticeWrap .listSet .brd_info		{position:absolute; width:100px; height:30px; line-height:30px; text-align:right; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:0; right:0}
#wrap #sect_1 #noticeWrap .noticeText			{z-index:60}
#wrap #sect_1 #noticeWrap .noticeText .btn_more		{position:absolute; width:55px; height:65px; line-height:65px; top:-65px; right:0; text-align: center; border-bottom: none; overflow:hidden}
#wrap #sect_1 #noticeWrap .noticeText .btn_more img	{vertical-align:middle}

#wrap #sect_1 #noticeWrap .noticeText .noticeSet_title	{position:absolute; width:100%; height:65px; line-height:65px; color:#fff; text-align:center; font-size:16px; border-left:#efefef 1px solid; border-right:#efefef 1px solid; top:-65px; left:0; font-weight:bold; background:rgba(0, 0, 0, 0.7); overflow:hidden; box-sizing:border-box}
#wrap #sect_1 #noticeWrap .noticeText .noticeSet_title a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#wrap #sect_1 #noticeWrap .noticeText .noticeSet_title a:after{display: none}
#wrap #sect_1 #noticeWrap .noticeText:first-of-type .noticeSet_title {border-left:none}
#wrap #sect_1 #noticeWrap .noticeText:last-of-type .noticeSet_title {border-right:none}


#wrap #sect_2						{width:100%; height:240px; margin-top:20px; overflow:hidden}
#wrap #sect_2 #haksaSchedule				{display: grid; float:left; width:290px; height:240px; margin-right:10px; padding:20px; border:#eeeff2 1px solid; background:#ffffff; box-sizing:border-box; grid-template-rows: 55px auto}
#wrap #sect_2 #haksaSchedule .titleArea			{width:100%}
#wrap #sect_2 #haksaSchedule .titleArea h3		{width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; font-weight:700}
#wrap #sect_2 #haksaSchedule .titleArea h3 a		{line-height:inherit; font-size:inherit; font-weight:inherit; padding:0; background:none}
#wrap #sect_2 #haksaSchedule .titleArea h4		{width:100%; height:25px; line-height:25px; text-align:center; font-size:14px; font-weight:700; background:#eeeff2}
#wrap #sect_2 #haksaSchedule .contArea			{overflow-y: auto}
#wrap #sect_2 #haksaSchedule .calendar			{width:100%}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal		{width:100%}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal th	{width:calc(100% / 7); text-align:center; color:#000000; font-weight:bold}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal td	{width:calc(100% / 7); text-align:center; color:#000000; font-weight:normal}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .td_prevMonth	{color:#eeeff2}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .td_nextMonth	{color:#eeeff2}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .sunday		{color:#e60012}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .saturday	{color:#0500e6}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .holiday		{color:#e60012}
#wrap #sect_2 #haksaSchedule .calendar .tb_cal .today		{background:#eeeff2; border-radius:50%}
#wrap #sect_2 #haksaSchedule .schedule			{padding-top:5px}
#wrap #sect_2 #haksaSchedule .schedule dl:after		{clear:both; float:none; height:0; content:""; display:block}
#wrap #sect_2 #haksaSchedule .schd_dt			{clear:both; float:left; width:120px; line-height:25px; font-weight:bold}
#wrap #sect_2 #haksaSchedule .schd_dd			{float:left; width:calc(100% - 120px); line-height:25px}
#wrap #sect_2 #linkInSiteWrap				{float:left; width:900px; height:240px}
/*#wrap #sect_2 #linkInSiteWrap .li_link			{width:calc(100% / 3 - 7px); height:240px; margin-right:10px}*/
/*#wrap #sect_2 #linkInSiteWrap .li_link:last-child	{width:calc(100% / 3 - 6px); margin-right:0}*/

#wrap.main #linkInSiteWrap .li_link		{width:calc(100% / 3 + 2px); height:240px}
#wrap.main #linkInSiteWrap .li_link:first-child	{width:calc(100% / 3 - 2px)}
#wrap.main #linkInSiteWrap .li_link:last-child	{width:calc(100% / 3 - 2px)}

#wrap #sect_3						{width:100%; height:350px; margin-top:20px; padding:25px 0; overflow:hidden; background:url('/images/bg/bg_gallery.jpg') left top repeat-y; box-sizing:border-box}
#wrap #sect_3 #photoListWrap				{float:none; width:100%; padding:15px 0; background:none}
#wrap #sect_3 #photoListWrap .photoTitle		{display:block; width:100%; line-height:35px; text-align:center; font-size:24px; font-weight:700}
#wrap #sect_3 #photoListWrap .btn_more			{position:absolute; display:block; width:50px; height:50px; top:0; right:0}
#wrap #sect_3 #photoListWrap .li_photo			{width:calc(100% / 4 + 5px); padding:0 10px 0 10px; margin-right:0}
/*#wrap #sect_3 #photoListWrap .li_photo:first-child	{width:calc(100% / 4 - 5px); padding:0 10px 0 0}*/
#wrap #sect_3 #photoListWrap .li_photo:nth-of-type(1)	{width:calc(100% / 4 - 5px); padding:0 10px 0 0}
/*#wrap #sect_3 #photoListWrap .li_photo:last-child	{width:calc(100% / 4 - 5px); padding:0 0 0 10px}*/
#wrap #sect_3 #photoListWrap .li_photo:nth-last-of-type(1)	{width:calc(100% / 4 - 5px); padding:0 0 0 10px}


#wrap #sect_4						{margin-top:10px}
#wrap #sect_4 #linkExtSiteWrap				{height:50px; line-height:50px; background:#fff; border:#005fa3 1px solid; border-radius:5px}
#wrap #sect_4 #linkExtSiteWrap h3			{line-height:50px; background:#005fa3}
#wrap #sect_4 #linkExtSiteWrap h3:after			{border-color:#fff #fff #fff #005fa3; border-width:25px}
#wrap #sect_4 #linkExtSiteWrap .li_link			{height:50px; line-height:50px}
/* ============================== [01] Main Page .End   ============================== */


/* ============================== [02] Sub Page .Start ============================== */
#wrap.subPage.type_B					{color:#000000; background:#37383c}
#wrap.subPage.type_B #Contents .innerWrap		{color:#000000; background:#ffffff}
#wrap.subPage.type_B #Contents:before			{position:absolute; content:""; width:50px; top:0; bottom:0; left:50%; margin-left:-650px; background:#fff}
#wrap.subPage.type_B #Contents:after			{position:absolute; content:""; width:50px; top:0; bottom:0; left:50%; margin-left: 600px; background:#fff}
/* ============================== [02] Sub Page .End   ============================== */



/* ============================== [03] SiteMap .Start ============================== */
#wrap.sitemap #siteMap					{color:#000}
#wrap.sitemap #siteMap .dep01_li			{}
#wrap.sitemap #siteMap .dep01_li .dep01_a		{color:#fff; background:#005fa3; border-radius:5px; padding:0 5px; border-bottom:#fff 2px solid; box-sizing:border-box}
#wrap.sitemap #siteMap .dep02_div			{background:#eee; border-radius:5px}
#wrap.sitemap #siteMap .dep02_div .dep02_a		{color:#000}
/* ============================== [03] SiteMap .End   ============================== */