@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_logo01.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:#f4f4f4;z-index:20;}
.footer{position:relative;text-align:center;}
.footer .yna{display:block;width:95px;height:26px;margin:0 auto;background:url(../img/img_logo01.png) 0 0 no-repeat;text-indent:-9999px;}
.footer address{padding-top:20px;font-size:20px;font-weight:500;}

.w-fixed .wrap-header{transition:0.5s ease;background-color:#008B9C;box-shadow:0 3px 6px 0 rgb(0 0 0 / 10%);}
.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;}

/* 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:#000;line-height:24px;font-weight:500;}
.nav>ul li.active a{text-decoration:underline;}

/* ---------------- 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-bottom:3px solid #000;}
.tbl-type01 tbody{border-bottom:3px solid #000;}

/* .tbl-type01 th, */
.tbl-type01 td{padding:15px 0;border-left:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);font-size:20px;line-height:28px;color:#000;text-align:center;vertical-align:middle;}

.tbl-type01 th{padding-bottom:19px;font-weight:700;font-size:22px;color:#000;text-align:center;}
.tbl-type01 th label,
.tbl-type01 th .label{margin-left:130px;vertical-align:middle;}
.tbl-type01 tr td.left,
.tbl-type01 tr td:last-child{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 30px;}

.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{overflow:hidden;height:425px;box-sizing:border-box;background:#2367ae;}
.section-visual .slogan{position:relative;width:1200px;height:100%;padding-top:40px;box-sizing:border-box;margin:0 auto;text-align:center;}
.section-visual .slogan h1{width:346px;height:328px;background:url(../img/sprites_multicultural.png?v=20210920_0944) 0 -150px no-repeat;text-indent:-9999px;animation:sloganLogoAnimation 1s;animation-fill-mode:forwards;animation-delay:0.7s;transform:scale(0);opacity:0;}
.section-visual .slogan [class*='txt0']{position:absolute;}
.section-visual .slogan .txt01{top:86px;left:420px;width:460px;height:132px;background:url(../img/sprites_multicultural.png?v=20210920_0944) 0 -500px no-repeat;text-indent:-9999px;animation:sloganTextAnimation 1s;animation-fill-mode:forwards;animation-delay:1.2s;transform:translateY(20px);opacity:0;}
.section-visual .slogan .txt02{top:260px;left:420px;width:278px;height:53px;background:url(../img/sprites_multicultural.png?v=20210920_0944) 0 -650px no-repeat;text-indent:-9999px;animation:sloganTextAnimation 1s;animation-fill-mode:forwards;animation-delay:1.4s;transform:translateY(20px);opacity:0;} */

/* .section-visual .slogan:before{content:'';display:inline-block;position:absolute;top:20px;left:-645px;width:892px;height:600px;background:url(../img/top_obj01.png) 0 0 no-repeat;animation:topObject01Animation 1s;animation-fill-mode:forwards;animation-duration:0.6s;animation-timing-function:ease-in-out;opacity:0;} */
/* .section-visual .slogan:after{content:'';display:inline-block;position:absolute;top:-83px;right:-17px;width:350px;height:500px;background:url(../img/sprites_multicultural.png?v=20210920_0944) -450px 0 no-repeat;animation:topObject02Animation 1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:0.6s;} */
.section-visual{height:425px;padding-top:64px;box-sizing:border-box;background-color:#F0F9FE;}

.section-visual .visual-wrap{position:relative;width:1200px;height:100%;margin:0 auto;}
.section-visual .visual-wrap .visual01{position:absolute;top:50px;left:0;width:412px;height:275px;background:url('../img/img_main_tit01.png') no-repeat 0 0;opacity:0;}
.section-visual .visual-wrap .visual02{position:absolute;top:-20px;right:30px;width:561px;height:433px;background:url('../img/img_visual01.png') no-repeat 0 0;opacity:0;}
.section-visual .visual-wrap .visual03{position:absolute;top:-32px;right:-4px;width:618px;height:538px;background:url('../img/img_visual02.png') no-repeat 0 0;opacity:0;}
.section-visual .visual-wrap .visual04{position:absolute;top:60px;right:101px;width:54px;height:60px;background:url('../img/img_visual03.png') no-repeat 0 0;opacity:0;}

.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{margin-top:40px;}
.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{float:left;width:70px;margin-top:2px;font-size:20px;line-height:28px;}
.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:198px;height:24px;background:url(../img/spon/img_span01_02.png) 0 0 no-repeat;}

.section-host .list-host .sp02_01 a{width:108px;height:30px;background:url(../img/spon/img_span02_01.png) 0 0 no-repeat;}
.section-host .list-host .sp02_02 a{width:142px;height:26px;background:url(../img/spon/img_span02_02.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{position:relative;}
.flex-intro .inner{overflow:hidden;width:1200px;margin:0 auto;position:relative;}
/* .flex-intro .inner:before{content:'';clear:both;position:absolute;top:0;right:0;width:514px;height:397px;background:url(../img/img_map01.png) 0 0 no-repeat;} */
/* .flex-intro header{position:absolute;top:0px;left:0px;padding:0;text-align:left;} */

.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-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;}