@charset "UTF-8";

	#header.main_header { background:url("../images/main/gnb_bg.png") repeat-x; opacity:.4; }
	#header.main_header .logo { background:url("../images/main/main_gnb_logo.png") no-repeat; height:42px; }
	#header.main_header .logo a { height:42px; }
	#header.main_header #gnb > ul > li > a { color:#fff; }

	#header.main_header .util button { background:url("../images/main/btn_main_ham.png") center no-repeat; }
	#header.main_header .util a.btn_recruit,
	#header.main_header .util a.btn_weone { background:transparent; }

	.main_vis_wrap { background:#000; background-size:cover; position:relative; width:100%; }
	.main_vis_wrap:after { background:#fff; bottom:0; content:""; height:30px; left:50%; margin-left:-1px; position:absolute; width:2px; z-index:1; }
	.main_vis_dimm { background:url("../images/main/vis_dimm.png"); height:100%; left:0; position:absolute; top:0; width:100%; z-index:1; }

	.main_vis_wrap .swiper-slide { background-position:center top; background-repeat:no-repeat; background-size:cover; height:100%; position:relative; width:100%; }
	.main_vis_wrap .swiper-slide .mbYTP_wrapper { opacity:1 !important; }

	.main_vis_wrap iframe#iframe_bgndVideo { height:100% !important; left:50% !important; margin:0 !important; top:50% !important; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

	.main_vis_txt { color:#fff; position:absolute;}
	/*.main_vis_txt.main_vis_txt01 { background:url("../images/main/vis_logo.png") center top no-repeat; font-family:"ngb"; font-size:46px; left:50%; padding-top:125px; top:50%; text-align:center; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap; z-index:5; }*/
	.main_vis_txt.main_vis_txt01 { background:url("../images/main/vis_logo.png") center top no-repeat; height:100px; left:50%; position:absolute; top:200px; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:550px; z-index:5; }
	.main_vis_txt.main_vis_txt02 { bottom:45px; left:50%; margin-left:-500px; width:1000px; z-index:5; }
	.main_vis_txt.main_vis_txt02 span { display:block; font-size:28px; font-weight:400; }
	.main_vis_txt.main_vis_txt02 span.award { background:url("../images/main/proj_over_bg.png"); border:1px solid rgba(255, 255, 255, .5); border-radius:13px; color:#fff; display:block; font-size:14px; font-weight:400; height:26px; line-height:24px; text-align:center; width:230px; }
	.main_vis_txt.main_vis_txt02 strong { display:block; font-family:"ngb"; font-size:20px; line-height:1; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); }
	.main_vis_txt.main_vis_txt02 p { font-size:16px; font-weight:400; line-height:24px; margin-top:6px; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); }
	.main_vis_txt.main_vis_txt02 a { border-bottom:1px solid #fff; color:#fff; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:16px; font-weight:400; margin-top:10px; padding-bottom:6px; }

	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets { bottom:136px; height:8px; }
	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background:url("../images/main/vis_pager_off.png") center top no-repeat; border-radius:0; margin:0 5px; opacity:1; vertical-align:top; width:8px; }
	.main_vis_wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:url("../images/main/vis_pager_on.png") center top no-repeat; width:35px; }

	.main_vis_arrow { height:93px; left:50%; margin:-46.5px 0 0 -758px; position:absolute; top:50%; width:1516px; }
	.main_vis_arrow .swiper-button-prev,
	.main_vis_arrow .swiper-button-next { height:93px; margin-top:0; top:0; width:48px; }
	.main_vis_arrow .swiper-button-prev { background:url("../images/main/vis_arrow_l.png") no-repeat; left:0; }
	.main_vis_arrow .swiper-button-next { background:url("../images/main/vis_arrow_r.png") no-repeat; right:0; }

	.main_vis_wrap p.scrl_down { bottom:45px; color:#fff; font-size:16px; font-weight:400; left:50%; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; z-index:5; }

	.main_proj_wrap { background:url("../images/main/icon_mouse.png") center top no-repeat #fff; padding:75px 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:18px; margin-top:26px; }

	.main_proj_inner { height:387px; left:50%; margin:60px 0 0 -960px; position:relative; width:1920px; }
	.main_proj_inner div.each_ttl { background:#fff; box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.07); height:387px; left:0; position:absolute; top:0; width:746px; }
	.main_proj_inner div.each_ttl .each_ttl_inner { height:100%; padding-top:50px; position:absolute; right:0; top:0; width:386px; }

	.tm_proj_cate { color:#e3007f; font-family:"Titillium Web", sans-serif; font-size:20px; font-weight:600; line-height:1; }
	.each_ttl_inner div { color:#000; display:none; font-family:"ngb"; font-size:30px; font-weight:700; line-height:45px; margin-top:36px; }
	.each_ttl a { color:#555; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:16px; font-weight:600; line-height:1; margin-top:40px; }

	.main_proj_slide { height:387px; overflow:hidden; position:absolute; right:0; top:0; width:1154px; }
	.main_proj_slide .swiper-slide { overflow:hidden; width:387px; }
	.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; left:auto; right:40px; top:50px; width:auto; }
	.main_proj_inner div.each_ttl .swiper-pagination.swiper-pagination-fraction span { color:#000; font-size:16px; font-weight:400; }

	.main_proj_inner div.each_ttl nav { bottom:40px; height:50px; position:absolute; right:40px; width:115px; }
	.main_proj_inner div.each_ttl nav .swiper-button-next,
	.main_proj_inner div.each_ttl nav .swiper-button-prev { height:50px; margin-top:0; top:0; width:50px; }
	.main_proj_inner div.each_ttl nav .swiper-button-next { background:url("../images/main/proj_arrow_r_on.png") no-repeat; right:0; }
	.main_proj_inner div.each_ttl nav .swiper-button-prev { background:url("../images/main/proj_arrow_l_on.png") no-repeat; left:0; }
	.main_proj_inner div.each_ttl nav .swiper-button-next.swiper-button-disabled { background:url("../images/main/proj_arrow_r_off.png") no-repeat; opacity:1; }
	.main_proj_inner div.each_ttl nav .swiper-button-prev.swiper-button-disabled { background:url("../images/main/proj_arrow_l_off.png") no-repeat; opacity:1; }

	.main_proj_hover { background:url("../images/main/proj_over_bg.png"); bottom:-170px; height:170px; left:0; padding:65px 25px 0 25px; position:absolute; width:100%; z-index:5; }
	.main_proj_hover i { background:url("../images/main/proj_logo.png") no-repeat; height:24px; left:25px; position:absolute; top:21px; width:106px; }
	.main_proj_hover strong { color:#fff; display:block; font-family:"ngb"; font-size:22px; font-weight:700; line-height:1; margin-top:10px; }
	.main_proj_hover p { color:#fff; font-size:16px; font-weight:400; line-height:1; }

	.main_msm_wrap { background:#f7f7f7; padding:80px 0; }

	.main_msm_card { margin-top:60px; }
	.main_msm_card ul { font-size:0; text-align:center; }
	.main_msm_card ul li { border-radius:18px; display:inline-block; height:285px; margin:0 10px; overflow:hidden; position:relative; vertical-align:top; width:386px; }
	.main_msm_card ul li.card1 { background:url("../images/main/main_msm_card01.jpg") center no-repeat; }
	.main_msm_card ul li.card2 { background:url("../images/main/main_msm_card02.jpg") center no-repeat; }
	.main_msm_card ul li.card3 { background:url("../images/main/main_msm_card03.jpg") center no-repeat; }

	.main_msm_dimm { background:url("../images/main/msm_over_bg.png"); border-radius:50%; height:140px; left:50%; margin:-70px 0 0 -70px; position:absolute; top:50%; width:140px; z-index:1; }

	.main_msm_card ul li .main_msm_cont { color:#000; padding-top:47px; position:absolute; text-align:center; top:108px; width:100%; z-index:2; }
	.main_msm_card ul li.card1 .main_msm_cont { background:url("../images/main/icon_msm01.png") center top no-repeat; }
	.main_msm_card ul li.card2 .main_msm_cont { background:url("../images/main/icon_msm02.png") center top no-repeat; }
	.main_msm_card ul li.card3 .main_msm_cont { background:url("../images/main/icon_msm03.png") center top no-repeat; }
	.main_msm_card ul li .main_msm_cont strong { display:block; font-family:"ngb"; font-size:18px; line-height:1; margin-bottom:20px; }
	.main_msm_card ul li .main_msm_cont p { font-size:16px; font-weight:400; line-height:24px; opacity:0; }

	.main_noti_wrap { background:#fff; padding:80px 0 120px; }
	.main_noti_inner { left:50%; margin-left:-600px; position:relative; width:1200px; }

	.main_noti_list:after { clear:both; content:""; display:block; }

	.busi_bnr { background:url("../images/main/main_busi_bg.jpg") no-repeat; color:#fff; float:left; height:350px; padding:50px 0 0 40px; width:590px; }
	.busi_bnr strong { display:block; font-family:"Titillium Web", sans-serif; font-size:36px; font-weight:400; line-height:1; }
	.busi_bnr p { font-size:18px; font-weight:400; line-height:26px; margin-top:20px; }
	.busi_bnr a { color:#fff; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:16px; font-weight:400; line-height:1; margin-top:40px; }

	.main_news_sns { float:right; height:350px; width:590px; }
	.main_news_sns nav { border-bottom:1px solid #000; height:59px; position:relative; }
	.main_news_sns nav ul:after { clear:both; content:""; display:block; }
	.main_news_sns nav ul li { float:left; height:58px; margin-right:10px; }
	.main_news_sns nav ul li a { color:#000; display:block; font-family:"Titillium Web", sans-serif; font-size:28px; font-weight:400; line-height:58px; 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:-1px; content:""; height:4px; left:0; position:absolute; width:100%; }

	.main_news_sns nav > a { color:#555; display:inline-block; font-family:"Titillium Web", sans-serif; font-size:16px; font-weight:400; line-height:1; position:absolute; right:0; top:26px; }

	.main_news_sns > ul > li { border-bottom:1px solid #d7d7d7; height:97px; padding-top:25px; }
	.main_news_sns > ul > li:last-child { border-bottom:1px 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:51px; position:relative; width:95px; }
	.main_news_sns > ul > li dl dd { width:495px; }
	.main_news_sns > ul > li dl dt p.news_cate { background:#fff; border:1px solid #aaa; color:#aaa; font-family:"ngb"; font-size:14px; height:26px; line-height:24px; margin:0 auto; text-align:center; width:66px; }
	.main_news_sns > ul > li dl dd a { color:#000; display:block; font-family:"ngb"; font-size:16px; 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:13px; font-weight:400; margin-top:16px; }
	.main_news_sns > ul > li dl dt i { display:block; height:40px; left:50%; margin:-20px 0 0 -20px; position:absolute; top:50%; width:40px; }
	.main_news_sns > ul > li dl dt i.fb { background:url("../images/main/icon_sns01_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.fb.on { background:url("../images/main/icon_sns01_on.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.link { background:url("../images/main/icon_sns02_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.link.on { background:url("../images/main/icon_sns02_on.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.insta { background:url("../images/main/icon_sns03_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.insta.on { background:url("../images/main/icon_sns03_on.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.yt { background:url("../images/main/icon_sns04_off.png") no-repeat; }
	.main_news_sns > ul > li dl dt i.yt.on { background:url("../images/main/icon_sns04_on.png") no-repeat; }

	.main_noti_link_btn { margin-top:120px; }
	.main_noti_link_btn ul:after { clear:both; content:""; display:block; }
	.main_noti_link_btn ul li { height:70px; width:50%; }
	.main_noti_link_btn ul li.left { float:left; }
	.main_noti_link_btn ul li.right { float:right; }
	.main_noti_link_btn ul li a { display:block; font-family:"ngb"; font-size:18px; height:50px; line-height:50px; width:100%; }
	.main_noti_link_btn ul li.left a { background:#eee; color:#000; padding-right:50px; text-align:right; }
	.main_noti_link_btn ul li.left a img { margin:20px 30px 0 0; }
	.main_noti_link_btn ul li.right a { background:#e3007f; color:#fff; margin-top:20px; padding-left:50px; text-align:left; }
	.main_noti_link_btn ul li.right a img { margin:20px 0 0 30px; }

	/* 200904 수정 */
	.new_main_proj_inner { left:50%; margin-left:-600px; overflow:hidden; padding-top:60px; position:relative; top:0; width:1200px; }
	.new_main_proj_inner nav { height:40px; position:absolute; right:0; top:0; width:90px; }
	.new_main_proj_inner nav .swiper-button-next,
	.new_main_proj_inner nav .swiper-button-prev { height:40px; margin-top:0; top:0; width:40px; }
	.new_main_proj_inner nav .swiper-button-next { background:url("../images/main/btn_proj_next_on.jpg") no-repeat; right:0; }
	.new_main_proj_inner nav .swiper-button-prev { background:url("../images/main/btn_proj_prev_on.jpg") no-repeat; left:0; }
	.new_main_proj_inner nav .swiper-button-next.swiper-button-disabled { background:url("../images/main/btn_proj_next.jpg") no-repeat; opacity:1; }
	.new_main_proj_inner nav .swiper-button-prev.swiper-button-disabled { background:url("../images/main/btn_proj_prev.jpg") no-repeat; opacity:1; }
	.btn_proj_more { background:url("../images/main/btn_proj_more.jpg") no-repeat; display:block; height:40px; overflow:hidden; position:absolute; right:0; text-indent:-20000px; top:0; width:40px; }

	.new_main_proj_inner ul:after { clear:both; content:""; display:block; }
	.new_main_proj_inner ul li { float:left; margin-right:20px; width:387px; }
	.new_main_proj_inner ul li:first-child { margin-left:0; }
	.new_main_proj_inner ul li:nth-child(2),
	.new_main_proj_inner ul li:nth-child(5) { width:386px; }
	.new_main_proj_inner ul li a { display:block; height:100%; overflow:hidden; position:relative; width:100%; }

	.new_main_proj_hover { background:url("../images/main/proj_over_bg.png"); bottom:-80px; height:80px; left:0; position:absolute; width:100%; z-index:5; }
	.new_main_proj_hover strong { color:#fff; font-family:"ngb"; font-size:18px; font-weight:700; left:50%; line-height:1; position:absolute; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); white-space:nowrap; }

	.new_noti_wrap { left:50%; margin-left:-600px; margin-top:115px; padding-bottom:120px; position:relative; top:0; width:1200px; }
	.new_noti_inner ul { margin-top:60px; }
	.new_noti_inner ul:after { clear:both; content:""; display:block; }
	.new_noti_inner ul:first-child { margin-top:30px; }
	.new_noti_inner ul li { float:left; margin-left:20px; width:387px; }
	.new_noti_inner ul li:first-child { margin-left:0; }
	.new_noti_inner ul li:nth-child(2) { width:386px; }
	.new_noti_inner ul li a { display:block; height:100%; overflow:hidden; position:relative; width:100%; }
	.new_noti_inner ul li a strong { color:#000; display:block; font-family:"ngb"; font-size:16px; font-weight:700; line-height:1.2; }
	.new_noti_inner ul li a img { margin-top:18px; }
	.new_noti_inner ul li a p { color:#000; font-size:16px; line-height:1.2; margin-top:18px; }
	/* 200904 수정 end */

	/* 200925 공지팝업 */
	.noti_pop_dimm { background:#000; height:100%; left:0; opacity:.7; position:fixed; top:0; width:100%; z-index:1999; }
	.noti_pop_bg { background:#fff; left:50%; margin-left:-340px; padding-bottom:50px; position:absolute; top:100px; width:680px; z-index:2000; }
	.noti_pop_ttl { color:#1a1a1a; display:block; font-family:"ngb"; font-size:28px; padding:25px 0 0; text-align:center; }
	.noti_pop_subttl { background:#f7f7f7; color:#1a1a1a; font-size:18px; line-height:30px; margin-top:20px; padding:20px 0; text-align:center; }
	.noti_pop_txt { background:url("../images/common/noti_emphasis.png") center top no-repeat; background-size:60px auto; color:#1a1a1a; font-family:"ngb"; font-size:18px; line-height:30px; margin-top:30px; padding:80px 0 0; text-align:center; }
	.noti_pop_close { font-size:0; height:45px; margin-top:35px; text-align:center; }
	.noti_pop_close a { background:#e3007f; color:#fff; display:inline-block; font-family:"ngb"; font-size:18px; height:45px; line-height:45px; text-align:center; width:140px; }
	/* 200925 공지팝업 end */

	.main_award_pop { display:block; height:auto; position:absolute; left:10px; top:110px; width: 900px;; z-index:999; }
	.main_award_pop a.close { background:url("../images/common/all_menu_close_w.png") no-repeat; display:block; height:35px; left:-45px; overflow:hidden; position:absolute; text-indent:-20000px; top:0; width:35px; }

