@charset "UTF-8";
html,body{height: 100% !important;}
/* Pretendard */
@font-face{
	font-family:'ptd';
	font-weight:normal;
	font-style: normal;
	src:url("../font/Pretendard/Pretendard-Light.eot");
	src:url("../font/Pretendard/Pretendard-Light.eot?#iefix") format('embedded-opentype'),
		url("../font/Pretendard/Pretendard-Light.woff2") format('woff2'),
		url("../font/Pretendard/Pretendard-Light.woff") format('woff');
}
@font-face{
	font-family:'ptd';
	font-weight:200;
	font-style: normal;
	src:url("../font/Pretendard/Pretendard-Regular.eot");
	src:url("../font/Pretendard/Pretendard-Regular.eot?#iefix") format('embedded-opentype'),
		url("../font/Pretendard/Pretendard-Regular.woff2") format('woff2'),
		url("../font/Pretendard/Pretendard-Regular.woff") format('woff');
}
@font-face{
	font-family:'ptd';
	font-weight:300;
	font-style: normal;
	src:url("../font/Pretendard/Pretendard-Medium.eot");
	src:url("../font/Pretendard/Pretendard-Medium.eot?#iefix") format('embedded-opentype'),
		url("../font/Pretendard/Pretendard-Medium.woff2") format('woff2'),
		url("../font/Pretendard/Pretendard-Medium.woff") format('woff');
}
@font-face{
	font-family:'ptd';
	font-weight:600;
	font-style: normal;
	src:url("../font/Pretendard/Pretendard-SemiBold.eot");
	src:url("../font/Pretendard/Pretendard-SemiBold.eot?#iefix") format('embedded-opentype'),
		url("../font/Pretendard/Pretendard-SemiBold.woff2") format('woff2'),
		url("../font/Pretendard/Pretendard-SemiBold.woff") format('woff');
}

@font-face{
	font-family:'ptd';
	font-weight:bold;
	font-style: normal;
	src:url("../font/Pretendard/Pretendard-ExtraBold.eot");
	src:url("../font/Pretendard/Pretendard-ExtraBold.eot?#iefix") format('embedded-opentype'),
		url("../font/Pretendard/Pretendard-ExtraBold.woff2") format('woff2'),
		url("../font/Pretendard/Pretendard-ExtraBold.woff") format('woff');
}

#bodyContents{width:100%;}
.main_slick{width:100%; height:810px;}
.apec_visual_wrap{position:relative; width:100%; height:auto; margin:0 auto;}
.apec_visual_wrap .apec_logo{position:absolute; display:block; margin:0 auto; width:151px; height:34px; top:38px; margin-left:-600px; left:50%; background:url(/event/2025/apec2025/images/logo.png) no-repeat; z-index:998;}
.apec_visual_wrap .visual_area{width:100%; height:702px; overflow: hidden;}
.apec_visual_wrap .visual_area .visual{position:relative; width:100%; margin:0 auto; float:left}

.apec_visual_wrap .visual_area .visual.visual1{animation: introbg 3s ease;}

.apec_visual_wrap .visual_area .visual.visual1 .text_area{display:block; position:absolute; top:102px; left:50%; width:263px; height:241px; margin-left:-131px;}
.apec_visual_wrap .visual_area .visual.visual1 .text_area .text01{position:absolute; display:block; width:263px; height:241px; background:url(/event/2025/apec2025/images/apec_text01.png) no-repeat; font-size:0;}

