@charset "utf-8";







#main_visual {position:relative;}
#main_visual .m_img {display:none;}
#main_visual img {width:100%;}


/*
#main_visual .txt {width:92%; max-width:1240px; margin:6.8rem auto;}
#main_visual .t01 {font-family: 'Montserrat', sans-serif; font-size: 5rem; font-weight:200; color:#222;}
#main_visual .t02 {margin:.2rem 0 1.6rem; font-family: 'BMDoHyeon', sans-serif; font-size: 9rem; color:#004593; line-height:1.2;}
#main_visual .t03 {font-size:2rem; color:#000000; font-weight:500;}
#main_visual .t03 strong {display:inline-block; width:15.8rem; border: solid 1px #a7a7a7; border-radius:2.1rem; line-height:4rem; text-align:center;}
#main_visual .t03 span {display:inline-block; margin-left:2rem;}
#main_visual .t03+.t03 {margin-top:1rem;}
#main_visual .swiper-slide.slide03 .t01 {color:#fff;}
#main_visual .swiper-slide.slide03 .t02 {color:#fff;}
#main_visual .swiper-slide.slide03 .t03 {color:#fff;}
#main_visual .swiper-slide.slide03 .t03 strong {border-color:#fff;}
*/
#main_visual .controls {position:absolute; bottom:0; left:18%; z-index:100; margin-bottom:8.2%; font-size:0;}
#main_visual .controls * {vertical-align:middle;}
#main_visual .swiper-pagination {display:inline-block; position:relative; width:auto; margin-right:-0.4rem;}
#main_visual .swiper-pagination-bullet {width:.5rem; height:.5rem; margin-right:.8rem; border-radius:.3rem; opacity:0.5; background:#fff;}
#main_visual .swiper-pagination-bullet-active {opacity:1;}
#main_visual .btn_play {display:inline-block; width:1.2rem; height:1.2rem; background:url('../../../images/web/expo/inn/icon/ico_visual_pause.png') no-repeat center; background-size:contain; cursor:pointer;}
#main_visual .btn_play.pause {background-image:url('../../../images/web/expo/inn/icon/ico_visual_play.png');}

@media all and (max-width:1600px){
	#main_visual .swiper-pagination {}
}
@media all and (max-width:1300px){
	#main_visual .swiper-pagination {}
}
@media all and (max-width:1000px){
	#main_visual {margin:0;}
	#main_visual .pc_img {display:none;}
	#main_visual .m_img {display:block;}
	#main_visual .controls {left:0; right:0; margin-bottom:1.3rem; text-align:center;}
}

#main_ban {position:relative; z-index:2; height:10rem; margin-top:-4.427%; border-bottom:1px solid #eeeeee;}
#main_ban .mcontainer {overflow:hidden;}
#main_ban .title {position:absolute; top:2.9rem; left:0; padding-right:2.2rem; line-height:1;}
#main_ban .title::after {position:absolute; top:50%; right:0; width:2px; height:3.4rem; margin-top:-1.7rem; background:#004593; content:'';}
#main_ban .title h2 {font-size:2rem; font-weight:500; color:#222; line-height:1.45;}
#main_ban .title span {display:block; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; font-weight: 500; line-height: 1.27; letter-spacing:0.1em; color: #a7a7a7; text-transform:uppercase;}
#main_ban .swiper-slide {display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important; height:5rem;}
#main_ban .swiper-slide .img_wrap {width:100%; max-width:15rem; margin:auto;}
#main_ban .swiper-slide .img_wrap span {display:block; position:relative; padding-bottom:33.333%;}
#main_ban .swiper-slide .img_wrap img {position:absolute; top:0; left:0; /* width:100%; height:100%; */}
#organizer {float:left; position:relative; height:10rem; padding-right:3.6rem; position:relative; width:58.5%; max-width:690px; padding-left:12rem; padding-top:2.6rem;}
#sponsor {float:right; height:10rem; position:relative; width:22%; padding-left:10.5rem; padding-top:2.6rem;}
#sponsor_swiper {position:relative; max-width:29.2rem; padding-right:1.6rem;}
#main_ban .btn_play {position:absolute; top:50%; right:0; width:1.6rem; height:1.6rem; margin-top:-0.8rem; background:url('../../../images/web/expo/inn/icon/ico_ban_pause.png') no-repeat center; background-size:contain; cursor:pointer;}
#main_ban .btn_play.pause {background-image:url('../../../images/web/expo/inn/icon/ico_ban_play.png');}


