@import url('board.css');

.china-section{height:1411px;margin-top:-80px}
.china-section:before{content:'';position:absolute;left:50%;top:0;width:1px;height:150px;background-color:#ccb581}
.rotate-circle{margin-left:-768px;top:-77px}

.china-map{margin-left:-390px;top:380px}

.china-heading{padding-top:220px}
.china-heading .head{font-size:70px;line-height:115%;letter-spacing:-0.025em;color:#fff;font-family:'scdream8'}
.china-heading .head em{color:#ccb581}
.china-heading .body{margin-top:20px}

.china-content{margin-top:405px}
/*.china-picture .caption{margin-left:30px}*/
.china-picture .picture{width:510px;height:330px;margin-top:13px;background-color:black}
.china-letters{left:640px;top:45px}
.china-letters .head{margin-top:36px}
.china-letters .body{margin-top:25px;white-space:nowrap}

.success-section{padding-top:140px;background-color:#ccb581}
.success-heading{font-size:70px;line-height:115%;letter-spacing:-0.025em;color:#000;font-family:'scdream8'}
.success-list{margin-top:68px}
.success-list li{width:510px;height:460px}
.success-list li:nth-child(2n - 1){clear:both;margin-right:40px}
.success-list .picture{height:287px;background-repeat:no-repeat;background-position:center;background-size:cover}
.success-list .letters{padding:22px 0 0 30px}
.success-list .head{font-size:26px;color:#111}
.success-list .body{margin-top:5px;color:#111}

.success-circle{top:97px;margin-left:-875px}

/* list page paging */
.paging_prevnext{border:1px solid #000}
.paging_prev{background-image:url('../img/board/paging_prev_black.png')}
.paging_next{background-image:url('../img/board/paging_next_black.png')}
.paging_start{background-image:url('../img/board/paging_start_black.png')}
.paging_end{background-image:url('../img/board/paging_end_black.png')}
.paging_ul a, .paging_ul span{color:#111111}
.paging_ul a:hover, .paging_ul span{color:#111111}
.paging_ul a:hover:after, .paging_ul span:after{background:#111111}

/* success popup */
.pv-container-parent{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1010;background-color:#ccb581}
.pv-container{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:100%;background:#ccb581;box-sizing:border-box}
.media_pop_inner .img_area{padding:0 3vw;width:50%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#000000;box-sizing:border-box;}
.media_pop_inner .text_area{overflow-y:auto;width:50%;box-sizing:border-box}
.media_pop_inner .text_area{padding:110px 85px 0;box-sizing:border-box}
.media_pop_inner .text_area .ttl_wrap{padding-bottom:20px;}
.media_pop_inner .text_area .title{font-family:'NotoSansKR-Bold';font-size:60px;letter-spacing:-0.05em;line-height:130%;color:#000;word-break:keep-all;}
.media_pop_inner .text_area .title em{font-family:'NotoSansKR-Medium'}
.media_pop_inner .text_area .text_wrap{padding-top:24px;padding-bottom:100px;font-size:18px;letter-spacing:-0.05em;line-height:167%;color:#000000}
.media_pop_inner .text_area .box_title{margin-bottom:10px;font-size:18px;letter-spacing:-0.05em;color:#666666}
.story_pop_close{right:10px;bottom:5px}
.pv-closer{position:absolute;right:0;top:0;width:100px;height:100px;z-index:10}
.media_pop_inner .artb_sb{font-size:40px;letter-spacing:-0.025em;line-height:125%;color:#fff}
.media_pop_inner .video_area{position:relative;margin-top:10%;height:50%;}
.media_pop_inner .video_area img, .clt_top_vis .video_area iframe{position:absolute;left:0;top:0}

.time_wrap{overflow:hidden;padding-top:50px;width:100%}
.time_wrap::after{content:'';display:block;clear:both}
.time_wrap .key_word{float:left;width:50%;min-width:290px}
.time_wrap .key_word img{width:100%;}
.time_wrap .time_search{float:right;width:40%;box-sizing:border-box}
.time_wrap .time_search li{margin-bottom:22px;cursor:pointer;}
.time_wrap .time_search li:last-child{margin-bottom:0}
.time_wrap .time_search .time_ttl{width:142px;padding-right:50px;font-family:'NotoSansKR-Bold';font-size:18px;letter-spacing:-0.05em;color:#fff}
.time_wrap .time_search .time_clock{font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.05em;color:#ccc}
@media screen and (max-width: 1500px) {
    .time_wrap .key_word{width:300px;margin-right:5px}
    .time_wrap .time_search{width:240px;box-sizing:border-box}
}

.text_area .text_wrap p{font-size:18px !important;line-height:178% !important;}
.text_area .text_wrap p strong span{display:inline-block;margin-top:15px;margin-bottom:10px;font-family:'NotoSansKR-Bold' !important;font-size:25px !important;line-height:128% !important}
.text_area .text_wrap p strong{display:inline-block;margin-top:15px;margin-bottom:10px;font-family:'NotoSansKR-Bold' !important;font-size:25px !important;line-height:128% !important}