@charset "utf-8"; 
 
  
/* VISUAL    ================================================================================== */
.main_visual							{position:relative; overflow: hidden;}
.main_visual li							{position:relative; height:680px; }	
.main_visual .visual_item				{content:''; animation:imgScale 3s both;}

.visual_acc								{position:absolute; width:100%; left:50%; top:45%; transform:translate(-50%, -45%); z-index:100; text-align:center; color:#fff; }
.visual_acc em							{display:inline-block; font-style:normal; letter-spacing:1px; text-transform:uppercase; font-size:0.85em; background:#d6432f; height:32px; line-height:28px; padding:0 10px;}
.visual_acc dt							{font-size:3em; font-weight:100; letter-spacing:-4px; line-height:140%; margin:30px 0 40px 0;}	
.visual_acc dt p						{font: bold 70px "NEXON Lv2 Gothic Bold"; /*font-size:55px; font-weight:700;*/text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);}
.visual_acc dt span						{font-weight:700; color:#d6432f;}
.visual_acc dd							{font-size: 1.5em; line-height:180%; letter-spacing:-1px;text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);width:800px;text-align:center;margin:0 auto;}	

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}


/* NOTICE   ================================================================================== */
.cont01									{position:relative; overflow:hidden; padding:92px 0;}
.main_notice							{float:left;width: calc(100% - 444px);position:relative;}