@media all and (max-width:1000px){
	#main_ban .mcontainer {overflow:visible; display:inline-block; width:100%;}
	#main_ban {height:auto; margin-top:0; padding:2rem 1.4rem;}
	#main_ban .title {top:50%; margin-top:-1.2rem;}
	#main_ban .title h2 {font-size:1.8rem; line-height:1.2;}
	#main_ban .title::after {display:none;}
	#main_ban .title span {display:none;}
	#main_ban .swiper-slide {height:auto;}
	#organizer {float:left; height:auto; width:50%; max-width:none; padding:0; padding-left:3.7rem; padding-right:3.2rem;}
	#sponsor {float:left; height:auto; width:50%; padding:0; padding-left:5.3rem;}
	#sponsor .title {left:1.6rem;}
	#sponsor:before {position:absolute; top:50%; left:0; width:1px; height:3.4rem; margin-top:-1.7rem; background:#f5f5f5; content:'';}
	#sponsor_swiper {padding-right:1.6rem;}
	#main_ban .swiper-container {margin:0;}
	#main_ban .swiper-slide .img_wrap {max-width:12rem;}

	#organizer .btn_play {right:1.3rem;}
}
@media all and (max-width:500px){
	#organizer .title {margin-top:-1.9rem;}
	#organizer .title h2 em {display:block;}
}


