@charset "utf-8"; 
.container .creator_wrap{padding-bottom:16px;}
.container .creator_wrap .move_inner_wrap{overflow:hidden;}
.container .creator_wrap.fixed .move_inner_wrap .fixed_wrap{position:fixed; top:auto; width:100%; min-width:1024px; overflow:hidden;}
.container .creator_wrap.fixed.fixed-end .move_inner_wrap .fixed_wrap{position:relative;}
.container .creator_wrap:after{content:''; display:block; clear:both;}
.container .creator_wrap .inner_section{float:left; top:auto;}

.intro_area {position:relative;}
.intro_area .intro_img{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/static/images/pc/creator/img_creator_intro_01.png) no-repeat bottom / cover;}
.intro_area .title_ani{position:absolute; left:0; bottom:30px; width:100%;}
.intro_area .intro_txt{padding-bottom:15px; font-family:'Eina03-SemiBold'; font-size:11.63vw; letter-spacing:-0.025em; text-transform:uppercase; text-align:center; color:#fff;}
.intro_area .intro_desc{font-family:'Eina03-Regular'; font-size:0.75vw; line-height:0.85vw; letter-spacing:-0.025em; text-transform:uppercase; text-align:center; color:#fff;}
.intro_area .scroll_guide {position:absolute; top:50%; right:30px; margin-top:-25px;}
.intro_area .scroll_guide a{display:block; width:55px; height:55px; background:url('/static/images/pc/ico_scroll_guide.png') no-repeat center right; background-size:100%; text-indent:-9999%; font-size:1px; color:transparent;}
.list_area{width:100%; min-width:1024px;}
.list_area .creator_list{width:100%; margin:0 auto; padding:160px 0 150px;}

.container .creator_wrap .section.creator{padding-top:0;}
.container .section.creator .creator_list{position:relative; min-height:100vh; box-sizing:border-box;margin-top:0;}
.container .section.creator .creator_list .none_list_txt{position:absolute; top:50%; left:50%; font-family:'Noto Sans KR';font-weight:700; font-size:34px; letter-spacing:-0.025em; transform:translate(-50%,-50%) skewY(-7deg); -webkit-transform:translate(-50%,-50%) skewY(-7deg); -ms-transform:translate(-50%,-50%) skewY(-7deg);}
.container .section.creator .creator_list .none_list_txt span{display:block; margin:12px 0 0 96px; padding:5px 7px 7px; background:#fff700;}
.sorting_wrap{display:none; position:fixed; bottom:57px; left:40px; z-index:100;}
.fixed-end .sorting_wrap{display:inline-block;}
.sorting_wrap .sorting_btn{margin-top:-2px; transform:skewY(-8deg); -ms-transform:skewY(-8deg); -webkit-transform:skewY(-8deg);}
.sorting_wrap .sorting_btn a{position:relative; display:inline-block; padding:0 90px 0 16px; background:#ff5c5e;}
.sorting_wrap .sorting_btn a:after{content:''; position:absolute; right:46px; top:50%; margin-top:3px; display:block; width:15px; height:10px; background:url('/static/images/pc/creator/btn_bg_sorting.png') no-repeat center; background-size:100%; transform:rotate(6deg); -ms-transform:rotate(6deg); -webkit-transform:rotate(6deg); transition:transform .5s; -ms-transition:transform .5s; -webkit-transition:transform .5s;}
.sorting_wrap .sorting_btn a span{display:block; font-family:'Eina03-Bold'; font-size:36px; padding:30px 0 14px; color:#fff; letter-spacing:-0.025em; text-transform:uppercase;}
.sorting_wrap .sorting_menu_wrap{opacity:0; margin-left:-23px; height:0; overflow:hidden; transform:skewY(-8deg); -ms-transform:skewY(-8deg); -webkit-transform:skewY(-8deg); transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s;}
.sorting_wrap .sorting_menu_wrap li{box-sizing:border-box;}
.sorting_wrap .sorting_menu_wrap > li > a{padding:30px 0 15px;}
.sorting_wrap .sorting_menu_wrap > li:nth-child(1) > a{width:353px; margin-left:50px; background:#3ca1ff; color:#fff;}
.sorting_wrap .sorting_menu_wrap > li:nth-child(2) > a{width:225px; background:#fff;}
.sorting_wrap .sorting_menu_wrap > li:nth-child(3){width:260px; margin-left:100px;}
.sorting_wrap .sorting_menu_wrap > li:nth-child(3) > a{width:100%; color:#fff; background:#ffcc00;}
.sorting_wrap .sorting_menu_wrap > li a{display:inline-block; padding-left:17px; box-sizing:border-box; font-family:'Eina03-Bold'; font-size:36px; text-transform:uppercase; letter-spacing:-0.025em;}
.sorting_wrap .sorting_menu_wrap .menu_deps2{padding:0 0 15px; margin-top:-1px; background:#ffcc00;}
.sorting_wrap .sorting_menu_wrap .menu_deps2 li{padding-left:2px; font-size:20px; transform:skewY(0deg); -webkit-transform:skewY(0deg); -ms-transform:skewY(0deg);}
.sorting_wrap .sorting_menu_wrap .menu_deps2 li a{padding:8px 30px; font-family:'Eina03-SemiBold'; font-size:18px; color:#fff;}
.sorting_wrap.on .sorting_btn a:after{transform:rotate(186deg); -webkit-transform:rotate(186deg); -ms-transform:rotate(186deg);}
.sorting_wrap.on .sorting_menu_wrap{opacity:1; height:243px;}
.sorting_wrap.on.on_deps2 .sorting_menu_wrap {height:529px;}

.page_layer_pop .layer_pop_inner{padding-bottom:0px;}
.page_layer_pop .creator_info_box{max-width:1840px;}
.page_layer_pop .creator_info_box .img_area{position:relative; padding:0 100px;}
.page_layer_pop .creator_info_box figure{width:100%;}
.page_layer_pop .creator_info_box figure img{width:100%;}
.page_layer_pop .creator_info_box .creator_name{position:absolute; top:-140px; left:0; box-sizing:border-box; width:100%; max-width:1840px; padding:0 70px; margin-left:-7px; font-family:'Eina03-SemiBold'; font-size:236px; text-transform:uppercase; letter-spacing:-0.042em; word-break:break-all;}
.page_layer_pop .creator_info_box .creator_name.over_txt{font-size:150px; top:-85px;}
.page_layer_pop .creator_info_box .btn_subscribe{position:absolute; right:50px; bottom:-54px;}
.page_layer_pop .creator_info_box .btn_subscribe a{position:relative; display:inline-block; width:140px; height:140px; border-radius:50%; background:#ff0200; font-family:'Eina03-Bold'; font-size:16px; color:#fff; transition:transform .5s; -ms-transition:transform .5s; -webkit-transition:transform .5s;}
.page_layer_pop .creator_info_box .btn_subscribe a:hover { transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
.page_layer_pop .creator_info_box .btn_subscribe a span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.page_layer_pop .creator_detaile{display:flex; justify-content:space-between; max-width:1840px; padding:64px 100px 0; text-align:left;}
.page_layer_pop .creator_detaile > div{flex:auto;}
.page_layer_pop .creator_detaile .left_area {flex-basis:75%; box-sizing:border-box; margin-left:-2px; padding-right:130px;}
.page_layer_pop .creator_detaile .left_area .dsec_area{font-family:'Noto Sans KR';font-weight:700; font-size:34px; line-height:50px; letter-spacing:-0.03em;}
.page_layer_pop .creator_detaile .right_area{flex-basis:25%; box-sizing:border-box; padding:0 70px;}
.page_layer_pop .creator_detaile .right_area .creator_subscribe{margin-top:10px;}
.page_layer_pop .creator_detaile .right_area .creator_subscribe dt{display:inline-block; font-family:'Eina03-SemiBold'; font-size:14px; text-transform:uppercase;}
.page_layer_pop .creator_detaile .right_area .creator_subscribe dd{display:inline-block; padding:0 60px 5px 0; margin-top:5px; font-family:'Eina03-Bold'; font-size:40px; background:url(/static/images/pc/creator/img_youtube_logo.png) no-repeat right center; background-size:30%;}
.page_layer_pop .creator_detaile .right_area .creator_history{margin-top:50px;}
.page_layer_pop .creator_detaile .right_area .creator_history dt{margin-bottom:23px; font-family:'Noto Sans KR';font-weight:700; font-size:17px;}
.page_layer_pop .creator_detaile .right_area .creator_history dd{margin-top:18px; position:relative; margin-top:18px; font-family:'Noto Sans KR';font-weight:500; font-size:17px; line-height:24px;}
.page_layer_pop .creator_detaile .right_area .creator_history dd span{position:absolute; left:-28px; top:-1px; font-family:'Eina03-Bold'; font-size:18px;}
.page_layer_pop .creator_detaile .btn_wrap{margin-top:27px;}
.page_layer_pop a.btn_type01{display:inline-block; margin-right:60px; font-family:'Eina03-Bold'; font-size:18px; letter-spacing:-0.025em; line-height:41px; text-align:center;}
.page_layer_pop .creator_img_area > div{max-width:1840px; min-width:1024px; margin:0 auto;}
.page_layer_pop .creator_img_area > div figure img{width:100%;}
.page_layer_pop .creator_img_area .img_area01{position:relative; z-index:1;}
.page_layer_pop .creator_img_area .img_area01 figure{margin-top:180px;}
.page_layer_pop .creator_img_area .img_area01 .left_item{max-width:740px; width:46.3%;}
.page_layer_pop .creator_img_area .img_area01 .right_item{width:41.25vw; height:23.1875vw; max-width:660px; max-height:371px;}
.page_layer_pop .creator_img_area .img_area01 .right_item > iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.page_layer_pop .creator_img_area .img_area02 figure{margin-top:290px;}
.page_layer_pop .creator_img_area .img_area02 .right_item{display:inline-block; max-width:1040px; width:65%; margin-right:100px; text-align:right;}
.page_layer_pop .creator_img_area .img_area03 figure{margin-top:250px;}
.page_layer_pop .creator_img_area .img_area03 .left_item{width:35.00vw; height:19.6875vw; max-width:560px; max-height:315px; margin-left:100px;}
.page_layer_pop .creator_img_area .img_area03 .left_item iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.page_layer_pop .creator_img_area .img_area03 .right_item{max-width:400px; width:28.5%; margin-right:100px;}
.page_layer_pop .creator_img_area .img_area04 figure{margin-top:260px;}
.page_layer_pop .creator_img_area .img_area04 .left_item{width:61.25vw; height:34.4375vw; max-width:980px; max-height:551px;}
.page_layer_pop .creator_img_area .img_area04 .left_item iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.page_layer_pop .creator_img_area .img_area05 figure{margin-top:290px;}
.page_layer_pop .creator_img_area .img_area05 .left_item{max-width:740px; width:46.3%;}
.page_layer_pop .creator_img_area .img_area05 .right_item{max-width:740px; width:46.3%;}
.page_layer_pop .creator_img_area .double{display:flex; justify-content:space-between; align-items:flex-end;}
.page_layer_pop .creator_img_area .double .left_item{margin-right:auto;}
.page_layer_pop .creator_img_area .double .right_item{margin-left:auto;}
.page_layer_pop .creator_img_area .alone.left{text-align:left;}
.page_layer_pop .creator_img_area .alone.right{text-align:right;}
.page_layer_pop .creator_img_area .txt_motion_box figure{position:relative; z-index:1;}
.page_layer_pop .creator_img_area .keyword{max-width:100%; margin-top:-70px;}
.page_layer_pop .creator_img_area .keyword p{font-family:'Eina03-SemiBold'; font-size:160px; text-align:left; white-space:nowrap; text-transform:uppercase;}
.page_layer_pop .pop_creator_list{max-width:1400px; padding:240px 0 150px;}
.page_layer_pop .pop_creator_list ul{display:flex; justify-content:space-between;}
.page_layer_pop .pop_creator_list li{width:260px;}
.page_layer_pop .pop_creator_list li a{display:block;}
.page_layer_pop .pop_creator_list figure{width:100%; padding-top:396px;}
.page_layer_pop .pop_creator_list li a figure img {width:auto; height:100%; position:absolute; left:50%; top:50%; transform:scale(1.2, 1.2) translate(-42%,-42%); -webkit-transform:scale(1.2, 1.2) translate(-42%,-42%); -ms-transform:scale(1.2, 1.2) translate(-42%,-42%);}
.page_layer_pop .pop_creator_list li a figure.hello img {width:auto; height:100%; position:absolute; left:50%; top:50%; transform:scale(1, 1) translate(-50%,-50%); -webkit-transform:scale(1, 1) translate(-50%,-50%); -ms-transform:scale(1, 1) translate(-50%,-50%);}
.page_layer_pop .pop_creator_list li a:hover figure.hello img {transform:scale(1.2, 1.2) translate(-42%,-42%); -webkit-transform:scale(1.2, 1.2) translate(-42%,-42%); -ms-transform:scale(1.2, 1.2) translate(-42%,-42%);}
.page_layer_pop .pop_creator_list .creator_info{padding:22px 0; text-align:left; transform:skewY(-5deg); -webkit-transform:skewY(-5deg); -ms-transform:skewY(-5deg);}
.page_layer_pop .pop_creator_list .creator_info .name{font-family:'Eina03-Bold'; font-size:24px;}
.page_layer_pop .pop_creator_list .creator_info .category{margin-top:10px; font-family:'Eina03-Regular'; font-size:10px;}

/* hello image */
.hello_img_layer {overflow:hidden; position:relative; display:inline-block;}
.hello_img_layer:after {display:block; clear:both; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fcaca6; transition:1s ease height; -webkit-transition:1s ease height; -ms-transition:1s ease height;}
.hello_img_layer img,
.hello_img_layer video {-webkit-transform:scale(1.2 , 1.2); -ms-transform:scale(1.2 , 1.2); transform:scale(1.2 , 1.2); transition:1s ease; -webkit-transition:1s ease; -ms-transition:1s ease;}
.hello_img_layer.hello:after{height:0;}
.hello_img_layer.hello img,
.hello_img_layer.hello video {-webkit-transform:scale(1 , 1); -ms-transform:scale(1 , 1); transform:scale(1 , 1);}

@media all and (max-width:1600px){
    .page_layer_pop .creator_info_box .creator_name{top:-8.750vw; font-size:14.750vw;}
    .page_layer_pop .creator_info_box .creator_name.over_txt{top:-5.3vw; font-size:9.3750vw; padding:0 4.3750vw;}
}

/* EN */
.en .page_layer_pop .creator_detaile .left_area .dsec_area{font-family:'NeueHaasUnica-Medium'; font-size:38px; line-height:46px;}
.en .page_layer_pop .creator_detaile .right_area .creator_history dt{font-family:'Eina03-Bold'; font-size:16px; text-transform:uppercase;}
.en .page_layer_pop .creator_detaile .right_area .creator_history dd{font-family:'NeueHaasUnica-Regular'; font-size:16px; line-height:20px;}
.en .container .section.creator .creator_list .none_list_txt{font-family:'Eina03-Bold'; font-size:36px; text-transform:uppercase;}
.en .container .section.creator .creator_list .none_list_txt span{display:block; margin:3px 0 0 55px; padding:0; background:none;}
.en .container .section.creator .creator_list .none_list_txt span strong{display:inline-block; padding:0 5px 3px; margin-right:-5px; background:#fff700;}

/* CN */
.zh .page_layer_pop .creator_detaile .left_area .dsec_area{font-family:'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .page_layer_pop .creator_detaile .right_area .creator_history dt{font-family:'Eina03-Bold'; text-transform:uppercase;}
.zh .page_layer_pop .creator_detaile .right_area .creator_history dd{font-family:'NotoSansCJKkr-Regular';}
.zh .container .section.creator .creator_list .none_list_txt{font-family:'Eina03-Bold'; font-size:36px; text-transform:uppercase;}
.zh .container .section.creator .creator_list .none_list_txt span{display:block; margin:3px 0 0 55px; padding:0; background:none;}
.zh .container .section.creator .creator_list .none_list_txt span strong{display:inline-block; padding:0 5px 3px; margin-right:-5px; background:#fff700;}