.main_news_tab_title					{font-size: 1.8em;display: inline-block;width:100%;border-bottom: 1px solid #ddd;}
.main_news_tab_title p					{display: inline-block;height: 78px;line-height:78px;}
.main_news_tab_title p a				{position:relative;padding:0 18px;font-weight: 700;color:#9c9c9c;}			
.main_news_tab_title p a:hover			{color:#383838;}
.main_news_tab_title .on				{color:#383838;}
.main_news_tab_title .on:after			{position:absolute;left:0;bottom:-17px; content:'';display:block; width:100%; height:5px;background:#19a788;}
.main_news_tab_title .btn_more			{float: right;line-height: 78px;}
.main_news_tab_title .btn_more a		{width:30px;height:30px; display: block; background: url('../image/common/more.png') no-repeat;position: absolute;right: 0px;top: 28px;text-indent: -9999em;}

.main_notice .la_news_top				{border:none;padding:0;height:76px;margin-top:21.5px;overflow: visible;}
.main_notice .date						{float:left;text-align:center;width:88px;height:76px;background:none;border:1px solid #ebebeb;}
.main_notice .date .big					{font-size:2em; font-weight:700; color:#383838;margin-top:15px;letter-spacing:-1px;}
.main_notice .date p					{letter-spacing:-1.0px;color:#838383;margin-top:3px;}
/*.main_notice .date em					{font-weight:100; font-style:normal; margin-top:3px; color:#a2a2a2; font-size:0.9em;}*/
.main_notice .txt						{padding-left:120px;}
.main_notice dt							{font-size:1.4em; font-weight:700; color:#383838; letter-spacing:-0.75px; margin-bottom:5px;padding-top: 13px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.main_notice dd							{color:#878787;line-height:150%; letter-spacing:-0.5px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-box-orient: vertical; font-size: 1.1em;white-space:nowrap;display:block;}
/*.main_notice .nolist					{float:none; width:100%; padding:60px 0; text-align:center; color:#666 !important; }*/


/* CALENDAR   ================================================================================== */

.main_cal								{float: right;width: 384px; height: 371px;border-bottom: 1px solid #ddd;}
.main_cal .cal_top						{background: #19a788;position: relative; height: 78px;line-height: 78px;text-align:center;}
.main_cal .cal_top p					{display:inline-block;color: #fff; font-size: 1.9em;}
.main_cal h2							{color: #fff; font-size: 1.9em;text-align: center;}
.main_cal .cal_arrow					{width: 100%; padding: 0 20px;position: absolute;top: 50%;transform: translate(0, -50%);}
.main_cal .ca_left						{float: left;width:13px;height:20px; display: block; background: url('../image/common/cal_left.png') no-repeat center;text-indent: -9999em;}
.main_cal .ca_right						{float: right;width:13px;height:20px; display: block; background: url('../image/common/cal_right.png') no-repeat center;text-indent: -9999em;}
.main_cal .cal_box						{height: 293px;}
.main_cal .main_table					{width: 100%;}
.main_cal col							{width: 14.2%;}
.main_cal table th						{height: 44px;font-weight: 700;}
.main_cal table td						{height: 36px;text-align: center;font-weight: 500;}
.main_cal table .font_red				{color: #cc0000;}
.main_cal table .font_blue				{color: #005cc4;}
.main_cal .cal_box p					{position:relative;font-weight: 500;text-align:right;padding-right: 20px;}
.main_cal .cal_box p:before				{position:absolute;top:8px;right:55px;content:'';width:10px; height:10px;border-radius:50%;background-color:#eee;}
.main_cal .cal_box .sch					{position:relative;}
.main_cal .cal_box .sch:before			{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);content:'';width:30px; height:30px;border-radius:50%;background-color:#eee;z-index:-1;}

#calendar_issue_layer					{display:none; position:absolute; padding:11px 17px 5px 17px; background-color:#fff; width:260px; border:3px solid #21409a; box-shadow:0 1px 2px 2px rgba(0,0,0,0.1); z-index:9999999; }
.calendar_issue .title					{margin-bottom:7px; font-size:0.85em; color:#111; font-weight:bold; }
.calendar_issue .title span				{font-size:1.1em; color:#111; font-weight:bold;  }
.calendar_issue li						{padding:4px 0 4px 0; font-size:0.83em; color:#222; font-weight:300; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#calendar_box tbody span						{/* content:''; */display:block;width:33px;height:33px;line-height:33px;margin:0 auto;border-radius:100%;}

/* CONT02   =====================================*/

.cont02									{padding:92px 0; background:#eee;}
.cont02 ul								{overflow: hidden;}
.cont02 li								{display:inline-block;width:14.2%;float:left;text-align:center;}
.cont02 li img							{display:block;margin: 0 auto 15px;}
.cont02 li a							{color:#414141; font-size:1.2em;font-weight:700;}

/*GALLERY   ==================================================================================*/

.cont03									{padding:92px 0;position:relative;}
.cont03 .main_tit						{font-size:2.7em;color: #383838;letter-spacing:-2px;margin-bottom:45px;text-align:center;}
.cont03 .main_tit em					{font-weight: 700;font-style:normal;}
.cont03 .main_tit span					{font-weight: 100;}
.cont03 .prev							{position:absolute;top: -13px;}
.cont03 .next							{position:absolute;top: -13px;right:0;}
.cont03 .prev a							{display: block; background: url('../image/common/prev01.png') no-repeat center;text-indent: -9999em;width: 50px;height: 50px;border: 1px solid #ddd;}
.cont03 .next a							{display: block; background: url('../image/common/next01.png') no-repeat center;text-indent: -9999em;width: 50px;height: 50px;border: 1px solid #ddd;}

.main_phlist							{overflow:hidden;}
.main_phlist li							{width:25%; padding:0 15px;float:left;}
.main_phlist li figure					{height:214px;}
.main_phlist li figure img				{width: 100%; height:100%;object-fit: cover;}
.main_phlist li .tit					{margin: 30px 0 7px; font-size:1.4em;font-weight:700;color:#383838;line-height: 130%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;-webkit-box-orient: vertical;letter-spacing: -0.75px;}
.main_phlist li .cont					{font-size:1.1em;color:#838383;line-height: 140%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;word-wrap: break-word;-webkit-box-orient: vertical;margin-bottom:20px;}
.main_phlist li em						{color:#aaa;font-weight:500;}

/* FOOT BANNER    ================================================================================== 
.ft_banner								{position:relative; padding:30px 0; overflow:hidden; }
.ft_banner .arrow p						{position: absolute; content: ''; display: block; top: 35%; cursor:pointer;  width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ft_banner .prev						{left:0;  border-left: 3px solid #d1d1d1; border-bottom: 3px solid #d1d1d1; }                    
.ft_banner .next						{right:0; border-top: 3px solid #d1d1d1; border-right: 3px solid #d1d1d1;}*/


.ft_banner								{padding: 26px 0; overflow:hidden;border-top:1px solid #ddd;}
.ft_banner ul							{display:flex;justify-content:space-between;align-items:center;}
.ft_banner .ft_box						{display:inline-block;}


/* screen 1200*/
@media screen and (max-width:1200px) {

	.cont01, .cont02, .cont03		{padding:92px 15px;}
	.ft_banner						{padding:30px 15px;}

}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.main_visual li					{height:540px;}
	.visual_acc						{padding:0 20px;}  /*main_visual 글자 변환*/
	.visual_acc em					{font-size:0.75em; height:28px;}
	.visual_acc dt					{font-size:1.8em; margin:15px 0 20px 0; line-height:160%;}
	.visual_acc dt p				{font-size:48px; letter-spacing:-2px;}
	.visual_acc dd					{font-size:1em;width:100%;}
	.visual_acc dd div				{max-width:530px;margin:0 auto;}

	.cont01, .cont02, .cont03		{padding:60px 15px}

	.main_notice					{float:none; width:calc(100% - 350px); margin-bottom:0;}
	.main_news_tab_title p			{font-size: 0.8em;}
	.main_news_tab_title p a		{padding: 0 15px}
	.main_news_tab_title .btn_more a		{background: url('../image/common/more_1.png') no-repeat; width:16px; height:16px; top:31px;}
	.main_news_tab_title .on:after	{bottom:-21px;}

	.main_notice .la_news_top		{height:70px; margin-top:17px;}	
	.main_notice .date				{width:70px;height:70px;}
	.main_notice .date p			{font-size:0.9em;margin:0;}	
	.main_notice .date .big			{margin-top:15px;font-size:1.7em;}
	.main_notice .txt				{padding-left:90px;}
	.main_notice dl					{padding:0 0 0 70px;}
	.main_notice dl dt				{font-size:1.1em;}
	.main_notice dl dd				{font-size:0.9em; height:42px;}
/*	.main_notice .date em			{font-size:0.8em;}*/

	.main_cal						{width:320px;height:346px;}
	.main_cal h2					{font-size:1.6em;}
	.main_cal table th				{height:40px;}
	.main_cal table td				{height:32px;}

/*	.main_bn						{float:none; width:100%; overflow:hidden;}
	.main_bn dl						{float:left; width:49%; padding:25px 20px; padding-bottom:0; height:240px; margin:0; text-align:center;}
	.main_bn dl dt					{font-size:1.4em; margin-bottom:10px;}
	.main_bn dl dd br				{display:none;}
	.main_bn dl:last-child			{float:right; background-position:center 140%; }
	.main_bn ul						{position:relative; overflow:hidden; right:0; top:0; margin-top:30px;}
	.main_bn ul li					{font-size:1em; width:100px;}
	.main_bn ul li img				{width:50px;}*/

	.cont02 .tit					{font-size:1.8em; margin-bottom:25px;}
	.cont02 li a					{font-size:1em;letter-spacing: -2px;}
	.cont02 li img					{width: 50%;}

	.cont03 .main_tit				{font-size:2.2em;}
	.main_phlist li					{width:33.3%}
	.main_phlist li:last-child		{display:none;}
	.main_phlist figure				{height:240px;}
	.main_phlist li .tit			{font-size:1.1em;}
	.main_phlist li .cont			{font-size:0.9em;}
	.main_phlist em					{font-size:0.8em; margin-bottom:12px;}

/*	.main_phlist .wrap				{padding:20px;}	
	.main_phlist p					{font-size:1em; }
	.control_btns .cnt				{font-size:0.9em;}
	.control_btns .cnt span			{font-size:14px;}*/

	.ft_banner						{padding:20px 15px;}
	.ft_banner img					{width:80%;}

}


/* screen 768 */
@media screen and (max-width:768px) {

	.main_visual li					{height:480px;}
	.main_notice					{width:100%;}
	.main_cal						{width:100%;float:none;margin-top:400px;}
/*	.main_bn dl						{float:none; width:100%;}
	.main_bn dl:last-child			{float:none; margin-top:10px;}*/
	.main_cal .cal_box p			{padding-right: 38px;}
	.main_cal .cal_box p:before     {right:74px;}
	.cont02							{padding: 40px 15px 30px;}
	.cont02 li						{width:25%;margin-bottom:20px;}
	.cont02 li img					{padding:0 auto 5px;width:45%;}
	.main_phlist li					{width:50%}
	.main_phlist li:nth-child(3)	{display:none;}

}


/* screen 480 */
@media screen and (max-width:480px) {

	.visual_acc dt span				{display:block;}
	.visual_acc dt p				{font-size:35px;}
	.visual_acc dd					{font-size:0.9em;}

	.main_news_tab_title p			{font-size:0.65em;height:70px;margin-top:-2px;}
	.main_news_tab_title p a		{padding:0 8px;}
	.main_news_tab_title .on:after	{bottom:-15px;}
	.main_news_tab_title .btn_more a	{top:29px;}
	.main_notice .la_news_top		{height:48px;margin-top:19px;}
	.main_notice  .date				{width:58px;height:60px;}
	.main_notice  .date .big		{margin-top:10px;font-size:1.5em;}
	.main_notice  .date p			{font-size:0.7em;margin-top: -3px;}
	.main_notice  .txt				{padding-left:70px;}	
	.main_notice dl dt				{font-size:0.9em;padding-top:7px;}
	.main_notice dl dd				{font-size:0.8em;margin-top:-2px;}
	.main_cal						{margin-top:320px;}
	
	.cont02 li a					{font-size:0.9em;}

	.cont03 .main_tit				{font-size:1.8em;}
	.main_phlist li					{width:100%}
	.main_phlist li:nth-child(2)	{display:none;}

/*	.main_bn dl						{height:100%; padding-bottom:25px;}
	.main_bn dl:last-child			{height:240px;}*/

}