.ontact_intro {}
.ontact_intro .mcontainer {position:relative; padding-top:7rem;}
.ontact_intro .bg_txt {position:absolute; top:0; left:5.3rem; z-index:-1; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 20rem; line-height: 1.22; text-align: left; color: #fbfbfb; white-space:nowrap; letter-spacing:0.07em;display: none;}
.ontact_intro .mtitle {margin-bottom:5.9rem;}
.ontact_intro .cbox {display:inline-block; width:100%;}
.ontact_intro .movie {float:left; width:52.55%; margin-bottom:2.5rem;}
.ontact_intro .movie .inbox {position:relative; padding-bottom:50.25%;}
.ontact_intro .movie .inbox::after {position:absolute; top:2.5rem; left:2.5rem; z-index:0; width:100%; height:100%; background:#eeeeee; content:'';}
.ontact_intro .movie iframe {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.ontact_intro .movie .pc_img{display:block;}
.ontact_intro .movie .m_img{display:none;}
.ontact_intro .movie img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;}
.ontact_intro .tcont {float:right; width:42.21%;margin: -1.8em 0 0 0; /* padding-top:4.50%; */}
.ontact_intro .t01 {font-family: 'Montserrat', sans-serif; font-size:2.2rem; font-weight:300; line-height:1.23; color:#222222;}
.ontact_intro h3 {display:inline-block; position:relative; margin-top:.7rem; font-size:4rem; color:#222; font-weight:700;}
.ontact_intro h3::after {position:absolute; left:0; right:0; bottom:.6rem; z-index:-1; height:.8rem; background:#a9daf3; content:'';}
.ontact_intro .contents {/* margin-top:2rem; */ font-size:2rem; font-weight:300; color:#8d8d8d; word-break:keep-all;}
.ontact_intro .btn_detail {display:block; width:20rem; margin-top:3.5rem; font-size:2rem; color:#fff; line-height:7rem; text-align:center; background:#004593;}

.ontact_intro ul {max-width:1000px; margin:0 auto 0;}
.ontact_intro li {display:inline-block; position:relative; width:100%; padding:1.6rem 1.2rem; font-size:2rem; line-height:1.45;}
.ontact_intro li+li {border-top:1px solid #eeeeee;}
.ontact_intro li::before {position:absolute; top:2.8rem; left:0; width:0.4rem; height:0.4rem; border-radius:50%; background:#004593; content:'';}
.ontact_intro li strong {float:left; font-weight:700; color:#222222;}
.ontact_intro li strong.sm {font-size: 16px;margin-top: 0.4rem;}
.ontact_intro li p {margin-left:15rem; color:#000; font-weight:300;word-break: keep-all;}
.ontact_intro li p span{font-size:14px}


@media all and (max-width:1400px){
	.ontact_intro .movie {width:50.55%;}
	.ontact_intro .tcont {width:42.21%;margin: 0;}
}
@media all and (max-width:1200px){
	.ontact_intro .movie {float:none; width:100%; margin-left:auto; margin-right:auto;}
	.ontact_intro .tcont {float:none; width:auto;}
}
@media all and (max-width:1000px){

	.ontact_intro {padding-bottom:3.75em; border-bottom:1px solid #f5f5f5;}
	.ontact_intro .mcontainer {padding-top:2.2rem;}
	.ontact_intro .bg_txt {top:2.2rem; left:0; width:100%; font-size:5.3rem; text-align:center;}
	.ontact_intro .mtitle {margin-bottom:3.25rem;}
	.ontact_intro .movie {width:auto; margin:0;}
	.ontact_intro .movie .inbox::after {display:none;}
	.ontact_intro .tcont {padding:0 3.6rem; padding-top:4rem;}

	.ontact_intro .movie .pc_img{display:none;}
	.ontact_intro .movie .m_img{display:none;}
	.ontact_intro .movie .inbox {padding-bottom:0%;}
	.ontact_intro li strong.sm {font-size: 15px;}
}

@media all and (max-width:1000px){
	.participatory_method {padding-top:0;}
}


.participatory_company {padding:9rem 0; background:#fafafa;}
.participatory_company .img_wrap {position:relative; padding-bottom:28.57%;}
.participatory_company .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.participatory_company .tcont {padding:3rem 3rem 0 3rem; background:#fff;}
.participatory_company .t01 {overflow: hidden; position:relative; z-index:2; font-size:2rem; line-height:1.45; color:#222; font-weight:700; white-space: nowrap; text-overflow: ellipsis;}
.participatory_company .t01 span {position:relative;}
.participatory_company .t01 span::after {position:absolute; left:0; right:0; bottom:.4rem; z-index:-1; height:.8rem; background:#ffffff; content:'';}
.participatory_company .t02 {overflow:hidden; height:7.2rem; margin-top:2.6rem; font-size:1.8rem; color:#565656; font-weight:700; line-height:36px; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.participatory_company .t03 {overflow:hidden; margin-top:1.6rem; height:5.3rem; margin-right:-1.4rem; font-size:1.5rem; color:#0099da ; font-weight:bold;line-height: 2.4rem;}
.participatory_company .t03 span {display:inline-block; margin-right:1.4rem;}
.participatory_company .btn_wrap {overflow:hidden;}
.participatory_company .btn_wrap * {vertical-align:middle;}
.participatory_company .btn_wrap a {float:left; width:33.3%; text-align:center; background:#d2d2d2;}
.participatory_company .btn_wrap span {font-size:2rem; line-height:7rem; color:#fff;}
.participatory_company .btn_wrap a+a {background:#7ecef4;}
.participatory_company .btn_wrap a+a+a {background:#1ecef4;}
.participatory_company .btn_wrap .ico {margin-right:0.5rem;}

.participatory_company .btn_wrap2 {overflow:hidden;}
.participatory_company .btn_wrap2 * {vertical-align:middle;}
.participatory_company .btn_wrap2 a {float:left; width:50%; text-align:center; background:#d2d2d2;}
.participatory_company .btn_wrap2 span {font-size:2rem; line-height:7rem; color:#fff;}
.participatory_company .btn_wrap2 a+a {background:#7ecef4;}
.participatory_company .btn_wrap2 a+a+a {background:#1ecef4;}
.participatory_company .btn_wrap2 .ico {margin-right:0.5rem;}

#company_swiper {position:relative;}
#company_swiper .swiper-container {padding-bottom:3rem;}
#company_swiper .swiper-slide {box-shadow: .7rem 1rem 1rem 0 rgba(0, 0, 0, 0.16);}
#company_swiper .swiper-button-prev:before,
#company_swiper .swiper-button-next:before {display:none;}
#company_swiper .swiper-button-prev,
#company_swiper .swiper-button-next {top:50%; width:3.4rem; height:6rem; margin-top:-3rem; background:url('../../../images/web/expo/inn/icon/ico_prev.png') no-repeat center; background-size:contain;}
#company_swiper .swiper-button-prev {left:-6.2rem; transform:rotate(180deg);}
#company_swiper .swiper-button-next {right:-6.2rem;}

.labeling {
	display: inline-block;
	margin-right: 6px;
	padding: 0 10px;
	font-size: 16px;
	/* height: 35px; */
	line-height: 26px;
	border-radius: 15px;
	color: #ffffff;
	/* border: 3px solid #2196f3; */
	border-color : #2196f3;
	/* font-weight: normal; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* vertical-align: middle; */
	/* margin-bottom: 3px; */
	/* margin-left: 10px; */
	background: #2196f3 ;
}

@media all and (max-width:1650px){
	.participatory_company .mcontainer {width:auto; max-width:none; padding:0 7rem;}
}


@media all and (max-width:1000px){
	.participatory_company {padding:2.2rem 0 2rem;}
	.participatory_company .mcontainer {padding:0;}
	.participatory_company .tcont {padding:1.8rem;}
	.participatory_company .t01 {font-size:1.25rem; line-height:1.5;}
	.participatory_company .t01 span::after {bottom:.1rem; height:.5rem;}
	.participatory_company .t02 {margin-top:1.25rem; height:4.6rem; font-size:1.5rem; line-height:2.3rem;}
	.participatory_company .t03 {height:1.75rem; margin-top:1rem; font-size:0.875rem;}
	.participatory_company .btn_wrap span {font-size:1.125rem; line-height:4rem;}
	.participatory_company .btn_wrap .ico {margin-right:0.2rem;}

	.participatory_company .btn_wrap2 span {font-size:1.125rem; line-height:4rem;}
	.participatory_company .btn_wrap2 .ico {margin-right:0.2rem;}

	#company_swiper .swiper-container {padding:0 1.8rem 2rem; visibility: visible}
	#company_swiper .swiper-button-prev,
	#company_swiper .swiper-button-next {top:-1.7rem; width:4.25rem; height:4.25rem; margin:0; margin-top:28.5%; background-image:url('../../../images/web/expo/inn/icon/ico_prev_white.png'); background-size:1rem auto; background-color:rgba(0,0,0,0.75);}
	#company_swiper .swiper-button-prev {left:0; transform:rotate(0deg);}
	#company_swiper .swiper-button-next {right:0; transform:rotate(180deg);}

	.labeling {font-size: 10px;line-height: 16px;}
}




.marketing_ban {position:relative;}
.marketing_ban img {width:100%;}
.marketing_ban .controls {position:absolute; bottom:2rem; left:0; width:100%; z-index:100; font-size:0; text-align:center;}
.marketing_ban .controls * {vertical-align:middle;}
.marketing_ban .swiper-pagination {display:inline-block; position:relative; width:auto; margin-right:-0.4rem;}
.marketing_ban .swiper-pagination-bullet {width:.5rem; height:.5rem; margin-right:.8rem; border-radius:.3rem; opacity:0.5; background:#fff;}
.marketing_ban .swiper-pagination-bullet-active {opacity:1;}
.marketing_ban .btn_play {display:inline-block; width:1.2rem; height:1.2rem; background:url('../../../images/web/expo/inn/icon/ico_visual_pause.png') no-repeat center; background-size:contain; cursor:pointer;}
.marketing_ban .btn_play.pause {background-image:url('../../../images/web/expo/inn/icon/ico_visual_play.png');}
@media all and (max-width:1000px){
	.marketing_ban {margin:0 -40%;}
	.marketing_ban .controls {bottom:0.7rem;}
}



.job_fair_board {margin:9rem 0;}
.job_fair_board li+li {margin-top:3rem;}
.job_fair_board .inbox {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; background:#fafafa;}
.job_fair_board .img_wrap {position:relative; width: 45rem; }
.job_fair_board .img_wrap span {display:block; position:relative; padding-bottom:66.66%;}
.job_fair_board .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.job_fair_board .img_wrap::before {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.4); content:'';}
.job_fair_board .img_wrap::after {position:absolute; top:50%; left:50%; z-index:3; width:6rem; height:6rem; margin:-3rem; background:url('../../../images/web/expo/inn/icon/ico_play.png') no-repeat center; background-size:contain; content:'';}
.job_fair_board .tcont {flex:1; padding-left:3.94%; padding-right:2%;}
.job_fair_board .t01 span {display:inline-block; position:relative; z-index:2; margin-right:2.4rem; font-size:2.4rem; color:#222; line-height:1.5; font-weight:700;}
.job_fair_board .t01 span::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#96e9d5; content:'';}
.job_fair_board .t02 {margin-top:2rem; font-size:4rem; font-weight:700; color:#222; line-height:1.48;}
.job_fair_board .t03 {margin-top:4rem;}
.job_fair_board .t03 span {display:inline-block; margin-right:1.8rem; font-size:2rem; font-weight:500; color:#008ad3;}
.job_fair_board .btn_wrap {margin-top:5rem; text-align:center;}
.job_fair_board .btn_wrap2 {margin-top:5rem; text-align:center;}
.job_fair_board .btn_more {display:inline-block; position:relative; font-size: 2.4rem; font-weight:700; line-height:1.5; color:#222;}
.job_fair_board .btn_more::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#a9daf3; content:'';}

@media all and (max-width:1200px){
	.job_fair_board .t02 {font-size:3rem;}
}
@media all and (max-width:1000px){
	.job_fair_board {margin:2.2rem 0 3rem;}
	.job_fair_board li+li {margin-top:0;}
	.job_fair_board .img_wrap {width:100%;}
	.job_fair_board .tcont {padding:2rem 3.75rem 3.125rem;}
	.job_fair_board .t01 span {margin-right:1.5rem; font-size:1.5rem;}
	.job_fair_board .t01 span::after {bottom:0.3rem; height:0.5rem;}
	.job_fair_board .t02 {margin-top:0.9rem; font-size:1.8rem; line-height:1.43;}
	.job_fair_board .t03 {margin-top:1.8rem;}
	.job_fair_board .t03 span {font-size:1.25rem; margin-right:1.125rem;}

	.job_fair_board .btn_wrap {margin-top:3rem;}
	.job_fair_board .btn_wrap2 {margin-top:3rem;}
}


.main_board {padding:6.2rem 0 8rem; background:#fafafa;}
.main_board .board_wrap {overflow:hidden; margin:0 -2rem;}
.main_board .board {float:left; width:50%; padding:0 2rem;}
.main_board .board .inbox {position:relative;}
.main_board h2 {margin-bottom:2rem; font-size:2.4rem; font-weight:700; line-height:1.5; color:#222;}
.main_board ul {min-height:18.3rem; background:#fff;}
.main_board ul a {display:block; overflow:hidden; position:relative; padding:1.6rem 13rem 1.6rem 2.5rem; font-size:2rem; color:#000; font-weight:300; line-height:1.45; white-space:nowrap; text-overflow:ellipsis;}
.main_board ul a .date {position:absolute; top:1.5rem; right:2.5rem; font-size:2rem; color:#a7a7a7;}
.main_board .btn_more {position:absolute; top:.7rem; right:0; font-size:1.6rem; font-weight:300; line-height:1.5; color:#222;}

@media all and (max-width:1200px){
	.main_board .board {float:none; width:auto;}
	.main_board .board+.board {margin-top:2rem;}

}
@media all and (max-width:1000px){
	.main_board {padding:3rem 3.5rem 4rem;}
	.main_board ul {min-height:auto;}
	.main_board h2 {margin-bottom:1.875rem; font-size:1.875rem;}
	.main_board ul a {padding:1.125rem 11.25rem 1.625rem 2.125rem; font-size:1.5rem;}
	.main_board ul a .date {top:1.125rem; right:2.875rem; font-size:1.5rem;}
	.main_board .btn_more {top:0.4rem; font-size:1.125rem;}
}

.layer01.ui-dialog{z-index:101;}



/* 202110팝업 */
.chk_box input{display:none}
.chk_box input+label{display:inline-block;overflow:visible;cursor:pointer;margin-bottom:0; width: auto;float: left;}
.chk_box label span{display:inline-block;width:18px;height:18px; background: url(../../../../../images/web/main/main/check.png);background-repeat:no-repeat;background-position:center;background-size:18px;vertical-align: middle;}
.chk_box input[type=checkbox]:checked+label span{width:18px;height:18px;background: url(../../../../../images/web/main/main/checked.png);background-repeat:no-repeat;background-position:center;background-size:18px;display: inline-block;border: none;}
.chk_box label p{display: inline-block;color:#fff;font-size:14px;margin-bottom:0;padding-left: 5px; }
.pop_up{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0; top: 0;z-index: 999999;}
.pop_up .wrap{width: 95%; max-width: 550px;position: absolute;left: 30%; top: 50%; transform: translate(-50%,-50%);}
.pop_up .wrap .img_box{text-align: center;}
.pop_up .wrap .img_box img{max-width: 80vh;max-width: 100%;}
.pop_up .wrap .close_btn{text-align: center;margin: 0 auto; margin-bottom: 10px; display: block;}

.pop_up2{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0; top: 0;z-index: 999999;}
.pop_up2 .wrap{width: 95%; max-width: 550px;position: absolute;left: 70%; top: 50%; transform: translate(-50%,-50%);}
.pop_up2 .wrap .img_box{text-align: center;}
.pop_up2 .wrap .img_box img{max-width: 80vh;max-width: 100%;}
.pop_up2 .wrap .close_btn2{text-align: center;margin: 0 auto; margin-bottom: 10px; display: block;}

.pop_up3{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0; top: 0;z-index: 999999;}
.pop_up3 .wrap{width: 95%; max-width: 550px;position: absolute;left: 30%; top: 50%; transform: translate(-50%,-50%);}
.pop_up3 .wrap .img_box{text-align: center;}
.pop_up3 .wrap .img_box img{max-width: 80vh;max-width: 100%;}
.pop_up3 .wrap .close_btn3{text-align: center;margin: 0 auto; margin-bottom: 10px; display: block;}

.pop_up4{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0; top: 0;z-index: 999999;}
.pop_up4 .wrap{width: 95%; max-width: 550px;position: absolute;left: 70%; top: 50%; transform: translate(-50%,-50%);}
.pop_up4 .wrap .img_box{text-align: center;}
.pop_up4 .wrap .img_box img{max-width: 80vh;max-width: 100%;}
.pop_up4 .wrap .close_btn4{text-align: center;margin: 0 auto; margin-bottom: 10px; display: block;}


@media all and (max-width:1200px){
	.pop_up .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.pop_up2 .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.pop_up3 .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.pop_up4 .wrap{width: 95%; max-width: 550px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}

}