.apec_visual_wrap .visual_area .visual.visual2 .text_area{position:absolute; top:100px; left:50%; transform:translateX(-50%); width:530px; height:142px;}
.apec_visual_wrap .visual_area .visual.visual2 .text_area .text01{position:absolute; display:block; top:90px; left:0; width:516px; height:56px; transform:translateY(-50%); background:url(/event/2023/apec2030expo/images/apec_v01_text01.png) no-repeat; font-size:0;}
.apec_visual_wrap .visual_area .visual.visual2 .text_area .text02{position:absolute; display:block; top:0; left:0; width:516px; text-align:center; font-family:'ptd'; font-size:38px; font-weight:200; color:#fff; line-height:50px;}

.apec_visual_wrap .visual_area .visual.visual3 .text_area{position:absolute; top:100px; left:50%; transform:translateX(-50%); width:516px; height:380px;}
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text01{position:absolute; display:block; top:0; left:0; width:516px; height:56px; transform:translateY(-50%); background:url(/event/2025/apec2025/images/apec_v01_text02.png) no-repeat; font-size:0;}
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text02{position:absolute; display:block; left:0; width:516px;text-align:center; font-family:'ptd'; font-size:38px; font-weight:bold; color:#fff; line-height:50px; top:50%; transform:translateY(-50%); margin-top:50px;}
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text02:before,
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text02:after{position:absolute; display:block; content:"";  left:50%; width:47px; height:36px; margin-left:-23px; opacity: 0.8;}
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text02:before{top:-60px; background:url(/event/2023/apec2030expo/images/apec_t01.png) no-repeat;}
.apec_visual_wrap .visual_area .visual.visual3 .text_area .text02:after{bottom:-60px; background:url(/event/2023/apec2030expo/images/apec_t02.png) no-repeat;}

.apec_visual_wrap .visual_area img{display:block; width:100%; height:702px; object-fit:cover;}

.apec_visual_wrap .link_area{position:absolute; width:1078px; height:65px; bottom:6%; left:50%; transform:translateX(-50%);}
.apec_visual_wrap .link_area li{float:left; width:50%}
.apec_visual_wrap .link_area li .link1,
.apec_visual_wrap .link_area li .link2{position:relative; display:block; width:100%; height:65px; line-height:65px; text-align:center; color:#fff; font-size:17px; font-family:'ptd'; font-weight:600; box-sizing:border-box;transition:all .2s ease;}
.apec_visual_wrap .link_area li .link1{background:#239d9a;}
.apec_visual_wrap .link_area li .link2{background:#284182;}
.apec_visual_wrap .link_area li .link1:after,
.apec_visual_wrap .link_area li .link2:after{display:inline-block; position:relative; top:-3px; margin-left:8px; content:""; background:url(/event/2025/apec2025/images/apec_arrow.png) no-repeat; width:52px; height:10px; background-size:52px 10px; transition:0.3s; left:0;}
.apec_visual_wrap .link_area li .link1:hover:after,
.apec_visual_wrap .link_area li .link2:hover:after{left:8px;}

.apec_visual_wrap .slick-dots{display:block; position:absolute; bottom:152px; margin-top:30px; width:100%; text-align:center}
.apec_visual_wrap .slick-dots li{display:inline-block; position:relative; margin:0 15px;}
.apec_visual_wrap .slick-dots li button{display:block; position:relative; margin:0 auto; width:6px; height:6px; padding:0; font-size:0; line-height:0; background:rgba(255,255,255,1); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.apec_visual_wrap .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(255,255,255,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.apec_visual_wrap .slick-dots li.slick-active button{background:rgba(255,255,255,1)}
.apec_visual_wrap .slick-dots li.slick-active button:before{border:1px solid rgba(255,255,255,1)}

.Wide_conWrap{position:relative; width:100%;}
.Wide_conWrap.wrap1{background:#f0f0f0;}
.Wide_conWrap.wrap2{background:#096c66 url(/event/2025/apec2025/images/apec_bg01.png) repeat-x;}
.Wide_conWrap.wrap3{background:#30908d url(/event/2025/apec2025/images/apec_bg02.png) repeat-x;}

.section .title_area{position:relative;}
.section .title_area h3{position:relative; text-align:center; font-family:'ptd'; font-size:37px; color:#1b1b1b; letter-spacing:-.7px; height:58px; line-height:58px;font-weight:600;}
.section .title_area h3:before{position:absolute; left:50%; transform:translateX(-50%); display:block; top:-20px; content:""; width:25px; height:13px; background:url(/event/2023/apec2030expo/images/title_icon.png) no-repeat; background-size:25px 13px;}
.section .tit{color:#414141; font-family:'ptd'; text-align:center; font-size:18px; font-weight:normal; letter-spacing:-1px;}

.section .title_area .section_more{position:absolute; top:50%; right:0; font-family:'ptd'; font-size:14px; font-weight:600; color:#494949;height:25px; line-height:25px;}
.section .title_area .section_more:after{display:block; content:""; position:absolute; bottom:0; background:url(/event/2023/apec2030expo/images/btn_more.png) no-repeat; width:25px; height:25px; margin-left:5px;}

.section1{position:relative; max-width:1400px; margin:0 auto; padding:70px 0 50px;}
.section2{position:relative; max-width:1400px; margin:0 auto; padding:70px 0 50px;}

.tab_area{position:relative; margin:0 auto; max-width:300px; }
.tab_area.tab_area1{left:10px; margin-top:30px;}
.tab_area .tab{position:relative;}
.tab_area .tab li{float:left; width:138px; margin-right:10px;}
.tab_area .tab li a{position:relative; display:block; width:138px; height:45px; line-height:45px; background:#fff; font-family:'ptd'; font-weight:600; font-size:14px; text-align:center; box-sizing:border-box; box-shadow:0px 0px 5px 5px rgb(0 0 0 / 4%); border-radius:5px;}
.tab_area .tab li a.on{background:#229da5; color:#fff;}
.tab_area:after{display:block; clear:both; content:"";}
.tab_area .tab li .tab1:after,
.tab_area .tab li .tab1.on:after{display:inline-block; position:relative; content:""; background:url(/event/2025/apec2025/images/tab_icon1.png) no-repeat; width:17px; height:19px; margin-left:3px; top:5px; opacity:0.7; background-position: 0 -21px;}
.tab_area .tab li .tab1.on:after{background-position: 0 0; opacity:0.7;}
.tab_area .tab li .tab2:after,
.tab_area .tab li .tab2.on:after{display:inline-block; position:relative; content:""; background:url(/event/2025/apec2025/images/tab_icon2.png) no-repeat; width:19px; height:19px; margin-left:5px; top:5px; opacity:1; background-position: 0 0;}
.tab_area .tab li .tab2.on:after{background-position: 0 -21px; opacity:0.8;}

.news_wrap{position:relative;}
.news_area{margin-left:-25px;}
.news_area > li{float:left; width:450px; margin-left:25px; margin-top:40px; padding-bottom:45px; border-bottom:1px solid #dadada; overflow: hidden;}
.news_area  > li > .thumb_area{display:block; width:450px; box-sizing: border-box;}
.news_area .thumb_area > .title_area{margin-top:18px;}
.news_area .thumb_area > .title_area > .category{display:block;font-family:'ptd';font-size:14px;font-weight:300;color:#494949; height:25px; line-height:25px;}
.news_area .thumb_area > .title_area > .title{display:block;font-family:'ptd';font-size:22px;font-weight:600;color:#262626;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;height:35px; line-height:35px;}
.news_area .thumb_area > .title_area > .date{display:block;font-family:'ptd';font-size:14px;font-weight:600;color:#525252;height:25px; line-height:25px;}
.news_area .thumb_area > .thumb{width:100%; height:253px; border-radius:10px;box-sizing:border-box; overflow:hidden;}
.news_area .thumb_area > .thumb img{display:block; transition:all .2s; margin:-2px 0 0 -2px; transition:all .2s; width:464px;}
.news_area .thumb_area:hover > .thumb img{transform:scale(1.05); -webkit-transform:scale(1.05); -webkit-transition: all .2s; transition: all .2s;}
.news_area .thumb_area:hover > .title_area > .title{color:#00205c;}
.news_area:after{clear:both; content:""; display:block;}


.news_wrap2{position:relative;}
.news_area2{margin-left:-13px;}
.news_area2 > li{float:left; width:340px; border-radius:10px; box-sizing:border-box; margin-left:13px; margin-top:40px; overflow:hidden; box-shadow: 5px 5px 5px rgb(0 0 0 / 8%);}
.news_area2  > li > .thumb_area{display:block; width:100%; box-sizing:border-box;}
.news_area2 .thumb_area > .title_area{padding:15px 20px 20px 20px; background:#fff;}
.news_area2 .thumb_area > .title_area > .category{display:block;font-family:'ptd';font-size:13px;font-weight:300;color:#494949; height:25px; line-height:25px;}
.news_area2 .thumb_area > .title_area > .title{display:block; display:-webkit-box; font-family:'ptd';font-size:17px;font-weight:600;/* white-space:nowrap; */line-height: 26px; margin-top:5px; color:#3f3f3f; letter-spacing:-0.5px; overflow: hidden; word-break:break-all; height:50px;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_area2 .thumb_area > .title_area > .date_box{margin-top:20px;}
.news_area2 .thumb_area > .title_area > .date_box:after{clear:both; content:""; display:block;}
.news_area2 .thumb_area > .title_area > .date_box > .left_date{float:left; display:block;font-family:'ptd'; font-size:13px; font-weight:300;color:#525252;height:25px; line-height:25px; letter-spacing:-0.5px; }
.news_area2 .thumb_area > .title_area > .date_box > .rig_link{float:right; display:block; width:25px; height:25px; background:url(/event/2025/apec2025/images/icon_youtube.png) no-repeat;}
.news_area2 .thumb_area > .thumb{width:100%; height:190px; overflow:hidden;}
.news_area2 .thumb_area > .thumb img{display:block; transition:all .2s; margin:-2px 0 0 -2px; transition:all .2s; width:342px;}
.news_area2 .thumb_area:hover > .thumb img{transform:scale(1.05); -webkit-transform:scale(1.05); -webkit-transition: all .2s; transition: all .2s;}
.news_area2 .thumb_area:hover > .title_area > .title{color:#00205c;}
.news_area2:after{clear:both; content:""; display:block;}


.more_area{position:relative; text-align:center; margin:40px auto 0; width:200px; border:1px solid #459198; text-align:center; cursor:pointer;}
.more_area .con_more{position:relative; font-family:'ptd'; font-size:14px; width:62px; font-weight:600; color:#32787f;  height:40px; line-height:40px; box-sizing:border-box;}
.more_area .con_more:before{position:absolute; display:block; content:""; right:0; top:50%; width:9px; height:1px; background:#32787f; margin-top:-1px;}
.more_area .con_more:after{position:absolute; display:block; content:""; right:4px; top:50%; width:1px; height:9px; transform:translateY(-50%); background:#32787f;}

.more_area2{position:relative; text-align:center; margin:40px auto 0; width:200px; border:1px solid #fff; text-align:center; cursor:pointer;}
.more_area2 .con_more{position:relative; font-family:'ptd'; font-size:14px; width:62px; font-weight:600; color:#fff;  height:40px; line-height:40px; box-sizing:border-box;}
.more_area2 .con_more:before{position:absolute; display:block; content:""; right:0; top:50%; width:9px; height:1px; background:#fff; margin-top:-1px;}
.more_area2 .con_more:after{position:absolute; display:block; content:""; right:4px; top:50%; width:1px; height:9px; transform:translateY(-50%); background:#fff;}

.wrap3{position:relative;}
.apecDday{position:absolute; height:124px; left:50%; margin-left:-400px; top:35px; text-align:right;}
.apecDday p{color:#fab849; font-size:27px; font-weight:bold; line-height:22px;}
.apecDday em{position:relative; display:block; color:#fab849; font-size:16px; font-weight:300; top:11px;}
.timeBox{position:relative; max-width:400px; height:124px; left:50%; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center;}
.timeBox li{position:relative; width:95px; color:#fff; font-size:28px; text-align:center;}
.timeBox li span{display:block; font-weight:bold;}
.timeBox li em{position:relative; font-size:16px; top:-5px;}
.timeBox li:after{display:block; position:absolute; content:":"; font-size:35px; line-height:22px; right:0; top:3px;}
.timeBox li:last-child:after{display:none;}

@-webkit-keyframes introbg{
	0% {-webkit-transform:scale(1.1); transform:scale(1.1);}
 	100%{-webkit-transform:scale(1); transform:scale(1);}
}
@keyframes introbg{
	0% {-webkit-transform:scale(1.1); transform:scale(1.1);}
 	100%{-webkit-transform:scale(1); transform:scale(1);}
}