/* 메인페이지 */
.main_bg_wrap{overflow: hidden; position: relative; z-index: 400; height: 560px; background: url('../image/main/bg.jpg') no-repeat; background-size: cover}
.main_bg_wrap .inner{height: 560px;}
.main_bg_wrap .sun,
.main_bg_wrap .baby_fly{position: absolute; }
.main_bg_wrap .sun{top: -60px; left: -70px; width: 192px; height: 182px;}
.main_bg_wrap .baby_fly{bottom: 0; right: -100px; width: 220px; height: 220px;}


/* 고양시 하단 스폰서 배너 리스트 */
.bot_link_list{position: absolute; z-index: 210; left: 50%; bottom: 20px; width: 1250px; font-size: 0; transform: translateX(-50%);}
.bot_link_list li{display: inline-block; }
.bot_link_list li:not(:first-child){margin-left: 10px; }
.bot_link_list li a{display: block; }
.bot_link_list li a img{display: block;}
 
/* 고양시 지도 이미지 */
.main_bg{position: absolute; z-index: 200; top:0; left: 50%; width: 1300px; height: 560px; transform: translateX(-50%); background: url('../image/main/island.png') no-repeat; background-position: center center; background-size: cover}
.main_bg .main_txt{position: absolute; top: 39px; right: 0px; font-family: "Noto_Sans_KR", sans-serif; color: #929191; font-size: 43px; font-weight: 800; letter-spacing: -1px; opacity: 0.7;}

/* 지도 안 건물 호버 */
.main_bg .main_ic{position: absolute; z-index: 210; top: 0;}
.main_bg .main_ic img{position: absolute; z-index: 100; bottom: 0; display: block; width: 100%; transition: bottom 0.4s;}
.main_bg .main_ic:hover img{bottom: 15px;}
.main_bg .hire{top: 10px; left: 400px; width: 168px; height: 200px; }
.main_bg .exper{top: 80px; right: 516px; width: 164px; height: 160px;}
.main_bg .live{top: 104px; left: 310px; width: 164px; height: 250px; }
.main_bg .live a{position: absolute; z-index: 110; display: block;}
.main_bg .live .dim{overflow: hidden; position: absolute; z-index: 130; top: 15px; left: 12px; width: 85%; height: 78px; transition: top 0.3s;}
.main_bg .live .dim img{position: relative; top: -8px}
.main_bg .main_ic:hover .dim{top:0;}
.main_bg .live .main_ic_live_link{top: 0; left: 0; width: 100%; height: 96px;}
.main_bg .live .main_ic_live_move{top: 96px; left: 0; width: 100%; height: 150px; }
.main_bg .center{top: 150px; left: 490px; width: 164px; height: 170px; }
.main_bg .market{top: 162px; right: 366px; width: 164px; height: 160px;}
.main_bg .event{top: 218px; right: 494px; width: 164px; height: 200px; }
.main_bg .live iframe{position: absolute; z-index: 120; top: 15px; left: 13px; width: 138px; height: 78px; transition: top 0.4s;}
.main_bg .main_ic:hover iframe{top:0;}

/* 모바일 노출 메뉴들 셋팅 */
.mobile_box{display: inline-block; vertical-align: middle; padding: 70px 0 0 45px; width: 50%; height: 454px;}
.mobile_box+.mobile_box{border-left: 2px solid #a7a7a7;}
.mobile_title{color: #333; font-size: 40px; font-weight: 600; letter-spacing: -1px; }
.mobile_box.welcome{background: url('../image/main/ic-mobile01.png') no-repeat; background-size: 167px 155px; background-position: 465px 70px;}
.mobile_box.live{background: url('../image/main/ic-mobile02.png') no-repeat; background-size: 167px 155px; background-position: 465px 70px;}
.mobile_box.exp{background: url('../image/main/ic-mobile03.png') no-repeat; background-size: 167px 155px; background-position: 465px 70px;}
.mobile_box.market{background: url('../image/main/ic-mobile04.png') no-repeat; background-size: 167px 155px; background-position: 465px 70px;}
.mobile_box .btn{margin: 17px 0 54px; padding: 0 18px; height: 40px; color: #fff; font-size: 30px; line-height: 40px; border-radius: 15px; }
.mo_con_box{margin-bottom: 25px;}
.mo_con_box+.mo_con_box{margin-top: 20px; margin-bottom: 23px;}

.mo_con_box.small{display: block; height: 97px; color: #333; font-size: 30px; letter-spacing: -1px; line-height: 97px; text-align: center;}
.mobile_box.live .small{background: url('../image/main/main_gra01.png') no-repeat;}
.mobile_box.exp .small{background: url('../image/main/main_gra02.png') no-repeat;}

.mobile_box.welcome .btn{background-color: #00c0fa}
.mobile_box.live .btn{background-color: #51127f}
.mobile_box.exp .btn{background-color: #f83600}
.mobile_box.market .btn{background-color: #00b586}

/* 메인 채용관 관련 */
.mobile_sub_nav{padding-top: 20px; width: 100%; font-size: 0; text-align: center; }
.mobile_sub_nav a{display: inline-block; vertical-align: middle; padding: 20px; color: #333; font-size: 30px; border-radius: 15px; box-shadow: 0 0 20px rgba(139,139,139, 0.4); }
.mobile_sub_nav a:not(:first-child){margin-left: 16px;}