@charset "UTF-8";

	#header.main_header,
	#header.main_header .header { background:transparent; }
	#header.main_header .header { height:92px; position:absolute; width:100%; }
	#header.main_header .header .logo { background:url("/mko/images/main/main_gnb_logo.png") no-repeat; height:50px; left:32px; top:21px; width:72px; }
	#header.main_header .header .gnb_open { background:url("/mko/images/main/btn_main_ham.png") no-repeat; height:44px; right:32px; top:24px; width:44px; z-index:10; }

	#container.main_wrap { padding-bottom:150px; }

	.main_vis_wrap { background:#000; overflow:hidden; position:relative; width:100%; }

	.main_vis_txt { bottom:88px; color:#fff; left:50px; position:absolute; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); z-index:5; }
	.main_vis_txt > span { display:block; font-size:30px; font-weight:400; }
	.main_vis_txt > span.award { background:url("/mko/images/main/proj_over_bg.png"); border:1px solid rgba(255, 255, 255, .5); border-radius:23px; display:inline-block; font-size:22px; font-weight:400; height:46px; line-height:44px; text-align:center; width:370px; }
	.main_vis_txt strong { display:block; font-family:"ngb"; font-size:32px; line-height:1.2; }
	.main_vis_txt strong > span { display:block; font-family:"ngb"; font-size:28px; line-height:1; margin-bottom:10px; }
	.main_vis_txt p { font-size:24px; line-height:36px; margin-top:12px; }
	.main_vis_txt a { border-bottom:2px solid #fff; color:#fff; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:28px; font-weight:600; margin-top:68px; padding-bottom:6px; }
	.main_vis_txt a.mt40 { margin-top:26px; }

	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets { bottom:40px; height:12px; }
	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background:url("/mko/images/main/vis_pager_off.png") center top no-repeat; border-radius:0; height:12px; margin:0 8px; opacity:1; vertical-align:top; width:12px; }
	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:url("/mko/images/main/vis_pager_on.png") center top no-repeat; width:40px; }

	.main_proj_wrap { padding:100px 0 0; }

	.main_subttl_wrap > * { display:block; font-weight:400; line-height:1; text-align:center; }
	.main_subttl_wrap h2 { color:#000; font-family:"Titillium Web", sans-serif; font-size:46px; }
	.main_subttl_wrap p { color:#555; font-size:24px; margin-top:26px; }

	.main_proj_inner { margin-top:55px; padding:0 0 0 32px; position:relative; }
	.main_proj_inner div.each_ttl { background:#fff; box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.07); height:450px; position:absolute; right:0; top:0; width:700px; }
	.main_proj_inner div.each_ttl .each_ttl_inner { height:100%; left:0; padding:40px 0 0 40px; position:absolute; top:0; width:100%; }

	.tm_proj_cate { color:#e3007f; font-family:"Titillium Web", sans-serif; font-size:22px; font-weight:600; line-height:1; }
	.each_ttl_inner div { color:#000; display:none; font-family:"ngb"; font-size:32px; font-weight:700; line-height:42px; margin-top:45px; }
	.each_ttl a { color:#555; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:28px; font-weight:600; line-height:1; margin-top:70px; }

	.main_proj_slide { height:500px; overflow:hidden; width:auto; }
	.main_proj_slide .swiper-slide { overflow:hidden; width:500px; }
	.main_proj_slide .swiper-slide a { display:block; height:100%; width:100%; }

	.main_proj_inner div.each_ttl .swiper-pagination.swiper-pagination-fraction { bottom:auto; color:#aaa; font-family:"ngb"; font-size:28px; left:auto; right:40px; top:50px; width:auto; }
	.main_proj_inner div.each_ttl .swiper-pagination.swiper-pagination-fraction span { color:#aaa; font-family:"ngb"; font-size:28px; }

	.main_proj_hover { background:url("/mko/images/main/proj_over_bg.png"); bottom:0; height:120px; left:0; position:absolute; width:100%; z-index:5; }
	.main_proj_hover i { background:url("/mko/images/main/proj_logo.png") no-repeat; height:45px; left:24px; position:absolute; top:11px; width:198px; }
	.main_proj_hover span { color:#fff; font-family:"ngb"; font-size:28px; font-weight:700; position:absolute; text-align:center; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; }

	.main_news_slide { height:500px; overflow:hidden; width:auto; }
	.main_news_slide .swiper-slide { overflow:hidden; width:500px; }
	.main_news_slide .swiper-slide a { display:block; height:100%; width:100%; }

	.main_news_slide .swiper-slide a figure { height:350px; overflow:hidden; width:500px; }
	.main_news_slide .swiper-slide a figure img { height:100%; width:100%; }

	.main_news_slide .swiper-slide a p { color:#000; font-size:24px; font-weight:400; margin-top:20px; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; }

	.main_msm_wrap { background:#f7f7f7; padding:80px 0; }

	.main_msm_card { margin-top:60px; overflow:hidden; padding-left:90px; }
	.main_msm_card ul li { border-radius:18px; height:500px; overflow:hidden; position:relative; width:500px; }
	.main_msm_card ul li.card1 { background:url("/mko/images/main/main_msm_card01.jpg") center no-repeat; }
	.main_msm_card ul li.card2 { background:url("/mko/images/main/main_msm_card02.jpg") center no-repeat; }
	.main_msm_card ul li.card3 { background:url("/mko/images/main/main_msm_card03.jpg") center no-repeat; }

	.main_msm_dimm { background:url("/mko/images/main/msm_over_bg.png"); bottom:0; height:270px; left:0; position:absolute; width:100%; z-index:1; }

	.main_msm_card ul li .main_msm_cont { bottom:0; color:#000; height:270px; padding-top:115px; position:absolute; text-align:center; width:100%; z-index:2; }
	.main_msm_card ul li.card1 .main_msm_cont { background:url("/mko/images/main/icon_msm01.png") center 40px no-repeat; }
	.main_msm_card ul li.card2 .main_msm_cont { background:url("/mko/images/main/icon_msm02.png") center 40px no-repeat; }
	.main_msm_card ul li.card3 .main_msm_cont { background:url("/mko/images/main/icon_msm03.png") center 40px no-repeat; }
	.main_msm_card ul li .main_msm_cont strong { display:block; font-family:"ngb"; font-size:32px; line-height:1; margin-bottom:20px; }
	.main_msm_card ul li .main_msm_cont p { font-size:24px; font-weight:400; line-height:34px; }

	.busi_bnr { background:url("/mko/images/main/main_busi_bg.jpg") no-repeat; color:#fff; height:366px; margin-top:60px; position:relative; width:100%; }
	.busi_bnr_txt { left:50px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.busi_bnr_txt strong { display:block; font-family:"Titillium Web", sans-serif; font-size:46px; font-weight:400; line-height:1; }
	.busi_bnr_txt a { color:#fff; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:28px; font-weight:400; line-height:1; margin-top:30px; }

	.main_news_sns { height:436px; margin-top:50px; padding:0 32px; width:100%; }
	.main_news_sns nav { border-bottom:2px solid #000; height:94px; position:relative; }
	.main_news_sns nav ul:after { clear:both; content:""; display:block; }
	.main_news_sns nav ul li { float:left; height:92px; margin-right:20px; }
	.main_news_sns nav ul li a { color:#000; display:block; font-family:"Titillium Web", sans-serif; font-size:38px; font-weight:400; line-height:92px; padding:0 10px; position:relative; }
	.main_news_sns nav ul li a.on,
	.main_news_sns nav ul li a:hover { color:#e3007f; }
	.main_news_sns nav ul li a.on:after,
	.main_news_sns nav ul li a:hover:after { background:#e3007f; bottom:-2px; content:""; height:6px; left:0; position:absolute; width:100%; }

	.main_news_sns nav > a { color:#555; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:28px; font-weight:400; line-height:1; position:absolute; right:0; top:34px; }

	.main_news_sns > ul > li { border-bottom:2px solid #d7d7d7; height:114px; padding-top:30px; }
	.main_news_sns > ul > li:last-child { border-bottom:2px solid #000; }
	.main_news_sns > ul > li dl:after { clear:both; content:""; display:block; }
	.main_news_sns > ul > li dl dt,
	.main_news_sns > ul > li dl dd { float:left; height:100%; width:100%; }
	.main_news_sns > ul > li dl dt { height:54px; position:relative; width:120px; }
	.main_news_sns > ul > li dl dd { width:560px; }
	.main_news_sns > ul > li dl dt p.news_cate { background:#fff; border:2px solid #aaa; color:#aaa; font-family:"ngb"; font-size:20px; height:40px; line-height:36px; text-align:center; width:94px; }
	.main_news_sns > ul > li dl dd a { color:#000; display:block; font-family:"ngb"; font-size:24px; overflow:hidden; padding-right:10px; text-overflow:ellipsis; white-space:nowrap; }
	.main_news_sns > ul > li dl dd span.date { color:#aaa; display:inline-block; font-size:18px; font-weight:400; margin-top:14px; }
	.main_news_sns > ul > li dl dt i { display:block; height:50px; left:25px; margin:-20px 0 0 0; position:absolute; top:50%; width:50px; }
	.main_news_sns > ul > li dl dt i.fb { background:url("/mko/images/main/icon_sns01_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.link { background:url("/mko/images/main/icon_sns02_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.insta { background:url("/mko/images/main/icon_sns03_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.yt { background:url("/mko/images/main/icon_sns04_off.png") no-repeat; }

	.main_contact_wrap { background:url("/mko/images/main/main_contact_bg.jpg") no-repeat; color:#000; height:366px; padding:80px 0 0 50px; position:relative; width:100%; }
	.main_contact_wrap strong { display:block; font-family:"Titillium Web", sans-serif; font-size:46px; font-weight:400; line-height:1; }
	.main_contact_wrap p { font-size:24px; font-weight:400; line-height:1; margin-top:24px; }
	.main_contact_wrap .btns { font-size:0; margin-top:60px; }
	.main_contact_wrap .btns a { color:#fff; border-radius:30px; display:inline-block; font-family:"ngb"; font-size:28px; height:60px; line-height:60px; margin:0 40px 0 0; padding:0; text-align:center; width:260px; }
	.main_contact_wrap .btns a.contact { background:#555; }
	.main_contact_wrap .btns a.inquiry { background:#e3007f; }
	.main_contact_wrap .btns a img { margin:23px 0 0 13px; }

	.main_award_pop { height:auto; left:50%; margin-left:-300px; position:absolute; top:200px; width:auto; z-index:999; }
	.main_award_pop img { width:100%; }
	.main_award_pop a.close { background:url("/mko/images/common/btn_rnb_close.png") no-repeat; display:block; height:44px; left:0; overflow:hidden; position:absolute; text-indent:-20000px; top:-64px; width:44px; }

	.main_pop { height:auto; left:50%; margin-left:-300px; position:absolute; top:200px; width:auto; z-index:999; }
	.main_pop img { width:auto; height:auto; }
	.main_pop a.close { background:url("/mko/images/common/btn_rnb_close.png") no-repeat; display:block; height:44px; left:0; overflow:hidden; position:absolute; text-indent:-20000px; top:-64px; width:44px; }