@charset "utf-8";

::selection{background-color:#2A3C66;color:#fff}
.container{position:relative;}

#main-toggle		{position:fixed;right:60px;top:50%;transform:translateY(-50%);z-index:99;}
#main-toggle li		{position:relative;}
#main-toggle li a			{display:block;margin:20px 0;font-size:14px;font-weight:600;color:#888;z-index:101;transition:all 0.3s ease-out;}
#main-toggle li a:before	{content:"";display:inline-block;width:30px;height:2px;margin-right:20px;vertical-align:middle;background:rgba(0,0,0,0.1);transition:all 0.3s ease-out;}
#main-toggle li.on a		{color:#2A3C66;}
#main-toggle li.on a:before	{background-image:linear-gradient(to right, #0764a1, #45c5e0);}
#main-toggle li span		{}
#main-toggle li a			{background-image:url(../img/toggle_ico.png);background-repeat:no-repeat}
@media only screen and (max-width:1699px){
	#main-toggle		{display:none;}
}

.intro-modal	{display:block;background:rgba(0,0,0,0.8);}
#main-intro		{top:50%;transform:translateY(-50%);padding:0 170px;}
#main-intro ul			{}
#main-intro .slide-wrap	{padding:80px;}
#main-intro ul:after	{content:"";display:block;clear:both;float:none;}
#main-intro li			{float:left;width:50%;}
#main-intro li .popup	{height:440px;}
#main-intro li .cont	{padding:0;}
#main-intro li .inside	{text-align:center;position:relative;overflow:hidden;height:400px;text-align:center;}
#main-intro li img		{max-width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#main-intro .control a	{position:absolute;top:50%;margin-top:-40px;display:block;width:80px;height:80px;border:1px solid rgba(153,153,153,0.4);border-radius:50%;}
#main-intro .control a:before	{content:"";position:absolute;top:50%;left:50%;margin-top:-10px;width:20px;height:20px;border-top:4px solid #fff;border-right:4px solid #fff;}
#main-intro .control a.prev	{left:0;}
#main-intro .control a.next	{right:0;}
#main-intro .control a.prev:before	{transform:rotate(-135deg);margin-left:-7px;}
#main-intro .control a.next:before	{transform:rotate(45deg);margin-left:-14px;}
#main-intro .control a:hover	{border-color:#2A3C66;background:#2A3C66;}
#main-intro .control a:hover:before	{border-color:#FFCC00;}
#main-intro .close				{font-size:12px;color:#ccc;opacity:1;text-shadow:none;margin-top:20px;font-weight:400;}
#main-intro .close form			{display:inline-block;}
#main-intro .close input[type="checkbox"]	{width:12px;height:12px;border:1px solid #999;margin:0 5px 0 0;vertical-align:middle;}
#main-intro .close a			{display:inline-block;background:#FF9900;padding:8px 15px;vertical-align:middle;margin-left:10px;font-size:12px;color:#fff;}
.intro-cont		{position:relative;overflow:hidden;width:auto;margin:0 auto;}

@media only screen and (max-width:1256px){
	.intro-cont img		{width:100%;max-height:100%;}
}
@media only screen and (max-width:1023px){
	#main-intro		{padding:0 60px;}
	#main-intro .control a	{transform:scale(0.6);}
	#main-intro .control a.prev	{left:-20px;}
	#main-intro .control a.next	{right:-20px;}
}
@media only screen and (max-width:767px){
	#main-intro		{padding:0 80px;}
	#main-intro .control a	{transform:scale(0.5);}
	#main-intro .control a.prev	{left:0;}
	#main-intro .control a.next	{right:0;}
}
@media only screen and (max-width:320px){

}

/* main-visual */
.mv-section					{position:relative;height:calc(880px + 134px);overflow:hidden;padding-top:134px;margin-bottom:100px;}
.mv-wrap					{position:relative;width:50%;float:left;}
#main-visual				{position:relative;width:100%;height:800px;margin:0 !important;}
#main-visual .mv-slide		{height:800px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#main-visual .bg1			{background-image:url(../img/mvbg1_2022.png);}
#main-visual .bg2			{background-image:url(../img/mvbg2_2022.png);}
#main-visual .bg3			{background-image:url(../img/mvbg3_2022.png);}
#main-visual .bg4			{background-image:url(../img/mvbg4_2022.png);background-position:0 0;}

#main-visual .mv-tit		{position:relative;float:right;width:670px;padding:180px 80px 0 0;z-index:5;}
#main-visual .mv-tit .tit1	{font-family:'TitilliumWeb';font-size:14px;font-weight:300;color:#fff;letter-spacing:10px;line-height:1.2;word-break:keep-all;}
#main-visual .mv-tit .tit2	{font-size:40px;font-weight:400;color:#fff;letter-spacing:-2px;word-break:keep-all;line-height:1;margin:15px 0 0;}
#main-visual .mv-tit .tit3	{font-size:60px;font-weight:600;color:#fff;letter-spacing:-4px;word-break:keep-all;line-height:1.2;margin:5px 0 160px 0;}
#main-visual .mv-tit .txt	{margin:20px 0 40px;font-size:18px;color:#fff;word-break:keep-all;line-height:1.5;}
#main-visual .mv-search		{position:relative;background:#fff;border-radius:0 0 20px 0;}
#main-visual .mv-search .select-box		{float:left;width:160px;border-right:1px solid #dadada;}
#main-visual .mv-search .dropdown-menu	{height:150px;overflow:scroll;}
#main-visual .mv-search .select-box button	{display:block;line-height:70px;width:100%;background:#fff;padding:0 20px;text-align:left;}
#main-visual .mv-search .select-box i		{float:right;display:block;line-height:70px;font-size:20px;color:#D6C4AB;}
#main-visual .mv-search input	{float:left;width:calc(100% - 160px - 70px);height:70px;border:none;border-radius:0;background:none;font-size:16px;color:#666;text-indent:0;padding:0 20px;}
#main-visual .mv-search input::placeholder	{color:#999;}
#main-visual .mv-search a	{position:absolute;right:0;top:0;width:70px;height:70px;background:#D6C4AB;border-radius:20px 0 20px 0;text-align:center;line-height:70px;font-size:24px;color:#012E66;box-shadow:0 0 10px rgba(0,0,0,0.4);}

#main-visual .mv-cont		{position:relative;float:right;width:700px;padding:200px 90px 0 0;z-index:5;}
#main-visual .mv-cont .title-wrap		{}
#main-visual .mv-cont .title-wrap p		{color:#2A3C66;}
#main-visual .mv-cont .title-wrap .tit	{font-family:'TitilliumWeb';font-size:36px;line-height:1;margin-bottom:5px;}
#main-visual .mv-cont .title-wrap .txt	{font-size:16px;}
#main-visual .mv-cont .update		{text-align:right;font-size:12px;color:#003586;margin-top:10px;}
#main-visual .mv-cont .update:before{content:"\f017";font-family:FontAwesome;margin-right:5px;}

#main-visual .bg2 .mv-cont	{padding-top:100px;}
#main-visual .bg2 .mv-cont .title-wrap p	{font-size:40px;}
#main-visual .hotissue-wrap		{position:relative;margin-top:30px;}
#main-visual .hotissue-wrap .badge	{width:80px;padding:10px 0;border-radius:20px 0 20px 0;text-align:center;font-weight:300;}
#main-visual .hotissue-wrap .badge.badge-blue	{background:#003586;color:#fff;}
#main-visual .hotissue-wrap .badge.badge-navy	{background:#2A3C66;color:#fff;}
#main-visual .hotissue-wrap .badge.badge-gray	{background:#677692;color:#fff;}
#main-visual .hotissue-wrap .badge.badge-brown	{background:#BD9A78;color:#051F58;}
#main-visual .hotissue-wrap .list	{border-top:1px solid #2A3C66;border-bottom:1px solid #2A3C66;}
#main-visual .hotissue-wrap .list li	{border-bottom:1px dashed rgba(42,60,102,0.3);padding:15px 0;}
#main-visual .hotissue-wrap .list li:last-child	{border-bottom:none;}
#main-visual .hotissue-wrap .list li a	{display:inline-block;width:calc(100% - 110px);vertical-align:middle;margin-left:20px;font-size:19px;color:#333;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#main-visual .hotissue-wrap .thumb-wrap		{margin:20px -10px 0;}
#main-visual .hotissue-wrap .thumb-wrap .bx	{float:left;width:calc(50% - 20px);margin:0 10px;}
#main-visual .hotissue-wrap .thumb-wrap .badge	{position:relative;width:100px;padding:15px 0;border-radius:0 0 20px 0;z-index:1;}
#main-visual .hotissue-wrap .thumb		{position:relative;display:block;height:280px;overflow:hidden;}
#main-visual .hotissue-wrap .thumb:before	{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);z-index:1;}
#main-visual .hotissue-wrap .thumb img	{position:absolute;min-width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.2s;}
#main-visual .hotissue-wrap .thumb:hover img{width:110%; height:110%;}
#main-visual .hotissue-wrap .subject	{position:absolute;bottom:30px;left:0;padding:0 30px;font-size:23px;font-weight:600;color:#fff;height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;z-index:2;}

#main-visual .infographic-wrap		{margin-top:30px;}
#main-visual .bg3 .mv-cont	{padding-top:160px;}
#main-visual .bg3 .mv-cont .title-wrap .tit	{font-size:50px;}
#main-visual .bg3 .mv-cont .title-wrap .txt	{color:#fff;}
#main-visual .infographic-wrap li	{position:relative;float:left;width:50%;padding:30px 0;padding-left:110px;border-bottom:1px solid rgba(255,255,255,0.1);}
#main-visual .infographic-wrap li:nth-child(n+1):nth-child(-n+2)	{border-top:1px solid rgba(255,255,255,0.1);}
#main-visual .infographic-wrap li:nth-child(n+5)	{padding-left:0;}
#main-visual .infographic-wrap .ico	{position:absolute;left:0;top:20px;display:block;width:90px;height:90px;border-radius:50%;background-color:rgba(0,0,0,0.2);background-image:url(../img/mvinfographic_ico.png);background-repeat:no-repeat;}
#main-visual .infographic-wrap .ico1{background-position:0 0;}
#main-visual .infographic-wrap .ico2{background-position:-90px 0;}
#main-visual .infographic-wrap .ico3{background-position:-180px 0;}
#main-visual .infographic-wrap .ico4{background-position:-270px 0;}
#main-visual .infographic-wrap li .tit	{font-size:16px;color:#fff;font-weight:300;}
#main-visual .infographic-wrap li .num	{font-size:21px;font-weight:600;color:#D6D2CD;line-height: 45px;}
#main-visual .infographic-wrap li .num span	{font-family:'TitilliumWeb';font-size:33px;color:#2A3C66;}
#main-visual .infographic-wrap li .txt	{font-size:16px;color:#fff;}
#main-visual .infographic-wrap li .txt span	{display:block;line-height:1.2;}
#main-visual .infographic-wrap li:nth-child(n+5) .tit:before	{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;background-image:url('../img/mvinfographic_ico2.png');background-repeat:no-repeat;}
#main-visual .infographic-wrap li:nth-child(5) .tit:before	{background-position:0 0;}
#main-visual .infographic-wrap li:nth-child(6) .tit:before	{background-position:-20px 0;}
#main-visual .infographic-wrap li:nth-child(n+5) span	{display:inline-block;font-size:12px;margin-right:40px;}
#main-visual .infographic-wrap li:nth-child(n+5) span em	{margin-left:15px;font-family:'TitilliumWeb';font-size:17px;color:#2A3C66;}
#main-visual .bg3 .mv-cont .update	{color:#C8C3BE;}

#main-visual .bg4 .mv-cont	{padding-top:160px;}
#main-visual .bg4 .mv-cont .title-wrap .tit	{font-size:50px;color:#CCC0AC;}
#main-visual .bg4 .mv-cont .title-wrap .txt	{color:#fff;}
#main-visual .event-wrap			{margin-top:30px;}
#main-visual .event-wrap li			{position:relative;padding:20px 100px 20px 110px;margin-bottom:1px;background:rgba(0,0,0,0.2);transition:all 0.3s ease-out;}
#main-visual .event-wrap li:after	{content:"";display:block;float:noen;clear:both;}
#main-visual .event-wrap li:hover	{background:#CCC0AC;}
#main-visual .event-wrap .date		{position:absolute;left:0;top:20px;padding:0 0 3px 0;width:100px;text-align:center;font-family:'TitilliumWeb';font-size:12px;color:#CCC0AC;line-height:1.1;}
#main-visual .event-wrap li:hover .date	{color:#2A3C66;}
#main-visual .event-wrap .date span	{display:block;font-size:30px;}
#main-visual .event-wrap .subject	{font-size:18px;color:#919AA5;height:28px;overflow:hidden;}

#main-visual .event-wrap .desc		{height:20px;overflow:hidden;}
#main-visual .event-wrap .desc span	{font-size:13px;color:#919AA5;}
#main-visual .event-wrap li:hover .subject,
#main-visual .event-wrap li:hover .desc span		{color:#000;}
#main-visual .event-wrap .desc > span:first-of-type	{margin-right:10px;}
#main-visual .event-wrap .desc span span	{margin-right:5px;}
#main-visual .event-wrap li a		{position:absolute;right:0;bottom:0;display:block;width:90px;height:100%;background:#1E2F42;font-family:'TitilliumWeb';color:#6B787E;text-align:center;line-height:1.2;padding-top:25px;}
#main-visual .event-wrap li:hover a,
#main-visual .event-wrap li a:hover		{background:#B7AC9A;color:#2A3C66;}
#main-visual .event-wrap .nodata	{color:#ddd;padding-left:20px;}
#main-visual .bg4 .mv-cont .update	{color:#98A5B4;}

.mv-control					{position:absolute;left:calc(100% - 670px);bottom:-60px;z-index:51;}
.mv-control .bx-pager-item	{float:left;margin-right:6px;}
.mv-control a				{position:relative;display:block;width:35px;height:35px;line-height:33px;border-radius:50%;border:1px solid #929FA7;font-family:'Titillium';text-align:center;font-size:11px;}
.mv-control a:hover			{background:#ccc;border-color:#ccc;color:#fff;}
.mv-control a.active		{background:#2A3C66;border-color:#2A3C66;color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);}
.mv-playcontrol		{position:absolute;left:calc(100% - 540px);bottom:50px;height:20px;z-index:51;}
.mv-playcontrol a	{display:inline-block;vertical-align:top;border:1px solid #fff;font-size:8px;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;line-height:18px;}
.mv-playcontrol a i	{transform:scale(0.8);}

.main-guide .badge	{width:80px;padding:10px 0;border-radius:20px 0 20px 0;text-align:center;font-weight:300;}
.main-guide .badge.badge-blue	{background:#003586;color:#fff;}
.main-guide .badge.badge-blue2	{background:#246388;color:#fff;}
.main-guide .badge.badge-rblue	{background:#2D72BE;color:#fff;}
.main-guide .badge.badge-navy	{background:#2A3C66;color:#fff;}
.main-guide .badge.badge-rnavy	{background:#4D769D;color:#fff;}
.main-guide .badge.badge-gray	{background:#677692;color:#fff;}
.main-guide .badge.badge-brown	{background:#BD9A78;color:#051F58;}
.main-guide .badge.badge-rbrown	{background:#D6C4AB;color:#051F58;}

.main-guide			{position:absolute;right:0;top:134px;width:50%;height:800px;background:url(../img/mguide_bg.png) no-repeat 50% 100%;background-size:cover;z-index:52;transition:all 0.3s ease-out;}
.main-guide *		{transition:all 0.3s ease-out;}
.main-guide .cont		{position:relative;padding:140px 0 0 70px;width:700px;height:800px;z-index:2;}
.main-guide .btm-txt	{position:absolute;left:90px;bottom:0;font-family:'TitilliumWeb';font-size:60px;color:rgba(255,255,255,0.1);line-height:1.2;}
.main-guide .title-wrap			{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:20px;}
.main-guide .title-wrap p		{color:#fff;}
.main-guide .title-wrap .tit	{font-family:'TitilliumWeb';font-size:30px;line-height:1;margin-bottom:5px;}
.main-guide .title-wrap .txt	{font-size:16px;}
.main-guide .list			{position:relative;margin-top:-80px;height:430px;}
.main-guide .list .list_tab	{background:rgba(0,0,0,0.3);}
.main-guide .list .list_tab:nth-child(1)	{border-radius:100px 0 0 100px;}
.main-guide .list .list_tab:nth-last-child(1)	{border-radius:0 100px 100px 0;}
.main-guide .tab_on,
.main-guide .tab_off		{float:left;}
.main-guide .tab_on > a,
.main-guide .tab_off > a	{display:block;width:100px;line-height:48px;text-align:center;border-radius:40px;font-size:13px;}
.main-guide .tab_on > a		{background:#D6C4AB;color:#143B6B;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.main-guide .tab_off > a	{color:#92A2BE;}
.main-guide .list .inner-cont		{position:absolute;left:0;top:80px;width:100%;}
.main-guide .tab_off ul		{/*visibility:hidden;*/display:none;}
.main-guide .tab_on ul		{/*visibility:visible;*/display:block;}

.main-guide .thumb-list		{margin:-10px;}
.main-guide .thumb-list li	{float:left;width:calc(50% - 20px);margin:10px;}
.main-guide .thumb-list .badge	{position:relative;width:100px;padding:15px 0;border-radius:0 0 20px 0;z-index:1;}
.main-guide .thumb		{position:relative;display:block;height:170px;overflow:hidden;}
.main-guide .thumb:before	{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);z-index:1;}
.main-guide .thumb img	{position:absolute;min-width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.3s;}
.main-guide .thumb:hover img{width:110%; height:110%;transition:all 0.3s;}
.main-guide .thumb .subject	{position:absolute;width:100%;bottom:20px;left:0;padding:0 20px;font-size:21px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;z-index:2;}

.main-guide .txt-list			{border-top:1px solid #9ACADE;}
.main-guide .txt-list li		{padding:10px 0;border-bottom:1px dashed rgba(0,0,0,0.1);}
.main-guide .txt-list li:last-child	{border-bottom:1px solid #9ACADE;;}
.main-guide .txt-list li:after	{content:"";display:block;float:none;clear:both;}
.main-guide .txt-list li .date	{float:left;width:100px;text-align:center;font-family:'TitilliumWeb';font-size:14px;color:#3F5265;line-height:1.1;}
.main-guide .txt-list li .date span	{display:block;font-size:26px;}
.main-guide .txt-list li .subject	{display:inline-block;width:calc(100% - 110px);vertical-align:middle;margin-left:20px;font-size:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-guide .txt-list .nodata p		{height:46px;line-height:46px;color:rgba(0,0,0,0.3);}

.main-guide.open		{width:calc(50% + 500px);}
.main-guide.open:after	{right:calc(100% - 1400px);}
.main-guide.open .open-btn i	{transform:rotate(0);}
.main-guide.open .cont	{width:1120px;}
.main-guide.open .list	{display:block;opacity:1;}
.main-guide.open .recent{float:left;width:50%;}

@media only screen and (max-width:1400px){
	#main-visual .mv-tit,
	#main-visual .mv-cont	{width:620px;}
	.main-guide .cont		{width:620px;}
	.mv-control		{left:calc(100% - 620px);}
	.main-guide .tab_on > a, .main-guide .tab_off > a	{width:auto;padding:0 20px;}
}
@media only screen and (max-width:1256px){
	.mv-section	{height:calc(760px + 134px);}
	#main-visual .mv-tit	{width:480px;padding:150px 40px 0 0;}
	#main-visual .mv-cont	{width:480px;padding-right:40px;}
	#main-visual .mv-slide	{height:700px;}
	#main-visual .mv-tit .tit2	{font-size:36px;}
	#main-visual .mv-tit .tit3	{font-size:50px;margin:5px 0 100px 0;}
	#main-visual .mv-tit .txt	{font-size:16px;}
	#main-visual .hotissue-wrap .thumb	{height:200px;}
	#main-visual .hotissue-wrap .subject	{height:54px;font-size:20px;padding:0 20px;bottom:20px;}
	
	#main-visual .bg3 .mv-cont	{padding-top:100px;}
	#main-visual .infographic-wrap		{margin-top:20px;}
	#main-visual .infographic-wrap li	{padding:15px 10px;padding-left:65px;}
	#main-visual .infographic-wrap .ico	{width:55px;height:55px;background-size:auto 100%;top:15px;}
	#main-visual .infographic-wrap .ico1{background-position:0 0;}
	#main-visual .infographic-wrap .ico2{background-position:-55px 0;}
	#main-visual .infographic-wrap .ico3{background-position:-110px 0;}
	#main-visual .infographic-wrap .ico4{background-position:-165px 0;}
	#main-visual .infographic-wrap li .tit		{font-size:14px;}
	#main-visual .infographic-wrap li .num		{line-height:1;}
	#main-visual .infographic-wrap li .num span	{width:80px;font-size:32px;}
	.mv-control			{left:calc(100% - 480px);}
	
	.main-guide	{height:700px;}
	.main-guide .btm-txt{font-size:40px;bottom:92px;}
	.main-guide .tab_on > a, .main-guide .tab_off > a	{padding:0 15px;}
	.main-guide .cont	{width:480px;padding:140px 0 0 40px;}
	.main-guide .thumb	{height:150px;}
	.main-guide .thumb .subject		{font-size:18px;padding:0 20px;bottom:20px;}
	.main-guide .title-wrap .txt	{font-size:14px;}
	.main-guide .list .control	{display:none;}
	.main-guide.open .cont	{width:980px;}
}
@media only screen and (max-width:1023px){
	.mv-section	{height:auto;padding-top:0;margin-bottom:0;}

	.mv-wrap	{width:100%;float:none;}
	#main-visual,
	#main-visual .mv-slide	{height:680px;}
	#main-visual:before	{display:none;}
	#main-visual .mv-tit,
	#main-visual .mv-cont	{float:none;width:100%;padding:50px;}

	.mv-control		{left:50px;bottom:40px;}

	.main-guide			{position:relative;width:100%;height:auto;top:0;}
	.main-guide .open-btn	{display:none;}
	.main-guide .btm-txt	{display:none;}
	.main-guide .cont	{width:100%;padding:50px;height:780px;}
	.main-guide .list	{display:block;float:none;width:100%;opacity:1;margin-top:20px;height:400px;}
	.main-guide .list ul	{top:50px;}
}
@media only screen and (max-width:767px){
	#main-visual, #main-visual .mv-slide	{height:600px;}
	
	#main-visual .mv-cont		{padding:30px;}
	#main-visual .mv-tit	{padding-top:100px;}
	#main-visual .mv-tit .tit1	{font-size:12px;}
	#main-visual .mv-tit .tit2	{font-size:26px;letter-spacing:-1px;}
	#main-visual .mv-tit .tit3	{font-size:44px;margin:5px 0 50px 0;}
	#main-visual .mv-tit .txt	{margin:10px 0 20px;font-size:14px;}
	#main-visual .mv-search .select-box	{width:120px;}
	#main-visual .mv-search input	{width:calc(100% - 120px - 70px);}
	#main-visual .mv-search .dropdown-menu	{height:100px;}
	#main-visual .mv-cont .title-wrap .tit	{font-size:28px;word-break:keep-all;}
	#main-visual .mv-cont .title-wrap .txt	{display:none;}
	
	#main-visual .bg2 .mv-cont	{padding-top:50px;}
	#main-visual .bg2 .mv-cont .title-wrap p	{font-size:30px;}
	#main-visual .hotissue-wrap .list li a	{font-size:17px;}
	#main-visual .hotissue-wrap .thumb	{height:160px;}
	#main-visual .hotissue-wrap .subject	{height:48px;font-size:17px;}
	
	#main-visual .bg3 .mv-cont	{padding-top:50px;}
	#main-visual .bg3 .mv-cont .title-wrap .tit	{font-size:30px;margin-bottom:30px;}
	#main-visual .infographic-wrap		{margin-top:10px;}
	#main-visual .infographic-wrap li	{width:100%;float:none;padding:10px 0;padding-left:60px;}
	#main-visual .infographic-wrap li:nth-child(2)	{border-top:none !important;}
	#main-visual .infographic-wrap li .ico	{top:10px;width:40px;height:40px;}
	#main-visual .infographic-wrap .ico1{background-position:0 0;}
	#main-visual .infographic-wrap .ico2{background-position:-40px 0;}
	#main-visual .infographic-wrap .ico3{background-position:-80px 0;}
	#main-visual .infographic-wrap .ico4{background-position:-120px 0;}
	#main-visual .infographic-wrap li .tit		{font-size:12px;}
	#main-visual .infographic-wrap li .num		{font-size:18px;}
	#main-visual .infographic-wrap li .num span	{width:55px;font-size:22px;}
	#main-visual .infographic-wrap li .txt span	{display:inline-block;}
	#main-visual .infographic-wrap li .txt span em	{font-size:22px;}

	#main-visual .bg4 .mv-cont .title-wrap .tit	{font-size:30px;margin-bottom:30px;}
	#main-visual .event-wrap			{margin-top:10px;}
	#main-visual .event-wrap li			{padding:10px 40px 10px 15px;}
	#main-visual .event-wrap .date		{display:none;}
	#main-visual .event-wrap .subject	{font-size:16px;height:24px;line-height:1.4;}
	#main-visual .event-wrap .desc		{line-height:1.3;}
	#main-visual .event-wrap .desc span	{font-size:13px;color:#ccc;margin-right:15px;}
	#main-visual .event-wrap li a	{width:65px;padding-top:15px;}

	.mv-control		{left:50px;bottom:40px;}

	.main-guide .cont	{padding:30px;}
	.main-guide .title-wrap .tit	{font-size:28px;margin:0;}
	.main-guide .title-wrap .txt	{display:none;}
	.main-guide .recent				{padding:0;}
	.main-guide .recent .txt-wrap	{padding:15px;}
	.main-guide .recent .subject	{max-height:22px;}
	.main-guide .recent .subject a	{font-size:16px;}
	.main-guide .recent:before,
	.main-guide .recent li:before	{display:none;}
	.main-guide .recent .go			{right:15px;bottom:15px;}
	.main-guide .recent li			{margin-bottom:5px;}
	.main-guide .list				{padding-left:0;height:310px;}
	.main-guide .list ul		{width:100%;left:0;top:40px;}
	.main-guide .list li		{padding:10px 0;}
}
@media only screen and (max-width:599px){
	#main-visual .mv-search .select-box	{width:100%;}
	#main-visual .mv-search input	{width:calc(100% - 70px);}
	.dropdown-menu	{width:100%;}
	#main-visual .mv-search a	{top:auto;bottom:0;}
	#main-visual .infographic-wrap li	{padding:5px 0;padding-left:60px;}
	#main-visual .infographic-wrap li .ico	{top:5px;}
	.main-guide .tab_on > a, .main-guide .tab_off > a	{padding:0 10px;line-height:45px;}
	.main-guide .list .list_tab	{background:none;}
}
@media only screen and (max-width:320px){
	#main-visual .event-wrap .desc span			{font-size:12px;margin-right:5px;}
	#main-visual .event-wrap .desc span span	{display:none;}
}

.col-1	{width:33.3333%;float:left;}
.col-2	{width:66.6666%;float:left;}
.col-1 .bx, .col-2 .bx	{margin:10px;}

#main-quick				{background:url(../img/mquick_bg.jpg) no-repeat 50% 50%;background-size:cover;margin-bottom:100px;}
.main-quick				{position:relative;padding:80px;}
.main-quick .pattern-bg	{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/mquick_pbg.png) repeat;}
.main-quick .tab-wrap	{position:absolute;right:0;top:30px;width:222px;height:40px;border-radius:40px;background:#fff;border:1px solid #334351;}
.main-quick .tab-wrap:before	{content:"";position:absolute;top:0;display:block;width:110px;height:38px;border-radius:38px;background:#3F5265;transition:all 0.3s ease-out;}
.main-quick .tab-wrap.tab1-on:before	{left:0;right:auto;}
.main-quick .tab-wrap.tab2-on:before	{right:0;left:auto;}
.main-quick .tab-wrap a	{position:relative;display:block;width:110px;float:left;line-height:38px;border-radius:38px;text-align:center;font-size:14px;color:#3F5265;}
.main-quick .tab-wrap a.on	{color:#fff;}
.main-quick .tag		{position:absolute;right:0;top:30px;display:block;padding:0 20px;height:40px;line-height:36px;border-radius:40px;background:#3F5265;border:1px solid #334351;font-size:14px;color:#fff;}
.main-quick .title-wrap	{margin-bottom:30px;}
.main-quick .title-wrap p	{color:#3F5265;}
.main-quick .title-wrap .tit	{font-family:'TitilliumWeb';font-size:36px;}
.main-quick .title-wrap .txt	{font-size:16px;}
.main-quick li		{float:left;width:33.33%;}
.main-quick li a	{position:relative;display:block;background:#fff;padding:20px 30px;font-size:17px;color:#666;line-height:50px;border-top:1px solid #E4E4E4;border-right:1px solid #E4E4E4;height:90px;overflow:hidden;}
.main-quick li:nth-child(n+1):nth-child(-n+3) a	{border-top:none;}
.main-quick li:nth-child(3n) a	{border-right:none;}
.main-quick li a .ico	{display:inline-block;margin-right:20px;width:50px;height:50px;background-image:url(../img/mquick_ico.png);background-repeat:no-repeat;vertical-align:middle;}
.main-quick li a .ico1	{background-position:0 0;}
.main-quick li a .ico2	{background-position:-50px 0;}
.main-quick li a .ico3	{background-position:-100px 0;}
.main-quick li a .ico4	{background-position:-150px 0;}
.main-quick li a .ico5	{background-position:-200px 0;}
.main-quick li a .ico6	{background-position:-250px 0;}
.main-quick li a .ico7	{background-position:-300px 0;}
.main-quick li a .ico8	{background-position:-350px 0;margin-right:0;}
.main-quick li a .go	{float:right;font-family:'TitilliumWeb';font-size:16px;color:#FF9900;}
.main-quick li a:before			{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #A09488;opacity:0;transition:all 0.2s ease-out;z-index:2;}
.main-quick li a:hover:before	{opacity:1;}
.main-quick li a:hover	{color:#A09488;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.main-quick .login-btn	{position:absolute;top:130px;right:80px;}
.main-quick .login-btn a	{display:block;width:45px;height:45px;background:#3F5265 url('../img/ico_login.png') 50% 50% no-repeat;border-radius:100%;box-shadow:0 2px 10px rgba(0,0,0,0.5);}
.main-quick .login-btn .comment	{position:absolute;top:-50px;right:0;display:inline-block;padding:10px 15px;background:rgba(255,255,255,0.6);border-radius:5px;font-size:13px;color:#666;white-space:nowrap;}
.main-quick .login-btn .comment:before	{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:8px;top:100%;right:15px;border-top-color:rgba(255,255,255,0.6)}

#main-dataroom 			{position:relative;height:550px;background:#EFF1F6;margin-bottom:100px;overflow-x:hidden;}
#main-dataroom .l-cont	{width:205px;}
#main-dataroom:before	{content:"";position:absolute;left:0;top:0;width:calc(50% - 220px);height:100%;background:url(../img/mdataroom_bg.png) no-repeat 0 50% / cover;}
#main-dataroom .tit		{font-family:'TitilliumWeb';font-size:40px;color:#fff;margin:90px 0 40px;line-height:1.2;}
#main-dataroom .tab a	{position:relative;display:block;padding:15px 0;font-size:17px;color:#fff;border-bottom:1px solid #fff;}
#main-dataroom .tab a:before	{content:"";position:absolute;right:0;bottom:2px;width:8px;border-bottom-width:1px;border-bottom-style:solid;transform: rotate(45deg);}
#main-dataroom .tab a:hover,
#main-dataroom .tab a.on	{color:#FFFFCC;border-color:#FFFFCC;}

#main-dataroom .r-cont	{position:absolute;width:100%;top:0;left:250px;}
#main-dataroom .r-cont .bx-viewport	{padding:70px 0;overflow-y:visible !important;overflow-x:hidden !important;}
#main-dataroom .r-cont ul			{margin:0 -15px;}
#main-dataroom .r-cont ul li		{position:relative;float:left;width:260px;padding:0 15px;}
#main-dataroom .r-cont ul li a		{display:block;}
#main-dataroom .r-cont .thumb		{position:relative;display:block;height:260px;overflow:hidden;}
#main-dataroom .r-cont .thumb img	{position:absolute;min-width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.3s;}
#main-dataroom .r-cont .thumb:hover img{width:110%; height:110%;transition:all 0.3s;}
#main-dataroom .r-cont .info	{padding:30px;background:#fff;}
#main-dataroom .r-cont .stit	{display:block;margin-bottom:10px;font-size:12px;font-weight:300;}
#main-dataroom .r-cont .stit.color1	{color:#2E7193;}
#main-dataroom .r-cont .stit.color2	{color:#339999;}
#main-dataroom .r-cont .stit.color3	{color:#B68E5F;}
#main-dataroom .r-cont .subject		{font-size:19px;color:#000;line-height:1.4;height:58px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#main-dataroom .r-cont ul li a:hover	{box-shadow:2px 10px 10px rgba(0,0,0,0.2);}

#main-community .col_wrap	{margin:-20px;}
#main-community .bx	{margin:20px;}

.mn-wrap					{width:66.6666%;float:left;}
.main-notice				{position:relative;height:430px;overflow:hidden;padding-right:60px;}
.main-notice .tab_on > a,
.main-notice .tab_off > a	{display:block;float:left;}

.main-notice .tab_on > a,
.main-notice .tab_off > a	{position:relative;z-index:2;display:block;float:left;width: 120px;height:60px;font-size:24px;font-weight:600;}
.main-notice .tab_on > a	{color:#000066;}
.main-notice .tab_off > a	{color:#666;}

.main-notice .tabcontent	{position:absolute;left:0;top:60px;width:100%;text-align:left;border-top:2px solid #000066;}
.main-notice .tabcontent ul	{position:relative;}
.main-notice .tabcontent li	{position:relative;float:left;width:50%;font-size:18px;padding:30px 0;padding-left:100px;border-bottom:1px solid #ccc;}
.main-notice .tabcontent li a {display:block;width:calc(100% - 90px);height:60px;color:#000;line-height:1.6;overflow:hidden;}
.main-notice .date			{position:absolute;left:0;top:20px;display:block;width:80px;height:80px;padding-top:20px;background:#000066;font-family:'TitilliumWeb';font-size:14px;color:#D6C4AB;text-align:center;}
.main-notice .date strong	{display:block;font-size:26px;line-height:0.8;}

.main-notice .control	{position:absolute;right:50px;top:10px;}
.main-notice .control a		{font-size:12px;color:#ccc;vertical-align:middle;margin-left:10px;}
.main-notice .control a.stop	{font-size:8px;}


.main-notice .more 			{position:absolute;right:0;top:10px;}
.main-notice .more a		{position:relative;display:block;width:30px;height:30px;background:#000066;border-radius:50%;}
.main-notice .more a:before	{content:"";position:absolute;left:50%;top:50%;margin-top:-7px;display:block;height:14px;border-right:2px solid #fff;}
.main-notice .more a:after	{content:"";position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-1px;display:block;width:14px;border-bottom:2px solid #fff;}

.mp-wrap			{width:33.3333%;float:left;}
#popupzone			{position:relative;background:#F4F4F4;height:430px;}
#popupzone h3		{position:absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;background:none;margin:0;padding:0 30px;font-size:18px;color:#666;font-family:'TitilliumWeb';}
#popupzone h3:before	{display:none;}
#popupzone .cont	{position:relative;z-index:7;height:370px;overflow:hidden;}
#popupzone .nodata	{}
#popupzone .nodata:before	{content:"등록된 알림이 없습니다.";position:absolute;left:0;top:0;width:100%;text-align:center;font-size:14px;line-height:370px;background:rgba(0,0,0,0.05);z-index:2;}
#popupzone li		{position:relative;overflow:hidden;height:370px;}
#popupzone li img	{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#popupzone .control	{position:absolute;right:30px;bottom:0;line-height:60px;}
#popupzone .control a	{color:#ccc;vertical-align:middle;}
#popupzone .control span{margin:0 10px;font-size:13px;color:#666;}
#popupzone .control em	{color:#FF9900;}

.main-sns				{padding:50px 0 30px;}
.main-sns .title-wrap	{text-align:center;margin:0 0 30px 0;}
.main-sns .title-wrap .tit	{font-family:'TitilliumWeb';font-size:30px;color:#374757;margin-bottom:5px;}
.main-sns .title-wrap .txt	{font-size:16px;color:#666;}
.main-sns .hashtags		{margin:30px 0;text-align:center;}
.main-sns .hashtags a	{display:inline-block;padding:10px 40px;border-radius:50px;border:1px solid #374757;font-size:16px;color:#374757;margin:0 10px;}
.main-sns .hashtags a:hover	{background:#374757;color:#fff;transform:translateY(-5px);}
.main-sns ul			{margin:0 -10px;}
.main-sns li			{float:left;width:50%;}
.main-sns li a			{position:relative;display:block;margin:0 10px;background:#F4F4F4;overflow:hidden;}
.main-sns li .img		{position:relative;overflow:hidden;height:230px;}
.main-sns li .img:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);z-index:1;}
.main-sns li .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-sns li .img.nodata:before	{content:"등록된 내용이 없습니다.";position:absolute;left:0;top:0;width:100%;text-align:center;font-size:14px;line-height:240px;background:rgba(0,0,0,0.05);}
.main-sns li .txt		{position:relative;padding:30px;}
.main-sns li .txt:before	{content:"";position:absolute;left:0;top:100%;width:100%;height:100%;transition:all 0.3s ease-out;}
.main-sns li:hover .txt:before		{top:0;}
.main-sns li .facebook .txt:before	{background:#3F5C9A;}
.main-sns li .instagram .txt:before	{background-color:#3F5C9A;background-image:linear-gradient(-45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.main-sns li .blog .txt:before		{background:#3EB834;}
.main-sns li .ico			{position:absolute;right:20px;top:-25px;display:block;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;font-size:16px;color:#fff;z-index:2;}
.main-sns li .facebook .ico	{background:#3F5C9A;}
.main-sns li .instagram .ico{background-color:#3F5C9A;background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.main-sns li .blog .ico		{background:#3EB834;font-weight:600;}
.main-sns li .date			{position:relative;font-size:13px;color:#ccc;}
.main-sns li .date:before	{content:"\f05d";font-family:FontAwesome;margin-right:5px;}
.main-sns li .desc			{position:relative;font-size:16px;color:#666;height:50px;overflow:hidden;margin-top:20px;;line-height:1.6;}
.main-sns li:hover .date,
.main-sns li:hover .desc	{color:#fff;}

.main-calendar			{background:url(../img/mcalendar_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.main-calendar:after	{content:"";display:block;float:none;clear:both;}
.main-calendar .calendar	{float:left;width:50%;padding:40px 50px;height:400px;}
.main-calendar .month		{position:relative;text-align:center;margin-bottom:20px;}
.main-calendar .month a		{font-size:28px;color:#fff;}
.main-calendar .month span		{font-family:'TitilliumWeb';font-size:30px;color:#D6C4AB;margin:0 25px;}
.main-calendar .calendar table		{max-height:260px;height:260px;font-size:13px;font-weight:500;color:#fff;text-align:center;}
.main-calendar .calendar table thead{border-bottom:1px solid rgba(0,0,0,0.1);}
.main-calendar .calendar table th	{padding:0 0 10px 0;text-align:center;}
.main-calendar .calendar table td	{line-height:28px;}
.main-calendar .calendar table a	{display:inline-block;width:30px;height:30px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;color:#FFFFCC;}
.main-calendar .cont		{float:left;width:50%;background:rgba(0,0,0,0.3);padding:30px;height:400px;}
.main-calendar .cont .tit	{font-size:18px;color:#fff;margin-bottom:40px;}
.main-calendar .cont .txt-wrap	{overflow-y:scroll;height:270px;padding-right:25px;}
.main-calendar .cont .txt-wrap::-webkit-scrollbar			{width:5px;}
.main-calendar .cont .txt-wrap::-webkit-scrollbar-track	{background-color:rgba(0,0,0,0.3);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.main-calendar .cont .txt-wrap::-webkit-scrollbar-thumb	{width:8px;background:#FFCC00;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.main-calendar .cont .txt-wrap::-webkit-scrollbar-button	{display:none;}
.main-calendar .cont .txt				{margin-top:30px;}
.main-calendar .cont .txt:first-of-type	{margin-top:0;}
.main-calendar .cont .tag			{display:inline-block;margin-right:5px;min-width:60px;border-width:1px;border-style:solid;font-size:12px;padding:0 5px;line-height:26px;text-align:center;}
.main-calendar .cont .tag.tag-due	{border-color:#FFFFCC;color:#FFFFCC;}
.main-calendar .cont .tag.tag-ing	{border-color:#FFCC00;color:#FFCC00;}
.main-calendar .cont .tag.tag-end	{border-color:#B8BFC7;color:#B8BFC7;}
.main-calendar .cont .tag.tag-check	{border-color:#D6C4AB;color:#D6C4AB;}
.main-calendar .cont .subject		{margin:10px 0;}
.main-calendar .cont .subject a		{font-size:20px;font-weight:600;color:#fff;}
.main-calendar .cont li				{font-size:13px;color:#ccc;line-height:1.8;}
.main-calendar .cont li:before		{font-family:FontAwesome;margin-right:5px;width:16px;text-align:center;display:inline-block;}
.main-calendar .cont li.ico-date:before	{content:"\f05d";}
.main-calendar .cont li.ico-map:before	{content:"\f041";}

.main-bnr		{}
.main-bnr a		{display:block;height:190px;padding:30px;}
.main-bnr a:first-of-type	{margin-bottom:20px;}
.main-bnr .bg1	{background:#7691A9 url(../img/mbnr_bg1.png) no-repeat right 20px bottom 0;}
.main-bnr .bg2	{border:5px solid #C9BEAD;background:url(../img/mbnr_bg2.png) no-repeat 100% 50%;}
.main-bnr .tit	{font-family:'TitilliumWeb';font-size:30px;font-weight:600;line-height:1.2;}
.main-bnr .bg1 .tit	{color:#D6C4AB;margin-bottom:30px;}
.main-bnr .bg2 .tit	{color:#7A8D9A;margin-bottom:20px;}
.main-bnr .go	{position:relative;display:inline-block;font-family:'TitilliumWeb';font-size:16px;}
.main-bnr .bg1 .go	{color:#fff;}
.main-bnr .bg2 .go	{color:#999;}
.main-bnr a:hover	{box-shadow:4px 4px 10px rgba(0,0,0,0.2);}

.main-community a	{display:block;background:url('../img/community_bg.png') no-repeat 50% 50% / cover;padding:80px 0;margin-top:100px;text-align:center;}
.main-community span	{display:inline-block;vertical-align:middle;color:#fff;}
.main-community span:nth-child(1)	{font-family:'TitilliumWeb';font-size:24px;letter-spacing:8px;}
.main-community span:nth-child(2)	{position:relative;font-size:16px;padding-left:150px;letter-spacing:4px;}
.main-community span:nth-child(2):before	{content:"";display:block;width:80px;height:1px;position:absolute;left:35px;top:50%;background:#fff;}

.main-banner		{position:relative;padding:50px 0;}
.main-banner:after	{content:"";display:block;float:none;clear:both;}
.main-banner .tit	{width:200px;float:left;font-size:20px;line-height:60px;color:#374757;}
.main-banner .tit:before	{content:"";display:inline-block;vertical-align:middle;width:20px;height:30px;background:url('../img/ico_cursor.png') 50% 50% no-repeat;margin-right:15px;}
.main-banner ul		{width:calc(100% - 230px) !important;float:left;margin:0 -5px;}
.main-banner li		{float:left;width:20%;}
.main-banner li a	{display:block;margin:0 5px;border:1px solid #E7E7E7;position:relative;overflow:hidden;height:60px;}
.main-banner li a img	{max-width:90%;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-banner .control	{position:absolute;left:115px;top:50px;line-height:58px;}
.main-banner .control a		{font-size:12px;color:#374757;vertical-align:middle;margin-left:10px;}
.main-banner .control a.stop	{font-size:8px;}

@media only screen and (max-width:1400px){
	.main-quick	{padding:60px;}
	#main-dataroom .tit	{font-size:34px;}
	#main-dataroom .r-cont .thumb	{height:220px;}
}
@media only screen and (max-width:1256px){
	.main-db .title-wrap	{background-size:auto 60%;}
	.main-db.db1 .cont	{padding-right:10%;}
	.main-db.db1 .btn a	{padding:8px 10px;}
	.main-db.db1 .img	{right:20px;bottom:20px;top:auto;height:120px;width:100px;}
	.main-db.db3 .more	{display:none;}

	.main-quick li a		{padding:20px;font-size:15px;}
	.main-quick li a .ico	{margin-right:10px;width:40px;height:40px;background-size:auto 100%;}
	.main-quick li a .ico1	{background-position:0 0;}
	.main-quick li a .ico2	{background-position:-40px 0;}
	.main-quick li a .ico3	{background-position:-80px 0;}
	.main-quick li a .ico4	{background-position:-120px 0;}
	.main-quick li a .ico5	{background-position:-160px 0;}
	.main-quick li a .ico6	{background-position:-200px 0;}
	.main-quick li a .ico7	{background-position:-240px 0;}
	.main-quick li a .ico8	{background-position:-280px 0;}
	.main-quick li a .go	{font-size:13px;}

	#main-dataroom .tit	{font-size:30px;}
	#main-dataroom .r-cont .thumb	{height:200px;}

	.main-calendar .calendar	{padding:40px 30px;}

	.main-bnr .bg1		{background-size:auto 60%;background-position:95% 80%;}
	.main-bnr .bg2		{background-size:auto 60%;background-position:100% 80%;}
}
@media only screen and (max-width:1023px){
	.col-1,
	.col-2	{width:100%;float:none;}

	.main-db.db1 .img	{right:25px;top:50%;margin-top:-90px;height:190px;width:140px;}
	.main-db.db2		{margin:10px 0;}
	.main-post			{margin:20px 0;}
	.main-post .help	{display:none;}

	#main-quick		{margin-bottom:0;}
	.main-quick		{padding:40px 50px;}
	#main-quick .d_width	{width:100%;}
	.main-quick .tab-wrap			{width:182px;}
	.main-quick .tab-wrap:before	{width:90px;}
	.main-quick .tab-wrap a			{width:90px;font-size:13px;}
	.main-quick .title-wrap .txt	{font-size:14px;}
	.main-quick li		{width:50%;}
	.main-quick li:nth-child(n+1):nth-child(-n+2) a	{border-top:none;}
	.main-quick li:nth-child(n+3):nth-child(-n+4) a	{border-top:1px solid #E4E4E4;}
	.main-quick li:nth-child(2n) a	{border-right:none;}
	.main-quick .login-btn	{top:80px;}
	
	#main-dataroom	{margin-bottom:20px;}
	#main-dataroom:before	{width:calc(50% - 50px);}
	#main-dataroom .tab a	{font-size:15px;padding:10px 0;}
	#main-dataroom .l-cont	{width:150px;}
	#main-dataroom .r-cont	{left:200px;}
	#main-dataroom .r-cont ul li	{width:220px !important;}
	
	.mn-wrap			{width:100%;}
	.main-notice		{overflow:hidden;height:400px;padding-right:40px;}
	.main-notice .tab_on > a,
	.main-notice .tab_off > a	{width:100px;height:50px;line-height:48px;font-size:17px;}
	.main-notice .tabcontent	{top:50px;}
	.main-notice .tabcontent li	{float:none;width:100%;font-size:16px;line-height:1.5;}
	.mp-wrap			{width:100%;}
	#popupzone			{height:204px;}
	#popupzone h3		{padding:0 20px;}
	#popupzone .cont	{height:144px;}
	#popupzone li		{height:144px;}
	#popupzone .nodata:before	{line-height:144px;}
	#popupzone .control	{right:20px;}

	.main-sns				{padding-bottom:20px;}
	.main-sns .hashtags		{margin:20px 0;}
	.main-sns .hashtags a	{padding:6px 20px;font-size:14px;}
	.main-sns li .txt		{padding:20px;}
	.main-sns li .desc		{margin-top:10px;}

	.main-calendar	{margin-bottom:20px;}

	.main-bnr		{margin:0 -10px;}
	.main-bnr:after	{content:"";display:block;float:none;clear:both;}
	.main-bnr a		{float:left;width:calc(50% - 20px);padding:25px;margin:0 10px !important;height:auto;}
	
	.main-community a	{padding:40px 0;margin-top:50px;}
	.main-community span:nth-child(2)	{display:block;padding-left:0;}
	.main-community span:nth-child(2):before	{content:none;}

	.main-banner		{padding:30px 0;}
	.main-banner .tit	{width:100%;float:none;line-height:1;margin-bottom:20px;}
	.main-banner ul		{width:calc(100% + 10px) !important;float:none;}
	.main-banner .control{left:auto;right:0;top:30px;line-height:1;}
}
@media only screen and (max-width:767px){
	.mv-section		{margin-bottom:0;}
	.main-db.db1 .img	{right:20px;bottom:20px;top:auto;height:120px;width:100px;}
	.main-post		{margin:10px 0 0 0;padding:0 20px;}
	.main-post .tab_on > a,
	.main-post .tab_off > a	{margin:0 5px;height:60px;line-height:60px;font-size:16px;}
	.main-post .tab_on > a:before,
	.main-post .tab_off > a:before	{display:none;}
	.main-post .tabcontent	{top:60px;}
	.main-post .post-login .txt	{font-size:16px;}
	.main-post .post-login a	{width:120px;}
	.main-post .control			{display:none;}
	.main-post .more a		{width:60px;height:60px;line-height:60px;}
	.main-quick		{padding:30px;margin-bottom:0;}
	.main-quick .title-wrap			{margin-bottom:10px;}
	.main-quick .title-wrap .txt	{display:none;}
	.main-quick .tag		{top:45px;}
	.main-quick .tab-wrap	{top:52px;}
	.main-quick li	{width:100%;}
	.main-quick li a		{padding:10px;border:none !important;border-bottom:1px solid #E4E4E4 !important;line-height:20px;font-size:14px;height:40px;}
	.main-quick li:last-child a	{border-bottom:none !important;}
	.main-quick li a .ico	{width:20px;height:20px;background-size:auto 100%;}
	.main-quick li a .ico1	{background-position:0 0;}
	.main-quick li a .ico2	{background-position:-20px 0;}
	.main-quick li a .ico3	{background-position:-40px 0;}
	.main-quick li a .ico4	{background-position:-60px 0;}
	.main-quick li a .ico5	{background-position:-80px 0;}
	.main-quick li a .ico6	{background-position:-100px 0;}
	.main-quick li a .ico7	{background-position:-120px 0;}
	.main-quick li a .ico8	{background-position:-140px 0;}
	.main-quick .login-btn	{top:40px;right:30px;}
	.main-quick .login-btn .comment	{display:none;}
	
	#main-dataroom	{height:490px;padding:0 30px;}
	.mn-wrap			{padding:0 30px;}
	.main-notice .tab_on > a,
	.main-notice .tab_off > a	{font-size:14px;}
	.main-notice .tabcontent li a	{height:54px;}
	.mp-wrap			{width:100%;}
	.mp-wrap .bx		{margin:0;}
	#popupzone			{padding:0 0 60% 0;height:auto;}
	#popupzone h3,
	#popupzone .control		{display:none;}
	#popupzone .cont		{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
	#popupzone .cont li		{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
	#popupzone .nodata:before	{height:100%;padding-top:25%;line-height:1;}
	
	.main-calendar .calendar,
	.main-calendar .cont		{float:none;width:100%;height:auto;padding:20px;}
	.main-calendar .cont .tit	{margin-bottom:20px;}
	.main-calendar .cont .txt-wrap	{height:200px;}
	.main-calendar .cont .txt			{margin-top:20px;}
	.main-calendar .cont .subject		{margin:5px 0;}
	.main-calendar .cont .subject a		{font-size:18px;}

	.main-bnr		{margin:0;padding:0 20px;}
	.main-bnr a		{float:none;width:100%;padding:25px;margin:0 0 10px 0 !important;}
	.main-bnr .tit	{font-size:18px;margin-bottom:10px !important;}

	.main-gallery		{padding:20px;margin-top:0;}
	.main-gallery li	{width:100%;}

	.main-banner		{padding:20px;}
	.main-banner ul		{height:60px;overflow:hidden;}
	.main-banner li		{width:50%;}
	.main-banner .control	{right:20px;top:25px;}
}
@media only screen and (max-width:599px){
	#main-visual .mv-tit	{padding:50px 30px;}
	#main-visual .mv-tit .tit2	{font-size:22px;}
	#main-visual .mv-tit .tit3	{font-size:38px;}
	#main-dataroom	{height:auto;padding:30px;}
	#main-dataroom:before	{width:100%;}
	#main-dataroom .l-cont	{width:100%;}
	#main-dataroom .tit	{margin:30px 0 20px;}
	#main-dataroom .tab li	{float:left;}
	#main-dataroom .tab a	{border:none;padding-right:20px;}
	#main-dataroom .tab a:before	{content:none;}
	#main-dataroom .r-cont	{position:relative;left:0;}
	#main-dataroom .r-cont .bx-viewport	{padding:0;overflow:hidden !important;}
	#main-dataroom .r-cont .info	{padding:20px;}
	.main-quick .login-btn	{display:none;}
	
}
@media only screen and (max-width:340px){
	.main-quick .title-wrap .tit	{font-size:26px;}
	.main-quick .tab-wrap			{top:45px;}
	.main-notice .tab_on > a, .main-notice .tab_off > a	{font-size:12px;}
	.main-post	{padding:0 15px;}
	.main-post .tab_on > a, .main-post .tab_off > a	{font-size:13px;}
	.mm-navbar.mm-hasbtns	{padding:0;}
	.mm-menu .mm-navbar .topmn a	{font-size:13px;position:relative;}
}