@charset "utf-8";
/*************************************************
프로젝트명 : 2019 연합뉴스 다문화 포럼
commnet :Rwd Style (769px 이상) - web
*************************************************/

body{font-weight:400;font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2}
p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:400;font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2}
button{border:0;background:none;}

/* ---------------- Layout ---------------- */
.wrap-header{position:fixed;top:0;left:0;width:100%;height:64px;z-index:30;background-color:transparent;transition:all 0.2s;}
.wrap-header .header{display:flex;align-items:center;position:relative;width:1200px;height:100%;margin:0 auto;}
.header:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.logo-yna{float:left;}
.logo-yna a{display:block;width:95px;height:26px;background:url(../img/img_logo02.png) 0 0 no-repeat;text-indent:-9999px;}
.wrap-container{position:relative;z-index:10;background-color:#fff;}
.container{position:relative;}
.wrap-footer{clear:both;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:150px;margin-top:300px;background:#111;z-index:20;}
.footer{position:relative;text-align:center;}
.footer .yna{display:block;width:116px;height:32px;margin:0 auto;background:url(../img/img_logo03_gray.png) 0 0 no-repeat;text-indent:-9999px;}
.footer address{padding-top:20px;font-size:15px;color:#B1B1B1;}

.w-fixed .wrap-header{transition:0.5s ease;background-color:#00ADEC;}
.w-fixed .wrap-header .logo-yna a{background:url(../img/img_logo02.png) 0 0 no-repeat}
.w-fixed .wrap-header .nav>ul li a{color:#fff;}

/* color */
.color001{color:#BE0557 !important;}

/* navigation */
.nav{float:left;margin-left:120px;}
.nav>ul{}
.nav>ul li{display:inline-block;}
.nav>ul li + li{margin-left:60px;}
.nav>ul li a{display:inline-block;font-size:20px;color:#fff;line-height:24px;}
.nav>ul li.active a{font-weight:700;}

/* ---------------- content ---------------- */
/* 텍스트 */
.tit-sub01{font-weight:700;font-size:32px;color:#000;}

.colum-zone{text-align:left;}
.colum-zone p{font-size:16px;line-height:40px;color:#000;}
.colum-zone p span{display:block;line-height:40px;}

/* 테이블 */
.tbl-type01{width:100%;margin-top:80px;opacity:0.2;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;}
.tbl-type01.active{margin-top:0;opacity:1;}
.tbl-type01 thead{border-top:2px solid #000;}
.tbl-type01 tbody{border-bottom:2px solid #000;}

/* .tbl-type01 th, */
.tbl-type01 td{padding:18px 0;border-bottom:1px solid #D9D9D9;font-size:20px;line-height:40px;color:#000;text-align:center;vertical-align:middle;}

.tbl-type01 th{padding:20px 0;font-weight:700;font-size:22px;color:#000;text-align:center;background:#EEF7FE;}
.tbl-type01 th label,
.tbl-type01 th .label{margin-left:130px;vertical-align:middle;}
.tbl-type01 tr td.left{padding-left:15px;text-align:left;}
.tbl-type01 td strong{font-weight:bold;}
.tbl-type01 .con{margin:0 0 0 35px;font-weight:500;text-align:left;}
.tbl-type01 .con p{width:90%;display:inline-block;}

.tbl-type01 tr.line01 td:first-child{border-left:0;border-bottom:1px solid #000;}
.tbl-type01 tr.line02 td{border-bottom:1px solid #000;}
.tbl-type01 tr.line03 td{border-bottom:1px solid #000;}
.tbl-type01 tr.line03 td:first-child{border-left:0;}
.tbl-type01 tr.line04 td:first-child{border-left:0;border-bottom:0;}

.tbl-type01 tr.bw-line{border-top:5px solid #fff;border-bottom:5px solid #fff;}
.tbl-type01 td.tit{font-weight:700;font-size:22px;line-height:34px;}

/* .tbl-type01 [rowspan]{border-right:1px solid #fff;} */

.tbl-type01 .ww01{width:193px;}
.tbl-type01 .ww02{width:300px;}
.tbl-type01 .ww03{}

/* .tbl-type01 .time{background:#84c5da;text-align:left;color:#fff;vertical-align:middle;} */
.tbl-type01 .time{border-right:1px solid #fff;}
.tbl-type01 .time .con{display:inline-block;width:86px;margin:0 0 0 -35px;}
.tbl-type01 .tit .con{}
.tbl-type01 .desc{padding-left:70px;border-left:1px solid #fff;}
.tbl-type01 .desc .con{margin-left:0;}
.tbl-type01 .desc.tit-only{border-left:0;}
.tbl-type01 tr:last-of-type th,
.tbl-type01 tr:last-of-type td{border-bottom:0;}
.tbl-type01 .space01{margin:0 0 0 60px;vertical-align:middle;}

.scroll-down{display:none;}

/* ---------------- main ---------------- */
@keyframes topObject01Animation {
0% {
		transform:translate(-250px, 0);
		opacity:0;
	}
	100% {
		transform:translate(0, 0);
		opacity:1;
	}
}

@keyframes topObject02Animation {
0% {
		transform:translate(250px, 0);
		opacity:0.2;
	}
	100% {
		transform:translate(0, 0);
		opacity:1;
	}
}

@keyframes sloganLogoAnimation {
	0% {
		transform:scale(0);
		opacity:0;
	}
	100% {
		transform:scale(1);
		opacity:1;
	}
}

@keyframes sloganTextAnimation {
	0% {
		transform:translateY(20px);
		opacity:0;
	}
	100% {
		transform:translateY(0);
		opacity:1;
	}
}

.section-visual{position:relative;height:475px;box-sizing:border-box;}
.section-visual:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:300px;background:#00ADEC;}

.section-visual .visual-wrap{position:relative;width:1920px;height:475px;margin:0 auto;background:url('../img/bg_visual001.png') 0 0 no-repeat;}
.section-visual .visual-wrap .visual01{position:absolute;top:95px;left:50%;margin-left:-201px;width:403px;height:320px;background:url('../img/img_tit001.png') no-repeat 0 0;opacity:0;animation:ani01 1s;animation-delay:1s;animation-fill-mode:forwards;}
.section-visual .visual-wrap .visual02{position:absolute;bottom:50px;left:50%;width:330px;height:247px;background:url('../img/img_obj001.png') no-repeat 0 0;opacity:0;animation:ani02 0.6s;animation-delay:0.5s;animation-fill-mode:forwards;}
.section-visual .visual-wrap .visual03{position:absolute;bottom:52px;right:50%;width:340px;height:369px;background:url('../img/img_obj002.png') no-repeat 0 0;opacity:0;animation:ani03 0.7s;animation-delay:0.6s;animation-fill-mode:forwards;}

@keyframes ani01{0%{opacity:0;margin-top:-100px;} 100%{opacity:1;margin-top:0;}}
@keyframes ani02{0%{opacity:0;margin-left:-620px;} 100%{opacity:1;margin-left:-580px;}}
@keyframes ani03{0%{opacity:0;margin-right:-500px;} 100%{opacity:1;margin-right:-570px;}}
@keyframes ani04{0%{transform:translate3d(0, 100px, 0);opacity:0;} 100%{transform: translateZ(0);opacity:1;}}
@keyframes ani05{0%{transform:translate3d(0, 50px, 0);opacity:0;} 100%{transform: translateZ(0);opacity:1;}}

.scroll-zone{margin-top:100px;padding-top:80px;opacity:0.2;
transition: 0.5s all ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;}
.scroll-zone.active{margin-top:0;opacity:1;}
.scroll-zone header{padding:0 0 20px;text-align:left;}

/* 주최 */
.section-host{}
.section-host .list-host{width:1200px;margin:0 auto;padding-bottom:40px;border-bottom:3px solid #000;}
.section-host .list-host .list-wrap:after{content:'';clear:both;display:block;}
.section-host .list-host .list-wrap + .list-wrap{margin-top:20px;}
.section-host .list-host .list-wrap .tit{position:relative;float:left;width:70px;margin-top:2px;font-weight:600;font-size:20px;line-height:28px;}
.section-host .list-host .list-wrap .tit:after{content:'';display:inline-block;position:absolute;top:6px;right:17px;width:1px;height:16px;background:#ccc;}
.section-host .list-host .list-wrap .list{float:left;width:calc(100% - 70px);display:flex;align-items:center;flex-wrap:wrap;}
.section-host .list-host .list-wrap .list li{margin:0 30px 20px 0;}
.section-host .list-host .list-wrap .list a{display:inline-block;}

.section-host .list-host .sp01_01 a{width:116px;height:32px;background:url(../img/spon/img_span01_01.png) 0 0 no-repeat;}
.section-host .list-host .sp01_02 a{width:249px;height:30px;background:url(../img/spon/img_span01_02.png?v=20250918_1050) 0 0 no-repeat;}

.section-host .list-host .sp02_01 a{width:182px;height:35px;background:url(../img/spon/img_span02_01.png?v=20251015_1050) 0 0 no-repeat;}
.section-host .list-host .sp02_02 a{width:186px;height:35px;background:url(../img/spon/img_span02_02.png?v=20250918_1050) 0 0 no-repeat;}
.section-host .list-host .sp02_03 a{width:134px;height:35px;background:url(../img/spon/img_span02_03.png) 0 0 no-repeat;}

.section-host .list-host .list-wrap .list li.sp03_01{margin-top:-6px;}
.section-host .list-host .sp03_01 a{width:133px;height:46px;background:url(../img/spon/img_span03_01.png?v=20241018_1530) 0 0 no-repeat;}

/* .section-host{position:relative;padding:0;border-bottom:1px solid #ccc;background:#fff;z-index:15;}
.list-host{overflow:hidden;width:1200px;height:34px;margin:0 auto;padding:20px 0;background:#fff;text-align:left;}
.list-host>dl{display:inline-block;margin-right:60px;}
.list-host dt{display:inline-block;margin-right:20px;font-weight:700;font-size:20px;line-height:34px;vertical-align:middle;color:#000;}
.list-host dd{display:inline-block;height:36px;margin-right:30px;background:url(../img/sprites_multicultural.png?v=20210920_0944) 0 0 no-repeat;vertical-align:middle;}
.list-host dd a{display:block;height:100%;text-indent:-9999px;}

.list-host .yna{width:101px;height:26px;background-position:0 0 !important;}
.list-host .woorif{width:164px;height:20px;background-position:-300px 0 !important;}
.list-host .mogef{width:98px;height:30px;background-position:-300px -50px !important;}
.list-host .hihf{width:132px;height:24px;background-position:-300px -100px !important;}
.list-host .moj{width:79px;height:31px;background:url('../img/bnr_moj01.png') no-repeat 0 0;} */

/* 개요 */
.flex-intro,
.flex-team{position:relative;}
.flex-intro .inner,
.flex-team .inner{overflow:hidden;width:1200px;margin:0 auto;position:relative;}

.flex-intro header{display:flex;align-items:center;}
.flex-intro header .sub-tit01{margin-left:20px;font-size:15px;font-weight:500;line-height:22px;color:#ec6d6d;}
.flex-intro .colum-zone{padding-top:78px;}
.flex-intro .colum-zone p{position:relative;}
.flex-intro .colum-zone p+p{margin-top:20px;}
.flex-intro .colum-zone p.sub{margin-left:40px;text-indent:-40px;}
.flex-intro .colum-zone .tit{display:inline-block;padding:0 0 2px;margin-right:7px;font-weight:700;line-height:40px;vertical-align:middle;}
.flex-intro .colum-zone p.sub strong{display:inline-block;padding-left:3px;text-indent:0;vertical-align:inherit;font-weight:bold;}
.flex-intro .colum-zone .highlight{font-weight:bold;}

.flex-intro .intro01{width:321px;text-align:left;}
.flex-intro .intro02{width:658px;}
.flex-intro .space01{display:block;}

.flex-intro .info-txt{margin:30px 0 0;font-size:14px;letter-spacing:-1px;}
.flex-intro .link-unit01{position:relative;margin:80px 0 0;width:1200px;height:80px;background:url(../img/img_link01.png) 0 0 no-repeat;}
.flex-intro .link-unit01 a{display:block;width:360px;height:80px;margin:0 auto;text-indent:-9999px;}

.flex-intro .list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex-intro .list li{display:flex;align-items:baseline;width:550px;margin-top:20px;}
.flex-intro .list li:nth-child(1),
.flex-intro .list li:nth-child(2){margin-top:0;}
.flex-intro .list li .tit{font-size:22px;font-weight:700;line-height:34px;}
.flex-intro .list li .desc{width:440px;margin-left:24px;font-size:20px;font-weight:400;line-height:28px;}

.flex-intro .list.style01{}
.flex-intro .list.style01 li:nth-child(odd){width:600px;}
.flex-intro .list.style01 li:nth-child(odd) .desc{width:500px;}
.flex-intro .list.style01 li:nth-child(even){width:480px;}
.flex-intro .list.style01 li:nth-child(even) .desc{width:398px;}

/* 참가팀 모집 */
.flex-team .list{display:flex;flex-wrap:wrap;gap:18px;}
.flex-team .list li{display:flex;align-items:baseline;width:100%;}
.flex-team .list li:nth-child(1),
.flex-team .list li:nth-child(2){margin-top:0;}
.flex-team .list li .tit{min-width:170px;font-size:22px;font-weight:700;line-height:34px;}
.flex-team .list li .desc{margin-left:24px;font-size:20px;font-weight:400;line-height:34px;}
.flex-team .list li .desc [class*='color']{line-height:34px;}
.flex-team .list li *{line-height:34px;}

.link-unit03{margin-top:100px;display:flex;align-items:center;height:80px;}
.link-unit03 [class*='txt']{position:relative;display:flex;align-items:center;justify-content:center;width:50%;height:100%;font-weight:500;font-size:30px;box-sizing:border-box;}
.link-unit03 [class*='txt']:after{content:'';display:block;position:absolute;top:50%;right:50%;margin:-20px -115px 0 0;width:31px;height:41px;background:url(../img/ico_down001.svg) 0 0 no-repeat;}
.link-unit03 .txt01{background:rgba(220, 72, 138, 1);color:#fff;}
.link-unit03 .txt02{background:rgba(255, 241, 0, 1);color:#1D2088;}
.link-unit03 .txt01:hover{color:#FFF100;}
.link-unit03 .txt02:hover{color:#DC488A;}
.link-unit03 .txt02:after{filter:brightness(0) saturate(100%) invert(11%) sepia(70%) saturate(6084%) hue-rotate(243deg) brightness(65%) contrast(97%);}

.link-unit04{display:flex;align-items:center;justify-content:center;gap:50px;margin:50px 0 0;}
.link-unit04 .txt01{position:relative;display:flex;align-items:center;justify-content:flex-start;width:300px;height:100px;padding-left:70px;border-radius:50px;font-weight:700;font-size:30px;box-sizing:border-box;background:#00ADEC;color:#FFF100;}
.link-unit04 .txt01:after{content:'';display:block;position:absolute;top:50%;right:0;margin:-11px 75.5px 0 0;width:25px;height:22px;background:url(../img/img_arr_y01.png) 0 0 no-repeat;}
.link-unit04 .qr01{}

/* 안내 */
.flex-course{}
.flex-course .inner{width:1200px;margin:0 auto;}
.flex-course .colum-zone p{line-height:32px;}
.flex-course .colum-zone .title{margin:0 0 20px;font-weight:700;font-size:20px;color:#000;}
.flex-course .colum-zone ul{margin:10px 0 0 5px;}
.flex-course .colum-zone li{position:relative;margin-top:16px;line-height:28px;color:#333;}
.flex-course .colum-zone li .line{display:block;line-height:28px;}
.flex-course .colum-zone li:first-child{margin-top:0;}

/* 뉴스 */
.flex-news{}
.flex-news .inner{width:1200px;margin:0 auto;}
/* .flex-news header{padding:0 0 20px;} */

.flex-news article{overflow:hidden;margin-top:100px;margin-bottom:40px;/* margin:80px 0 40px;opacity:0.2; */
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;}
.flex-news article.active{opacity:1;margin-top:0;}
.flex-news article:last-child{margin-bottom:0;}

.flex-news article.font-eng .lead a,
.flex-news article.font-eng .tit-news a{font-family:Roboto,arial,verdana,sans-serif;}
.flex-news article.font-zh .lead a,
.flex-news article.font-zh .tit-news a{font-family:'Microsoft Yahei','微软雅黑','Microsoft JhengHei','微软雅黑体',SimHei,"黑体",STXihei,"华文细黑",arial,verdana,sans-serif;}
.flex-news article.font-ja .lead a,
.flex-news article.font-ja .tit-news a{font-family:Meiryo,"メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.flex-news article.font-sp{}
.flex-news article.font-fr{}
.flex-news article.font-ab{direction:rtl;}

.flex-news .eng-news{margin-top:78px;}

.flex-news .img-con{overflow:hidden;float:left;width:320px;height:220px;margin-right:20px;}
.flex-news .img-con a{}
.flex-news .img-con img{width:100%;height:auto}

.flex-news .tit-news{display:inline-block;}
.flex-news .tit-news a{font-weight:700;font-size:22px;line-height:34px;color:#000;}
.flex-news .lead{display:block;padding-top:20px;font-size:20px;line-height:28px;color:#666;}
.flex-news .more{margin-left:5px;padding-right:17px;font-size:16px;background:url(../img/sprites_busan03.png) -308px -147px no-repeat;text-decoration:underline;color:#404040 !important;}

.flex-news .news-con{float:right;width:800px;}
.flex-news .space01{margin-top:70px;}

/* 영상 */
.flex-video{}
.flex-video .inner{width:1200px;margin:0 auto;}
.flex-video header{padding:0 0 20px;}

.flex-video .list{overflow:hidden;font-size:0;margin-left:-40px;}
.flex-video article{float:left;display:inline-block;margin:0 0 40px 40px;vertical-align:top;}
/* .flex-video article+article{margin:0 0 40px 0;} */
.flex-video .img-con{display:block;width:372px;height:208px;}
.flex-video .img-con img{width:372px;height:208px;}
.flex-video .tit-news{margin:10px 0 0;font-weight:400;font-size:20px;line-height:28px;}

.flex-video .link-unit02{position:relative;margin:80px 0;width:1200px;height:100px;}
.flex-video .link-unit02 a{display:inline-block;width:100%;height:100%;text-indent:-9999px;background:url(../img/img_link02.png) 0 0 no-repeat;}

/* 일정 안내 */
.flex-schedule{margin-top:0;}
/* .flex-schedule .inner{background:#e6f4ff;} */
.flex-schedule .tbl-wrap{position:relative;width:1200px;margin:0 auto;}
/* .flex-schedule header{position:absolute;top:-48px;left:0px;} */
.flex-schedule .txt-wrap{position:relative;width:1200px;margin:20px auto 0;}
.flex-schedule .txt-wrap .txt{font-size:14px;}

/* 목적 */
.flex-purpose{}
.flex-purpose .inner{}
.flex-purpose .img-zone{margin-top:50px;background:#74c2e6;text-align:center;}

/* 행사협찬 (스프라이트 가로 1200px) */
.flex-desc{width:1200px;margin:0 auto;}
.flex-desc .inner{}

#butter-scroll{display:none !important;}

/* 유튜브 라이브 행사준비 */
.section-ytb{overflow:hidden;width:1200px;margin:0 auto;padding:30px;box-sizing:border-box;text-align:center;}
.section-ytb>div{height:100%;}
.section-ytb iframe{width:100%;height:650px;}
.section-ytb .con{}
.section-ytb .con img{}

/* ---------------- ytb 영상 레이어팝업 ---------------- */
/* 팝업 */
.popup-type01{opacity:0;z-index:-1;position:fixed;top:50%;left:50%;width:854px;margin:-260px 0 0 -447px;padding:60px 40px 40px;background-color:#fff;
-webkit-transition:all 0.35s ease-in;
-moz-transition:all 0.35s ease-in;
-ms-transition:all 0.35s ease-in;
transition:all 0.35s ease-in;}
.popup-type01.show{opacity:1;z-index:50;}
.popup-type01 .inner{min-height:480px;}
.popup-type01 .btn-pop-close{position:absolute;top:10px;right:13px;}

/* 마스크 */
.mask-type01{opacity:0;z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);
-webkit-transition:all 0.35s ease-in;
-moz-transition:all 0.35s ease-in;
-ms-transition:all 0.35s ease-in;
transition:all 0.35s ease-in;}
.mask-type01.show{opacity:1;z-index:40;}

.mask-type02{visibility:hidden;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,211,0,0);z-index:0;
-webkit-transition:visibility 0s 0.5s;
-moz-transition:visibility 0s 0.5s;
-ms-transition:visibility 0s 0.5s;
transition:visibility 0s 0.5s;}
.mask-type02 svg{position:absolute;top:0;left:0;}
.mask-type02 .overlay-path{fill:rgba(154,174,249,1);}
.mask-type02.open{visibility:visible;-webkit-transition:none;transition:none;z-index:110;}

.btn-pop-close{position:relative;width:30px;height:30px;border:none;background:none;}
.btn-pop-close span{display:block;width:100%;height:100%;text-indent:-9999px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.btn-pop-close span:before,
.btn-pop-close span:after{content:"";display:block;clear:both;position:absolute;background-color:#000;}

.btn-pop-close span:before{top:14px;left:0px;width:29px;height:1px;}
.btn-pop-close span:after{top:0px;left:14px;width:1px;height:29px;}


.btn-top{position:fixed;bottom:170px;right:10px;width:60px;height:60px;border-radius:50%;background:#333 url('../img/img_top_arr01.png') center no-repeat;z-index:100;opacity:0;transition:opacity 0.4s;}
.btn-top.active{opacity:1;}