@charset "utf-8";
/* chosun.com future100 2019.02 */

body { background: #467fff }
.sec05, 
.sec06 { background: #fff }

.pcs_top_logo { position: fixed; left: 60px; top: 40px; width: 100px; height: 25px; background: url('../img/pcs_top_logo.png') no-repeat 0 0; z-index: 99 }
.pcs_top_logo a { display: block; width: 100%; height: 100%; font-size: 0 }
.fp-viewing-firstSection .pcs_top_logo { background-position: 0 -25px }
.fp-viewing-fourSection .pcs_top_logo { display: none }

@media all and (max-width: 768px) {
.pcs_top_logo { display: none!important }    
.fp-responsive.fp-viewing-firstSection .pcs_top_logo { display: block!important; left: 15px; top: 15px; width: 97px; height: 14px; background-size: 100px; background-position: 0 -37px }
}

/* section 02 start */
@media all and (max-width: 768px) {
.section.sec01 {}
.sec02,
.section.sec02 { height: 200vw!important; min-height:200vw!important  }
.section.sec02 .contbox,
.section.sec02 .contbox.m_hight_fix { height: 100vw!important }
}
/* section 02 end */


/* section 03 start */

/*  .sec03 .section_inner { position: relative; height: 100%; padding-left: 450px; box-sizing: border-box } */

h1.pnews_tit { width: 532px; height: 84px; margin: 0 auto 30px; background: url('../img/pnews_tit.png') no-repeat left top; font-size: 0 }

.pnews_wrap { padding-top: 50px }
.pnews_list_wrap { max-width: 1200px; margin: 0 auto }
.sec03 .item_list_wrap { margin-top: 0 }
/* .sec03 .grid_item .img > a { background: none } */
.sec03 .load_icon { display: none }
.pnews_go_more { text-align: center }
.pnews_go_more a { font-size: 20px; font-weight: bold; color: #000;}
.pnews_go_more a:after { content: ' '; display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url(../img/p100_deco.png) no-repeat -350px 0px; vertical-align: -2px }


@media all and (max-width: 768px) { 
.sec03 { height: auto!important }
.sec03 .fp-tableCell { height: auto!important }
.pnews_wrap { padding-top: 0; border-top: solid 9px #f3f3f3 }
h1.pnews_tit { width: 266px; height: 42px; background-size: 266px; transform: scale(0.7) ; -webkit-transform: scale(0.7) ; -moz-transform: scale(0.7) ; -ms-transform: scale(0.7) ; -o-transform: scale(0.7) ; }

/* .grid { height: auto!important; white-space: nowrap; overflow: hidden; overflow-x: scroll }
.sec03 .grid_item { position: static!important; display: inline-block; margin-bottom: 0 } */
.load_icon { display: none }

.pnews_go_more a { font-size: 14px }
.pnews_go_more a:after { width: 16px; height: 15px; background-size: 250px; background-position: -200px 0}

}
/* section 03 end */



/* section 04 start */
.sec04 { overflow: hidden }
.sec04 .fp-tableCell { display: block }
.sec04 .section_inner { position: relative; height: 100%; padding-left: 400px; box-sizing: border-box }

h1.pmap_tit { width: 426px; height: auto; margin: 0 auto 30px; padding-top: 78px; background: url('../img/pmap_title.png') no-repeat left top; font-size: 0 }
h1.pmap_tit .desc { display: inline-block; height: 40px; margin-top: 30px; padding: 0 20px; background: #e5e6e7; font-size: 18px; font-weight: normal; line-height: 39px; color: #999; text-align: center; border-radius: 20px; -webkit-border-radius: 20px ; -moz-border-radius: 20px ; -ms-border-radius: 20px ; -o-border-radius: 20px ; }
h1.pmap_tit .desc:before { content: ' '; display: inline-block; width: 22px; height: 22px; margin-right: 5px; background: url('../img/pmap_deco.png') no-repeat -100px -650px; vertical-align: middle }
.pmap_wrap { width: 100%; height: 100%; padding: 90px 5% 0 1%; box-sizing: border-box; letter-spacing: -0.05em; background: url('../img/pmap_wrap_bg.jpg') no-repeat center bottom; background-size: cover }

.pmap_world { position: relative; width: 1232px; height: 652px; margin: 0 auto; background: url('../img/pmap_world_bg.png') no-repeat left top; text-size-adjust: none; }
.pmap_world > span { position: absolute; display: block; z-index: 3;  }
.pmap_world > span.on { background: url('../img/pmap_world_hover.png') no-repeat }
.pmap_world > span strong { position: absolute; display: block; width: 150px; height: 40px; margin: auto; font-size: 22px; font-weight: normal; color: #fff; text-align: center; text-size-adjust: none }
.pmap_world > span strong i { display: block; font-size: 18px; font-weight: normal }
.pmap_world > span.on strong { color: #000; font-weight: bold }

.pmap_world > span.europe { width: 325px; height: 200px; background-position: 0 0; top: 33px; left: 40px }
.pmap_world > span.asia { width: 550px; height: 375px; background-position: -400px 0; top: 6px; left: 212px }
.pmap_world > span.africa { width: 300px; height: 350px; background-position: 0 -250px; top: 209px; left: -5px }
.pmap_world > span.oceania { width: 200px; height: 150px; background-position: -350px -400px; top: 377px; left: 462px }
.pmap_world > span.north_america { width: 500px; height: 350px; background-position: 0 -600px; top: -6px; left: 748px }
.pmap_world > span.south_america { width: 250px; height: 350px; background-position: -600px -400px; top: 324px; left: 933px }

.pmap_world > span.europe strong { margin-left: 80px; margin-top: 70px }
.pmap_world > span.asia strong { margin-left: 160px; margin-top: 160px }
.pmap_world > span.africa strong { margin-left: 90px; margin-top: 80px }
.pmap_world > span.oceania strong { margin-left: 10px; margin-top: 40px }
.pmap_world > span.north_america strong { margin-left: 140px; margin-top: 100px }
.pmap_world > span.south_america strong { margin-left: 20px; margin-top: 110px }

.pmap_world > .pmap_world_trans { position: absolute; display: block; top: 0; left: 0; z-index: 5 }


.world_list_wrap { width: 400px; height: 100% }
.pmap_list { position: absolute; width: 400px; height: 100%; padding-top: 100px; top: 0; left: 0; background: #fff; box-sizing: border-box }
.pmap_header { position: absolute; top: 0; left: 0; width: 400px; height: 100px; padding: 0 40px; box-sizing: border-box; background: #ffd616 url('../img/pmap_deco.png') no-repeat 0px -750px }
.pmap_header h3 { font-size: 30px; line-height: 100px; color: #000 }
.pmap_header h3 .count { position: absolute; right: 40px; font-size: 20px; font-weight: normal; color: #000 }
.pmap_header h3:before { content: ' '; display: inline-block; width: 32px; height: 45px; background: url('../img/pmap_deco.png') no-repeat 0 -650px; vertical-align: middle }

.world_list_con {}
dl.item { position: relative; padding: 30px 30px 30px 40px; letter-spacing: -0.05em }
dl.item:hover { background: #f3f3f3 }
dl.item + dl.item:before { content: ' '; position: absolute; top: 0; left: 30px; display: block; width: 340px; height: 1px; background: #d7d7d7 } 
dl.item dd.cate { display: inline-block; margin-bottom: 10px; padding: 0 10px; background: #000; font-size: 15px; line-height: 26px; color: #fff; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; }
dl.item dt { margin-bottom: 10px; font-size: 22px; font-weight: bold }
dl.item dd.name,
dl.item dd.country { display: inline; font-size: 18px; color: #777 }
dl.item dd.country:before { content: '| '; color: #d7d7d7 }
dl.item dd.more { position: absolute; top: 46px; right: 30px; font-size: 14px; color: #999; opacity: 0; transition: ease-out opacity 0.4s ; -webkit-transition: ease-out opacity 0.4s ; -moz-transition: ease-out opacity 0.4s ; -ms-transition: ease-out opacity 0.4s ; -o-transition: ease-out opacity 0.4s ; }
dl.item dd.more a { color: #999 }
dl.item dd.more a:before { content: ' '; display: block; width: 33px; height: 33px; margin: 0 auto 10px; background: url('../img/pmap_deco.png') no-repeat -50px -650px }
dl.item:hover dd.more { opacity: 1 }

dl.item.yet {}
dl.item.yet > dt,
dl.item.yet > dd { opacity: 0.2 }
dl.item.yet:hover { background: #fff }
dl.item.yet dd.more { opacity: 0 }
dl.item.yet > dt a {pointer-events: none; cursor: default;}
dl.item.yet > dt a:hover {text-decoration: none;}

.pmap_deco { position: absolute; display: block; background: url('../img/pmap_deco.png') no-repeat }
.pmap_deco.eu1 { width: 70px; height: 116px; background-position: 0 0; left: 70px; top: 65px }
.pmap_deco.eu2 { width: 66px; height: 86px; background-position: -200px 0; left: 220px; top: 25px }
.pmap_deco.as1 { width: 90px; height: 90px; background-position: 0 -150px; left: 340px; top: 225px }
.pmap_deco.as2 { width: 106px; height: 96px; background-position: -100px -150px; left: 460px; top: 45px }
.pmap_deco.as3 { width: 90px; height: 70px; background-position: -250px -150px; left: 520px; top: 140px }
.pmap_deco.as4 { width: 56px; height: 80px; background-position: -350px -150px; left: 620px; top: 30px }
.pmap_deco.af1 { width: 98px; height: 76px; background-position: 0 -300px; left: 0px; top: 250px }
.pmap_deco.af2 { width: 116px; height: 90px; background-position: -100px -300px; left: 90px; top: 410px }
.pmap_deco.af3 { width: 62px; height: 82px; background-position: -250px -300px; left: 190px; top: 320px }
.pmap_deco.af4 { width: 90px; height: 60px; background-position: -350px -300px; left: 190px; top: 230px }
.pmap_deco.oc1 { width: 96px; height: 58px; background-position: 0 -400px; left: 530px; top: 350px }
.pmap_deco.na1 { width: 168px; height: 84px; background-position: 0 -500px; left: 860px; top: 180px }
.pmap_deco.na2 { width: 52px; height: 136px; background-position: -200px -500px; left: 1050px; top: 20px }
.pmap_deco.sa1 { width: 112px; height: 78px; background-position: -100px -400px; left: 910px; top: 490px }
.pmap_deco.sa2 { width: 96px; height: 102px; background-position: -250px -400px; left: 1070px; top: 390px }
.pmap_deco.air { width: 100px; height: 96px; background-position: -150px -650px; left: 620px; bottom: -100px; animation: linear map_air_fly 10s infinite; -webkit-animation: linear map_air_fly 10s infinite; transform-origin: right bottom } 
.pmap_deco.air:after { content: ' '; position: absolute; top:76px; left: -100px; display: block; width: 112px; height: 92px; background: url('../img/pmap_deco.png') no-repeat -250px -650px }

.pmap_deco.txt1 { width: 112px; height: 14px; background-position: -350px -500px; left: 310px; top: 390px }
.pmap_deco.txt2 { width: 112px; height: 14px; background-position: -350px -550px; left: 680px; top: 270px }
.pmap_deco.txt3 { width: 112px; height: 14px; background-position: -350px -600px; left: 1060px; top: 290px }

@keyframes map_air_fly {
0% { transform: translate(0, 0) rotate(-45deg); -webkit-transform: translate(0, 0) rotate(-45deg); -moz-transform: translate(0, 0) rotate(-45deg); -ms-transform: translate(0, 0) rotate(-45deg); -o-transform: translate(0, 0) rotate(-45deg); }
50% { transform: translate(400px, -200px) rotate(45deg); -webkit-transform: translate(400px, -200px) rotate(45deg); -moz-transform: translate(400px, -200px) rotate(45deg); -ms-transform: translate(400px, -200px) rotate(45deg); -o-transform: translate(400px, -200px) rotate(45deg); }
100% { transform: translate(800px, 0px) rotate(90deg); -webkit-transform: translate(800px, 0px) rotate(90deg); -moz-transform: translate(800px, 0px) rotate(90deg); -ms-transform: translate(800px, 0px) rotate(90deg); -o-transform: translate(800px, 0px) rotate(90deg); }
}


@media all and (max-width: 768px) { 
.sec04 { height: 100vh!important }
.sec04 .section_inner { height: 100vh!important; padding: 0 }
.sec04 .fp-tableCell { height: 100vh!important }
h1.pmap_tit { width: auto; margin-bottom: 15px; padding-top: 0; background: none; text-align: center }
h1.pmap_tit .desc { height: auto; margin: 0; padding: 0; background: none; font-size: 0; line-height: 16px }
h1.pmap_tit .desc:before { width: 11px; height: 11px; background-size: 250px; background-position: -50px -325px;}
h1.pmap_tit .desc:after { content: '지도를 선택해서 대륙별 정보를 확인해보세요!'; font-size: 14px; vertical-align: middle  }
.pmap_wrap { width: auto; height: auto; padding: 10px }

.pmap_list { position: relative; width: 100%; height: 400px; top: auto; left: auto; padding-top: 38px }
.pmap_header { width: 100vw; height: 38px; padding: 0 15px; background-size: 250px; background-position: 0 -375px }
.pmap_header h3 { font-size: 16px; line-height: 38px }
.pmap_header h3:before { width: 16px; height: 22px; background-size: 250px; background-position: 0 -325px }
.pmap_header h3 .count { right: 15px; font-size: 14px }
.world_list_wrap { width: auto }
.pmap_world > span strong { display: none }
.pmap_world > span strong i { display: none }

dl.item { padding: 15px }
dl.item + dl.item:before { width: 100%; width: calc(100% - 30px); left: 0; right: 0; margin: 0 auto }
dl.item dd.cate { font-size: 14px; line-height: 20px; margin-bottom: 5px }
dl.item dt { font-size: 18px; font-weight: normal; margin-bottom: 5px }
dl.item dd.name, 
dl.item dd.country { font-size: 14px; color: #999 }
dl.item dd.more { font-size: 13px }
dl.item dd.more a:before { width: 17px; height: 17px; margin-bottom: 5px; background-size: 250px; background-position: -25px -325px }

.pmap_deco { transform: scale(1.5) ; -webkit-transform: scale(1.5) ; -moz-transform: scale(1.5) ; -ms-transform: scale(1.5) ; -o-transform: scale(1.5) ; }
.pmap_deco.eu2,
.pmap_deco.as1,
.pmap_deco.as2,
.pmap_deco.as4,
.pmap_deco.af1,
.pmap_deco.af2,
.pmap_deco.af3,
.pmap_deco.na1,
.pmap_deco.sa2,
.pmap_deco.air
{ display: none }

/* end sec04 responsive */
}

/* section 04 end */







/* section 05 start */
.sec05 .fp-tableCell { display: block }
.sec05 .section_inner { height: 100%; padding-top: 70px; box-sizing: border-box; background:  url('../img/p100_wrap_bg.png') no-repeat center top; background-size: cover  }

h1.p100_tit { width: 490px; height: 80px; margin: 0 auto; background: url('../img/p100_title.png') no-repeat left top; font-size: 0 }
.p100_wrap { padding-top: 80px; height: 600px; height: calc( 100% - 170px ) }
.p100_face_box { position: relative; max-width: 1200px; height: 100%; margin: 0 auto }
.p100_face_list { width: 100%; height: 100%; padding-left: 10px; margin-right: 20px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-wrap: wrap }

.p100_face_box > div, .p100_face_box > div > div { height: 100% }

dl.p100_face_item { position: relative; display: inline-block; width: 160px; height: 160px; margin: 5px 10px 5px 0; text-align: center  }
dl.p100_face_item:after { content: ' '; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 1; transition: ease-out top 0.4s ; -webkit-transition: ease-out top 0.4s ; -moz-transition: ease-out top 0.4s ; -ms-transition: ease-out top 0.4s ; -o-transition: ease-out top 0.4s ; border-radius: 100% ; -webkit-border-radius: 100% ; -moz-border-radius: 100% ; -ms-border-radius: 100% ; -o-border-radius: 100% ; }
dl.p100_face_item a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; background: #fff; border: 0; z-index: 3; border-radius: 100% ; -webkit-border-radius: 100% ; -moz-border-radius: 100% ; -ms-border-radius: 100% ; -o-border-radius: 100%; }
dl.p100_face_item a dd.face_pic { position: absolute; top: 0; left: 0; width: 160px; height: 160px; background: #555 }
dl.p100_face_item a dd.face_pic:after { content: ' '; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; opacity: 0; transition: ease-out all 0.4s ; -webkit-transition: ease-out all 0.4s ; -moz-transition: ease-out all 0.4s ; -ms-transition: ease-out all 0.4s ; -o-transition: ease-out all 0.4s ; }
dl.p100_face_item a dd.face_pic img { width: 100%; height: 100% }
dl.p100_face_item a dt { position: absolute; display: table; top: 5px; bottom: 5px; left: 5px; right: 5px; width: 150px; height: 150px; font-size: 20px; font-weight: 900; word-break: keep-all; color: #000; opacity: 0; transition: ease-out opacity 0.4s ; -webkit-transition: ease-out opacity 0.4s ; -moz-transition: ease-out opacity 0.4s ; -ms-transition: ease-out opacity 0.4s ; -o-transition: ease-out opacity 0.4s ; transition-delay: 0s; }
dl.p100_face_item a dt > span { display: table-cell; vertical-align: middle }
dl.p100_face_item a dt .face_name { display: block; padding-top: 13px; font-size: 14px; font-weight: normal }

dl.p100_face_item:hover:after { top: 7px }
dl.p100_face_item:not(.yet) a:hover { border: solid 5px #000 }
dl.p100_face_item:not(.yet) a:hover dd.face_pic { top: -5px; left: -5px }
dl.p100_face_item:not(.yet) a:hover dd.face_pic:after { opacity: 0.7 }
dl.p100_face_item:not(.yet) a:hover dt { opacity: 1; top: 0; bottom: 0; left: 0; right: 0;  }

dl.p100_face_item.yet a dd.face_pic img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.6 }
dl.p100_face_item.yet a:after { content: '탐험예정'; position: absolute; display: block; bottom: 15px; left: 5px; right: 5px; width: 150px; text-align: center; font-size: 14px; font-weight: 400; color: #fff; transform: rotate( -10deg ) ; -webkit-transform: rotate( -10deg ) ; -moz-transform: rotate( -10deg ) ; -ms-transform: rotate( -10deg ) ; -o-transform: rotate( -10deg ) ; }
dl.p100_face_item.yet a:hover:after {}


.sec05 #mCSB_2_scrollbar_horizontal { position: absolute; top: -80px; left: 0; right: 0; width: 670px; margin: 0 auto }
.sec05 .mCSB_horizontal.mCSB_outside>.mCSB_container { height: 100% }

#mCSB_2_dragger_horizontal { height: 90px; margin-top: -70px; padding-top: 70px }
.mCSB_scrollTools { opacity: 1 }
.sec05 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background: url('../img/p100_dash_bg.png') repeat-x left top }
.sec05 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 13px; background: #fff; border: solid 3px #000; box-sizing: border-box; opacity: 1 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { margin: 2px auto }
.sec05 .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .sec05 .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background: #fff }
.sec05 .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #fff }
.sec05 .mCSB_dragger:before { content: ' '; position: absolute; display: block; top: -10px; left: 0px; width: 108px; height: 88px; background: url('../img/p100_deco.png') no-repeat 0 -100px; z-index: 4; animation: drag_walk 0.4s steps(3) infinite normal; -webkit-animation: drag_walk 0.4s steps(3) infinite normal; }
.sec05 .mCSB_dragger:after { content: ' '; position: absolute; top: -25px; left: -15px; display: inline-block; width: 44px; height: 24px; background: url('../img/p100_deco.png') no-repeat -450px 0px }
/* .sec05 .mCSB_dragger.mCSB_dragger_onDrag:before { background-color: #e5e5e5 } */

@keyframes drag_walk {
0% { background-position: -0px -100px }
100% { background-position: -324px -100px }
}

.p100_deco { position: absolute; display: block; background: url('../img/p100_deco.png') no-repeat }
.p100_deco.air { width: 132px; height: 62px; background-position: 0 0; animation: ease-out fly 50s infinite; -webkit-animation: ease-out fly 50s infinite; }
.p100_deco.cloud_big { width: 72px; height: 46px; background-position: -150px 0; top: 55%; left: 50%; margin-left: -730px; animation: ease-in-out cloud_fly 5s infinite alternate ; -webkit-animation: ease-out cloud_fly 7s infinite alternate ; }
.p100_deco.cloud_big2 { width: 72px; height: 46px; background-position: -150px 0; top: 25%; left: 50%; margin-left: 720px; animation: ease-in-out cloud_fly 20s infinite alternate ; -webkit-animation: ease-in-out cloud_fly 20s infinite alternate ; }
.p100_deco.cloud_mid { width: 50px; height: 32px; background-position: -250px 0; top: 220px; left: 50%; margin-left: -630px; animation: ease-in-out cloud_fly 5s infinite alternate-reverse ; -webkit-animation: ease-in-out cloud_fly 5s infinite alternate-reverse ; }
.p100_deco.cloud_small { width: 38px; height: 24px; background-position: -300px 0; bottom: 70px; left: 50%; margin-left: -670px; animation: ease-in cloud_fly 30s infinite alternate ; -webkit-animation: ease-in cloud_fly 30s infinite alternate ; }
.p100_deco.cloud_small2 { width: 38px; height: 24px; background-position: -300px 0; bottom: 5%; right: 10%; animation: ease-in cloud_fly 10s infinite alternate-reverse ; -webkit-animation: ease-in cloud_fly 10s infinite alternate-reverse ; }

@keyframes air_fly {
0% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
100% { transform: translate( -300px, -50px ); -webkit-transform: translate( -300px, -50px ); -moz-transform: translate( -300px, -50px ); -ms-transform: translate( -300px, -50px ); -o-transform: translate( -300px, -50px ); }
}

@keyframes cloud_fly {
0% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
100% { transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); -moz-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); -o-transform: translate(-100px, 0); }
}

@media all and (max-width: 768px) { 
.sec05,
.sec05 .fp-tableCell,
.sec05 .section_inner { height: auto!important }
.sec05 .section_inner { padding-top: 10px; background-size: 910px }
.p100_wrap { height: 380px; margin: 0; padding-top: 20px }
h1.p100_tit { width: 245px; height: 40px; background-size: 245px; transform: scale(0.7) ; -webkit-transform: scale(0.7) ; -moz-transform: scale(0.7) ; -ms-transform: scale(0.7) ; -o-transform: scale(0.7) ; }

dl.p100_face_item,
dl.p100_face_item a dd.face_pic { width: 80px; height: 80px }
dl.p100_face_item a dt { top: 2px; right: 2px; bottom: 2px; left: 2px; width: 75px; height: 75px; font-size: 12px }

dl.p100_face_item a dt .face_name { padding-top: 0; font-size: 10px }
dl.p100_face_item.yet a:after { width: 75px }
dl.p100_face_item:not(.yet) a:hover { border-width: 2px }
dl.p100_face_item:not(.yet) a:hover dd.face_pic { top: -2px; left: -2px }

.sec05 #mCSB_2_scrollbar_horizontal { width: auto; margin: 0 15px; top: -20px }
.sec05 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 7px; border-width: 2px}
.sec05 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { margin: 5px auto }

.p100_deco { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); }
.p100_deco.air { margin-top: 200px }
.p100_deco.cloud_big { zoom: 0.5; margin-left: 0; top: 60%; left: 30% }
.p100_deco.cloud_big2, 
.p100_deco.cloud_mid,
.p100_deco.cloud_small2 { display: none }
.p100_deco.cloud_small { zoom: 0.5; margin-left: -70px; margin-bottom: -50px }





.p100_face_list { padding-left: 15px }
.p100_face_list:after { content: ' '; display: inline-block; width: 100px; height: 80px }

.sec05 .mCSB_dragger:before { transform-origin: center bottom; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); }
.sec05 .mCSB_dragger:after { transform-origin: center bottom; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); top: 10px; left: 10px }
/* end sec05 responsive */
}

/* section 05 end */






/* section 06 start */
/* .sec06 .fp-tableCell { display: block }
.sec06 .section_inner { height: 100%; padding-top: 130px; box-sizing: border-box; background:  url('../img/p100_wrap_bg.png') no-repeat center top; background-size: cover  } */
/* .sec06 .section_inner { height: auto } */

h1.psns_tit { width: 468px; height: 80px; margin: 0 auto 50px; background: url('../img/psns_title.png') no-repeat left top; font-size: 0 }

.psns_wrap { position: relative; height: 100%; max-width: 1200px; margin: 0 auto; padding-top: 70px; padding-bottom: 85px; box-sizing: border-box }
.psns_mid { position: relative; margin-bottom: 30px; padding-right: 475px; box-sizing: border-box; overflow: hidden; z-index: 3 }
.psns_right { position: absolute; top: 0; right: 0; width: 455px; }
.psns_fb { padding: 10px; background: #fff url('../img/psns_fb_bg.png') no-repeat center top; border: solid 4px #467fff; box-sizing: border-box }
.psns_insta { overflow: hidden }
ul.myfeed { margin: -10px; background: #e5e5e5 }
ul.myfeed li { float: left; position: relative; width: 33.3%; height: 0; padding-top: 33.3% }
ul.myfeed li a { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; display: block; overflow: hidden; background: #000 }
ul.myfeed li a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;  margin: auto }

.psns_yt { margin-top: 10px }
.psns_yt img { width: 100% }

.psns_tagbox { position: relative; padding-right: 40px; z-index: 3 }
.psns_tagbox_scroll { }
ul.psns_tags { padding-left: 0px; white-space: nowrap }
ul.psns_tags:after { content: ' '; display: none; width: 20px; height: 5px }
ul.psns_tags li { display: inline; font-size: 24px; font-weight: bold; color: #222}
ul.psns_tags li + li { margin-left: 15px }
ul.psns_tags li a { display: inline-block; height: 60px; padding: 0 30px; background: #fff; border: solid 3px #111; color: #222; line-height: 60px; border-radius: 85px; -webkit-border-radius: 85px; -moz-border-radius: 85px; -ms-border-radius: 85px; -o-border-radius: 85px; }
ul.psns_tags li a:hover { background: #467fff; color: #fff; text-decoration: none }
ul.psns_tags li a:before { content: '#'}


.psns_decobox { position: absolute; bottom: 110px; left: 0; right: 0; height: 5px; background: #111; z-index: 1 }
.psns_deco { position: absolute; display: block; background: url('../img/psns_deco.png') no-repeat }
.psns_deco.explorer { width: 88px; height: 220px; background-position: 0 -200px; left: 50%; bottom: 0; margin-left: 610px; transform-origin: left bottom; transform: scale(0.8) ; -webkit-transform: scale(0.8) ; -moz-transform: scale(0.8) ; -ms-transform: scale(0.8) ; -o-transform: scale(0.8) ; }
.psns_deco.explorer:after { content: ' '; position: absolute; top: -165px; left: 30px; display: block; width: 190px; height: 195px; background: url('../img/psns_deco.png') no-repeat -100px -200px }
.psns_deco.remains { width: 406px; height: 176px; background-position: 0 0; left: 50%; bottom: 3px; margin-left: -930px }
.psns_deco.remains2 { width: 1088px; height: 177px; background: url('../img/psns_deco2.png') no-repeat center top; left: 50%; bottom: 3px; margin-left: -700px }

#mCSB_3_scrollbar_horizontal { bottom: -20px }

.widenews_copy { position: absolute; bottom: 0; left: 0; right: 0; border: 0!important }

@media all and (max-width: 768px) {
.sec06,
.sec06 .fp-tableCell,
.sec06 .section_inner { height: auto!important }

.psns_wrap { height: auto; padding-top: 0px; padding-bottom: 0 }
h1.psns_tit { width: 234px; height: 40px; margin-bottom: 10px; background-size: 234px; transform: scale(0.7) ; -webkit-transform: scale(0.7) ; -moz-transform: scale(0.7) ; -ms-transform: scale(0.7) ; -o-transform: scale(0.7) ; }
.psns_mid { padding-right: 0; margin-bottom: 15px; overflow: visible }

.psns_right { position: relative; top: auto; right: auto; width: auto; margin: 0 15px 20px; }
.psns_fb { background: none }
.psns_insta { margin: 0 15px 20px }
ul.myfeed li a { top: 5px; left: 5px; right: 5px; bottom: 5px }

.psns_tagbox { margin: 0 0 80px; padding-right: 0 }
ul.psns_tags { padding-left: 15px }
ul.psns_tags:after { content: ' '; display: inline-block; width: 20px }
ul.psns_tags li { font-size: 15px }
ul.psns_tags li + li { margin-left: 7px }
ul.psns_tags li a { height: 36px; padding: 0 15px; line-height: 36px; border-width: 2px; box-sizing: content-box }

.psns_decobox { position: relative; bottom: auto; left: auto; right: auto; height: 0px; background: none; border-bottom: solid 4px #000 }
/* .psns_decobox:after { content: "미래가 '현재 진행형'인 \A 세계 각지를 탐험합니다."; display: block; width: 50%; margin: 0 auto; padding-top: 10px; font-size: 16px; color: #fff; text-align: center; white-space: pre } */
.psns_deco.explorer { margin-left: -220px; width: 44px; height: 110px; background-size: 250px; background-position: 0 -100px; left: auto; right: 15px }
.psns_deco.explorer:after { display: none }
.psns_deco.remains { margin-left: 0; margin-right: -70px; bottom: -2px; left: auto; right: 50%; width: 219px; height: 88px; background-size: 250px; background-position: 0 -225px }
.psns_deco.remains2 { margin-left: -240px; left: 0; width: 544px; height: 89px; background-size: 544px }

.psns_tagbox_scroll { overflow: hidden; overflow-x: scroll }

.widenews_copy { position: static; padding-top: 0!important; letter-spacing: 0!important }

/* end sec06 responsive */    
}

/* section 06 end */

/* height responsive fix */
@media all and (max-height: 900px) and (min-width: 1024px) {
.pnews_wrap,
.pmap_wrap,
.sec05 .section_inner,
.psns_wrap { padding-top: 20px }
.pnews_list_wrap { width: 900px; margin-top: -5px }
.sec03 .grid_item .bot a.txt2 { height: 2.6em; overflow: hidden }
.psns_tagbox { display: none }
.psns_deco.explorer:after { display: none }

h1.pnews_tit,
h1.pmap_tit,
h1.p100_tit,
h1.psns_tit { margin-bottom: 10px; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); }
.sec03 .grid_item .bot { min-height: 135px; padding: 10px }
.floating_banner { top: 2%; zoom: 0.7 }
.p100_wrap { width: 1020px; padding-top: 40px; margin: 0 auto }
.sec05 #mCSB_2_scrollbar_horizontal { top: -40px }
.psns_deco.remains { margin-left: -590px; transform-origin: left bottom; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5);  }
.psns_deco.explorer { margin-left: 610px; transform-origin: left bottom;  }

/* height responsive fix end */
}




.itr_made { margin: 20px 0; padding: 0 10px; background: none; border: 0 }
.itr_made dl + dl { margin-left: 20px}

@media all and (max-width: 768px) {

body, input, button, textarea{ font-family: AppleSDGothicNeo-Regular, "맑은 고딕", "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, "Apple SD Gothic Neo", sans-serif }

.section.sec01,
.section.sec01 .section_inner { min-height: 95vh; height: 90vh }
.section.sec01 .intro_txt_box { top: 55% }
.section.sec01 .cloud.r2 { bottom: 20% }
.itr_made dl + dl { margin-left: 10px}    

.sec02, .section.sec02 { height: 140vw!important; min-height: 140vw!important }
.section.sec02 .contbox, .section.sec02 .contbox.m_hight_fix { height: 70vw!important }
.section.sec02 .photo img { height: 220px }
.section.sec02 .tit_txt_bx .txt_bx_r { font-size: 20px; line-height: 1.25; font-weight: bold }
.section.sec02 dl.art_txt_bx dd.desc { padding-top: 10px }
h1.pnews_tit { margin-bottom: 10px }

.sec02,
.sec03,
.sec04,
.sec05,
.sec06 { }

.grid { height: auto!important }
.sec03 .grid_col_sizer { width: 100%; white-space: nowrap; overflow: hidden; overflow-x: scroll }
.sec03 .grid_item { display: inline-block; position: static!important; margin-right: 10px;  padding: 0; border-bottom: 0; width: calc( 100% - 40px ); vertical-align: top }
.sec03 .grid_item:first-child { margin-left: 15px }
.sec03 .grid_item .bot a { white-space: normal }
.pnews_go_more { margin: 0 15px; border-top: solid 1px #eaeaea; padding-top: 15px; padding-bottom: 20px }

h1.pnews_tit, h1.pmap_tit, h1.p100_tit, h1.psns_tit { margin-top: 25px }
.main-nav ul li.active a { font-weight: bold }
h1.pmap_tit { margin-top: 10px }
.pmap_wrap { background-image: url('../img/pmap_wrap_mbg.jpg') }
/* mobile tune */
.fp-responsive.fp-viewing-firstSection .floating_banner { top: 2% }

}



/* 섹션 위치 이동으로 copyright를 넣게 되면서 공간 좁아짐, 작은 노트북 대응 사이즈를 디폴트로 start 2019.03 */
.section.sec02 { min-height: 700px }
.section.sec02 .tit_txt_bx { margin-bottom: 40px }
.section.sec02 .fp-controlArrow.fp-prev,
.section.sec02 .fp-controlArrow.fp-next { margin-bottom: 90px }
.section.sec02 .tit_txt_bx { left: 50%; margin-left: -660px }

.section.sec03 .pnews_wrap { opacity: 0 } 
.fp-enabled .section.sec03 .pnews_wrap { opacity: 1 }
.sec04 .section_inner { opacity: 0 }
.fp-enabled .sec04 .section_inner { opacity: 1 }

.psns_decobox { height: 0; bottom: -3px }
.psns_deco.remains { margin-left: -590px }
.itr_made { margin: 15px 0 }
.itr_made dl { font-size: 12px }

@media all and (max-height: 900px) and (min-width: 1024px) { 
.section.sec02 .tit_txt_bx { transform: scale(0.6); bottom: 17%; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform-origin: left bottom; margin-bottom: 80px }
.section.sec02 .tit_txt_bx .txt_bx_r {padding-left:619px;}
.section.sec02 .tit_txt_bx .txt_bx_l:after {width:160px;}
.section.sec02 .tit_txt_bx { margin-left: -320px }
}

@media all and (max-width:768px) {
.section.sec03 .pnews_wrap,
.sec04 .section_inner { opacity: 1 }
.itr_made { margin-top: 0!important; padding-top: 10px!important }
.section.sec02 .fp-controlArrow.fp-prev, .section.sec02 .fp-controlArrow.fp-next { margin-bottom: 0 }
}
/* 섹션 위치 이동으로 copyright를 넣게 되면서 공간 좁아짐, 작은 노트북 대응 사이즈를 디폴트로 start */



/* about 20190320 start */
.pcs_about { position: absolute; display: none; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 900px; height: 700px; box-sizing: border-box; background: #fff; border: solid 5px #000; overflow: hidden; z-index: 25; border-radius: 30px; -webkit-border-radius: 30px ; -moz-border-radius: 30px ; -ms-border-radius: 30px ; -o-border-radius: 30px ; }
.pcs_about.vis { display: block }
.about_tit { position: relative; height: 250px; padding-top: 35px; box-sizing: border-box; text-align: center; letter-spacing: -0.05em }
.about_tit:before { content: ' '; position: absolute; top: 0; left: 0; display: block; width: 900px; height: 250px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat center -50px }
.about_tit span.desc { position: relative; font-size: 25px }

.about_tit:after { content: ' '; position: absolute; left: 85px; top: 50px; display: block; width: 50px; height: 32px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat -200px -350px; transform:scale(0.8)  ; -webkit-transform:scale(0.8)  ; -moz-transform:scale(0.8)  ; -ms-transform:scale(0.8)  ; -o-transform:scale(0.8)  ; }
.about_tit h1:before { content: ' '; position: absolute; left: auto; right: 95px; top: 50px; display: block; width: 50px; height: 32px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat -200px -350px; transform:scale(1)  ; -webkit-transform:scale(1)  ; -moz-transform:scale(1)  ; -ms-transform:scale(1)  ; -o-transform:scale(1)  ; }

.about_tit h1 { position: relative; text-align: center; margin-top: -4px; font-size: 50px; font-weight: 900 }
.about_tit h1:after { content: ' '; position: absolute; bottom: -20px; left: 50%; margin-left: 210px; display: block; width: 56px; height: 130px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat 0px -350px; transform:scale(0.8)  ; -webkit-transform:scale(0.8)  ; -moz-transform:scale(0.8)  ; -ms-transform:scale(0.8)  ; -o-transform:scale(0.8)  ; }
.about_body { position: relative; height: 500px; margin: -80px 30px 30px }
.about_body p { margin-bottom: 15px; font-size: 16px; line-height: 1.625; color: #777; letter-spacing: -0.025em }
.about_body p.about_point { padding-left: 15px; border-left: solid 3px #000; font-size: 20px; line-height: 1.5; font-style: italic; color: #000 }
.about_close { position: absolute; display: block; top: 20px; right: 20px; width: 56px; height: 56px;background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat -100px -350px; font-size: 0 }

/* english 20190920 start */
.pcs_eng { position: absolute; display: none; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 900px; height: 700px; box-sizing: border-box; background: #fff; border: solid 5px #000; overflow: hidden; z-index: 25; border-radius: 30px; -webkit-border-radius: 30px ; -moz-border-radius: 30px ; -ms-border-radius: 30px ; -o-border-radius: 30px ; }
.pcs_eng.vis { display: block }
.eng_tit { position: relative; padding-top: 45px; box-sizing: border-box; text-align: center; letter-spacing: -0.05em }
.eng_tit:before { content: ' '; position: absolute; top: 0; left: 0; display: block; width: 900px; height: 250px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat center -50px }
.eng_tit span.desc { position: relative; font-size: 25px }

.eng_tit h1:before { content: ' '; position: absolute; left: auto; right: 95px; top: 50px; display: block; width: 50px; height: 32px; background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat -200px -350px; transform:scale(1)  ; -webkit-transform:scale(1)  ; -moz-transform:scale(1)  ; -ms-transform:scale(1)  ; -o-transform:scale(1)  ; }

.eng_tit h1 { position: relative; text-align: left; margin-top: -4px; margin-left: 40px; font-size: 30px; font-weight: 900 }
.eng_body { position: relative; height: 580px; margin: 15px 20px 30px 40px; padding-right: 20px; overflow-y: scroll }
.eng_body p { margin-bottom: 15px; font-size: 16px; line-height: 1.625; color: #777; letter-spacing: -0.025em }
.eng_body p.eng_point { padding-left: 15px; border-left: solid 3px #000; font-size: 20px; line-height: 1.5; font-style: italic; color: #000 }
.eng_close { position: absolute; display: block; top: 20px; right: 20px; width: 56px; height: 56px;background: url('//news.chosun.com/national/future100/img/pabout_img.png') no-repeat -100px -350px; font-size: 0 }

.eng_intro { margin-bottom: 40px; font-size: 16px; line-height: 26px; color: #777 }
.eng_intro > p { display: none }
.eng_intro > p:first-child { display: block }
.eng_intro_more { text-align: center }
.eng_intro_more a { font-size: 15px; font-weight: bold; color: #000;}
.eng_intro_more a:after { content: ' '; display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url(../img/p100_deco.png) no-repeat -350px 0px; vertical-align: -4px }

.eng_news_index {}
.eng_news_index h4 { margin-bottom: 20px; font-size: 24px; font-weight: 900; color: #000 }
dl.eng_art_item { margin-bottom: 20px }
dl.eng_art_item dd.country { display: inline; font-size:15px; color: #777 }
dl.eng_art_item dd.cate { display: inline; font-size:15px; color: #777 }
dl.eng_art_item dd.cate:before { content: '| '; color: #d7d7d7}
dl.eng_art_item dt { font-size: 18px; color: #000 }
dl.eng_art_item dt a {}



.for_mobile { display: none }

@media all and (max-width:768px) {
.pcs_about { display: none }
.floating_banner { display: none }
.for_mobile { display: block }
}

/* about 20190320 end */

/* 3rd update */
.intro_btn { position: absolute; width: 230px; margin: auto; left: 0; right: 0; bottom: -100px; }
.intro_btn img:hover { cursor: pointer }
.intro_btn > a { display: none }
.fly_youtube { position: absolute; top: 60px; left: -20px; animation: steps(5, end) fly_tv 0.7s infinite alternate; -webkit-animation: steps(5, end) fly_tv 0.7s infinite alternate; }

.eng_intro_btn { position: absolute; width: 230px; margin: auto; left: 0; right: 0; bottom: -100px; }
.eng_intro_btn img:hover { cursor: pointer }
.eng_intro_btn > a { display: none }

@keyframes fly_tv {
0% { transform: translate( 0, 0 ) ; -webkit-transform: translate( 0, 0 ) ; -moz-transform: translate( 0, 0 ) ; -ms-transform: translate( 0, 0 ) ; -o-transform: translate( 0, 0 ) ; }
100% { transform: translate( 10px, 20px ); -webkit-transform: translate( 10px, 20px ); -moz-transform: translate( 10px, 20px ); -ms-transform: translate( 10px, 20px ); -o-transform: translate( 10px, 20px ); }
}

@media all and (max-width:768px) {
.intro_btn { bottom: -70px }
.intro_btn img { height: 50px }
.intro_btn > img { display: none }
.intro_btn > a { display: inline-block }
.fly_youtube { display: none }

.eng_intro_btn { bottom: -70px }
.eng_intro_btn img { height: 50px }
.eng_intro_btn > img { display: none }
.eng_intro_btn > a { display: inline-block }
}


/* end */