@charset "utf-8";

/*
프로젝트 : 영화진흥위원회 온라인상영관 통합전산망 구축
작성자 : 강정민 
최종 업데이트일자 : 2020.09.17

/* main.css */

/* 레이아웃 1920 , 1200너비*/
.con_outer{position: relative; margin:0 auto;width:100%;max-width:1920px;}
.con_inner{position: relative; margin:0 auto;width:1200px;z-index: 0;}

/* 배경색 */
.main_bg_blue{background:#eef2ff;}
.main_bg_black{background:#212121;}

/* 레이아웃 좌,우 나뉨*/
.colum_wrap{display: flex;}
.colum_wrap.colum2 {flex-direction: row;}
.colum_wrap.colum2 > .col_row{width:50%;box-sizing: border-box;}

/* 메인 탭속성 공통 */
.tab_con{display: none;}
.tab_con.on{display:block;}

/* 비주얼 : 주간이용순위  */
.visual_main{padding:20px 0;width:100%;background:#212121;overflow: hidden;box-sizing: border-box;}
.visual_main .col_row:nth-of-type(1){padding-right:50px;z-index: 2;}
.visual_main .visu_tab li{float:left;width:33.33%;}
.visual_main .visu_tab a{display:block;height:45px;line-height:45px;border:1px solid #623c91;border-left:0;color:#fff;font-size:16px;text-align: center;}
.visual_main .visu_tab li:first-of-type a{border-left:1px solid #623c91;}
.visual_main .visu_tab a:hover,.visual_main .visu_tab a:focus{font-weight:700;}
.visual_main .visu_tab .on a{background:#623c91}

.visu_rank_tbl{margin-top:10px;width:100%;}
.visu_rank_tbl th,.visu_rank_tbl td{color:#fff;}
.visu_rank_tbl th{padding:12px 4px;font-size:1.1em;}
.visu_rank_tbl .list_title td{padding:8px 0;}
.visu_rank_tbl .list_title a{display:block;padding:4px 0;font-size:1.1em;color:#fff;font-size:1.2em;vertical-align: top;}
.visu_rank_tbl .list_title.on a{position: relative;margin-top: 10px; padding:12px 0;
  background: #7e5da4;
  background: -moz-linear-gradient(left, #7e5da4 0%, #462a65 100%);
  background: -webkit-linear-gradient(left, #7e5da4 0%,#462a65 100%);
  background: linear-gradient(to right, #7e5da4 0%,#462a65 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e5da4', endColorstr='#462a65',GradientType=1 );
}
.visu_rank_tbl .list_title.on a:before{content:"";position: absolute;top:-10px;left:0;width:100%;height:1px;background: #555;}
.visu_rank_tbl .list_title a:hover,
.visu_rank_tbl .list_title a:focus{border:1px solid #623c91;text-decoration: underline;}
.visu_rank_tbl .list_title a:hover .mv_tt,
.visu_rank_tbl .list_title a:focus .mv_tt{text-decoration: underline;}
.visu_rank_tbl .list_title span{font-size:inherit;vertical-align: top;}
.visu_rank_tbl .list_title .mv_tt{display:block;float:left;padding-left:5px;width:45%;font-size:15px;box-sizing: border-box;}
.visu_rank_tbl .list_title .rank_num{display:block;padding:0 0 0 10px;float:left;width:50px;text-align: left;box-sizing: border-box;}
.visu_rank_tbl .list_title .mv_cnt,
.visu_rank_tbl .list_title .mv_per{display:block;float:left;font-size:inherit;font-weight:300;color:#aaa;}
.visu_rank_tbl .list_title .mv_cnt{padding-right:30px;width:35%;text-align: right;box-sizing: border-box; }
.visu_rank_tbl .list_title .mv_per{width:10%;text-align: right;}
.visu_rank_tbl .list_title.on .mv_cnt,.visu_rank_tbl .list_title.on .mv_per{color:#fff;font-weight:700;}
.visu_rank_tbl .list_online{display:none;}
.visu_rank_tbl .list_online.on{display:contents;}
:-ms-fullscreen, :root .list_online.on{display:table-row;width:100%;}
_:-ms-lang(x), .list_online.on{display:table-row;width:100%;}
.visu_rank_tbl .list_online td{padding:8px 30px;}
.visu_rank_tbl .range_cht {margin:0 0 5px 0;padding-left:25px;width:100%;height:25px;box-sizing: border-box;}
.visu_rank_tbl .range_cht.range1{background:url('../images/main/visu_rank_icon.png')no-repeat 0 2px;}
.visu_rank_tbl .range_cht.range2{background:url('../images/main/visu_rank_icon.png')no-repeat 0 -27px;}
.visu_rank_tbl .range_cht .comp_name{display:inline-block;}
.visu_rank_tbl .list_online.on td{padding:10px 20px 8px 20px;border-bottom:1px solid #555;}
.visu_rank_tbl .range_cht .comp_cnt{float:right;font-size:1.1em;font-weight:700;}
/*.visu_rank_tbl .range_cht .comp_cht{position: relative; margin:10px 0 10px 0;width:100%;height:20px;background: #383838;border-radius: 20px;overflow: hidden;}
.visu_rank_tbl .range_cht .comp_cht .comp_line{display:block;position: absolute;;top:0;left:0;height:100%; background:#ff0672;border-radius: 20px;text-indent:-9999px;} */
/* #tab1.visu_rank_tbl .list_title td{padding:10px 0;}
#tab1.visu_rank_tbl .list_online td{padding:0;} */

.base_date{padding:8px 0 0 0;border-top:1px solid #555; color:#ddd; font-size:13px; text-align: right;}
.base_date span{padding-left:20px;background:url('../images/main/icon_help.png')no-repeat 0 0;font-size:inherit;color:inherit;}

.visual_poster_wrap{overflow: inherit !important;}
.visual_slide{overflow: hidden;}
.visual_slide_wrap .cht_tt{margin-bottom:20px;color:#fff;text-align: center;}
.visual_slide_wrap .cht_tt > h2{display:block;margin-right:10px;font-size:26px;font-weight:700;}
.visual_slide_wrap .cht_tt > p{display:block;font-size:16px;}
.visual_poster_wrap .poster_box{position: relative; margin:30px 0 20px 0;width:420px;height:600px;overflow: hidden;transition:all 1s;transform: rotateY(0deg);opacity: 0;}
.visual_poster_wrap .poster_box>a{display:inline-block;position: relative;width:100%;height:100%;transition:all 1s;overflow: hidden;}
.visual_poster_wrap .poster_box.swiper-slide-active{margin:0 auto;opacity: 1;}
.visual_poster_wrap .poster_box.swiper-slide-next{opacity: 1;}
.visual_poster_wrap .poster_box:last-child:before{display: none;}
.visual_poster_wrap .poster_box:last-child .txt{display:block;}
.visual_poster_wrap .poster_box.swiper-slide-prev:before{content:"";position: absolute;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 1;}
.visual_poster_wrap .poster_box.swiper-slide-next:before{content:"";position: absolute;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 1;}
.visual_poster_wrap .poster_box:hover{transform: rotateY(180deg);}
.visual_poster_wrap .poster_box .bg{position: absolute;width:100%;height:100%; z-index: 0;}
.visual_poster_wrap .poster_box.on .bg{transform: rotateY(0deg);}
.visual_poster_wrap .poster_box .bg img{width:100%;}
.visual_poster_wrap .poster_box .txt{
  /*display:none;position: absolute;top:0;left:0;padding:30px;width:100%;height:100%;
  background:url('../images/main/gr_bg2.png')repeat-y center; box-sizing: border-box;opacity: 0;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e5da4+0,462a65+100&0.63+0,0.67+100 */
  display:none;position: absolute;top:0;left:0;padding:30px;width:100%;height:100%;

  background: -moz-linear-gradient(left,  rgba(126,93,164,0.63) 0%, rgba(70,42,101,0.67) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(126,93,164,0.63) 0%,rgba(70,42,101,0.67) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(126,93,164,0.63) 0%,rgba(70,42,101,0.67) 100%) repeat-y center; box-sizing: border-box;opacity: 0; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a17e5da4', endColorstr='#ab462a65',GradientType=1 ); /* IE6-9 */
}

.visual_poster_wrap .poster_box.swiper-slide-active .txt{display: block;}
.visual_poster_wrap .poster_box:hover .txt,.visual_poster_wrap .poster_box.on .txt{transform: rotateY(0deg);opacity: 1;}
.visual_poster_wrap .poster_box.swiper-slide-next .more{display:none;}
.visual_poster_wrap .poster_box.swiper-slide-active .more{display:block;}
.visual_poster_wrap .poster_box:last-child .more{display:block;}
.visual_poster_wrap .poster_box .more{display: block;float:right;width:50px;height:50px;background: url('../images/main/visu_more.png')no-repeat center; border:1px solid #fff;text-indent:-9999px;}
.visual_poster_wrap .poster_box .title{display:-webkit-inline-box;margin-top:20px;width:100%;max-width:100%;max-height:62px;line-height:1em;overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;font-size:2.2em;color:#fff;font-weight:700;}
.visual_poster_wrap .poster_box .eng_title{display:block;max-width:100%;line-height:1em;font-size:1.5em;color:#fff;font-weight:300;text-overflow: ellipsis;overflow:hidden;white-space:nowrap; }
.visual_poster_wrap .poster_box .info li,.visual_poster_wrap .poster_box .info2 li{color:#fff;font-size:14px;}
.visual_poster_wrap .poster_box .info{margin-top:40px;}
.visual_poster_wrap .poster_box .info2{position: relative; margin-top:60px;}
.visual_poster_wrap .poster_box .info2:before{content:"";position: absolute;top:-35px;left:0;width:50px;height:5px;background:#fff;}
.visual_poster_wrap .poster_box .info2 li{margin:8px 0;}
.visual_poster_wrap .poster_box .info2 li:before,
.visual_poster_wrap .poster_box .info2 li:after{line-height:0;display:table;content:'';}
.visual_poster_wrap .poster_box .info2 li:after{clear:both;}
.visual_poster_wrap .poster_box .info2 li *{display: block;float:left;font-size:inherit;}
.visual_poster_wrap .poster_box .info2 li span{width:120px;}
.visual_poster_wrap .poster_box .info2 p{width:calc(100% - 120px);max-width:70%;word-break: keep-all;text-align: right;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.visual_poster_wrap .poster_box .info2 .dire{text-overflow: ellipsis;overflow:hidden;white-space:nowrap;text-align: right;}
.visual_poster_wrap .poster_box .info2 .personlist{display:-webkit-box;height:60px;text-align: right;word-break: keep-all;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 3;-webkit-box-orient:vertical;word-wrap:break-word;white-space: normal;}
.visual_poster_wrap .poster_nav > a{display:block;width:50px;height:50px;background:url('../images/main/visu_nav.png')no-repeat;border:1px solid #fff;cursor: pointer;z-index: 1; text-indent:-9999px;}
.visual_poster_wrap .poster_nav > a:after{display:none;}
.visual_poster_wrap .poster_nav .prev{left:0;background-position:0 0;}
.visual_poster_wrap .poster_nav .next{right:0;background-position:-50px 0;}
.visual_poster_wrap .poster_nav .prev:hover,.visual_poster_wrap .poster_nav .prev:focus{background-position:0 -58px;border-color:#ff0672}
.visual_poster_wrap .poster_nav .next:hover,.visual_poster_wrap .poster_nav .next:focus{background-position:-50px -58px;border-color:#ff0672}

/* 비주얼 하단 콘텐츠 article부분 */
.content_main{position: relative;padding: 30px 0;width:100%;box-sizing: border-box;}
.main_bg_blue{background:#eef2ff}

/* 콘텐츠 부분 제목 */
.main_tt2{display:inline-block;font-size:33px;letter-spacing: -1px;cursor: default;}
.main_tt2 *{font-size:inherit;}
.main_tt2 b{font-weight:700;}
.main_tt2 .year_month{padding:0 0 0 15px;font-size:16px;}
.main_tt_light{display:inline-block;font-size:26px;font-weight:100;color:#fff;}

.help_label.main{display:inline-block;position: relative;margin:-17px 0 0 5px; width:24px;height:24px;background:url('../images/main/help_label_main.png')no-repeat center; vertical-align: middle;z-index:2;}
.help_label:hover,.help_label:focus{outline:1px solid #165cd1;}
.help_label.main .tool_tip{top:-10px;left:45px;width:600px;z-index: 2;}
.help_label.main .tool_tip:before{left:-5px;background:url('../images/sub/tool_tip_arr.png')no-repeat;}
.help_label.main .tool_tip>ul>li{margin:0 0 6px 0;line-height: 18px;font-size:13px;}
.help_label.main .tool_tip>ul>li li{margin:0 0 2px 0;font-size:13px;}
.help_label.main .tool_tip>ul ul>li:before{top:8px;}


.bg_title{position: absolute;z-index: 0;cursor: default;color:#dce4fe;transition: all 1s;}
.bg_tt_gery{color:#f5f5f5;}
.bg_tt1{top: -60px;right:-100%;font-size:120px;font-weight:700;}
.bg_tt2{bottom: -70px;left:-100%;font-size:130px;font-weight:700;font-family: 'Noto Sans', sans-serif;letter-spacing: -1.5px;}

.content_main.currentarea .bg_tt1{right:0}
.content_main.currentarea .bg_tt2{left:0}

/* 영화 생애주기 , 인기상승 영화인 공통*/
.main_col_row2{margin:40px 0;}
.main_col_row2 .left{width:363px;text-align: center;}
.main_col_row2 .left .picwrp{width:296px;height:424px;overflow: hidden;transition: all 0.3s;}
.main_col_row2 .left .picwrp>a{display:block;}
.main_col_row2 .left .picwrp:hover ,.main_col_row2 .left .picwrp:focus{box-shadow: 0px 0px 10px rgba(0,0,0,0.7);}
.main_col_row2 .left .picwrp img{width:100%;}
.main_col_row2 .right{width:calc(100% - 363px);}

/* 빅데이터 서비스 */
.bigdata_area{padding:0;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
#bigdata_area_inner,#bigdata_iframe{height:1214px !important;}
:-ms-fullscreen, :root #bigdata_area_inner,:-ms-fullscreen, :root #bigdata_iframe{height:1144px !important;}
/* .bigdata_area.currentarea{margin-top:0;opacity: 1;}
.bigdata_area{padding:40px 0;background: #3c49bc;}
.bigdata_area .left {float:left;position: relative; padding:25px 0 0 0;}
.bigdata_area .left:before{content:"";position: absolute;top:-15px;left:-100%;border:3px solid #fff;width:205%;height:150%;}
.bigdata_area .left h2{font-size:20px;color:#fff;font-weight:100;}
.bigdata_area .left h2 .big{display:block;font-size:36px;color:#fff;font-weight:700;font-family: 'Noto Sans', sans-serif;letter-spacing: 10px;}
.bigdata_area .right{float:right;text-align: right;}
.bigdata_area .mv_data_cnt{font-size:82px;font-weight:700;font-family: 'Noto Sans', sans-serif;color:#fff;}
.bigdata_area .mv_data_cnt span{font-size:inherit;font-weight: inherit;opacity: 0;}
.bigdata_area.currentarea .mv_data_cnt span{opacity: 1;}
.bigdata_area .mv_data_cnt em{padding:0 0 0 10px; font-family: 'NotoSansKR';font-size:30px;font-weight:300;}
.bigdata_area .right p{margin-top:-8px;font-size:17px;color:#fff;font-weight:100;} */

/* 영화 생애주기 */
.bigdata_chart_wrap{margin:40px 0 30px 0;height:455px;}
.mv_cycle .bg_title{bottom:-200px;}

/* 천만관객 박스오피스 */
.tenmillion_boxoffice{position: relative;padding:40px 0;}
.tenmillion_boxoffice:before{content:"";position: absolute;bottom:0;left:0;width:100%;height:162px;background:#212121;}
.tenmillion_boxoffice .main_tt_light{display:block;float:left;margin-top:120px;width:260px;}
.tenmillion_list{display:block;float:left;width:calc(100% - 270px);}
.tenmillion_list li{float:left;width:16.66%;}
.tenmillion_list li a{display: block;padding:0 5px;color:#fff;text-align: center;}
.tenmillion_list li a:focus .txt > p{font-weight:700;}
.tenmillion_list .poster{margin:0 auto 12px auto;width:88px;height:126px;line-height: 126px;}
.tenmillion_list .poster img{width:100%;max-height:126px;box-shadow: 0 0 10px rgba(0,0,0,0.2);transition: all 0.3s;}
.tenmillion_list .txt > p{max-width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tenmillion_list .title_ko{display:block;font-size:17px;}
.tenmillion_list .title_eng{font-size:14px;color:#ccc;font-family: 'Noto Sans', sans-serif;}
.tenmillion_list li.on {position: relative;}
.tenmillion_list li.on .poster img{transform: scale(1.3) translateY(-15px);}
.tenmillion_list li.on a :after{content:"";position: absolute;top:-85px;left:50%;transform: translateX(-50%);width:30px;height:30px;background: url('../images/main/click_arrow.png')no-repeat center;background-size: 100%;animation: aniUpDown 1s infinite;}

@keyframes aniUpDown{
  0%{top:-85px;}
  33%{top:-110px}
  50%{top:-70px}
  60%{top:-90px;}
  80%{top:-80px}
  100%{top:-85px}
}

/* 인기상승 영화인 */
.mv_person{margin-top:-5px;}
.mv_person .per_top{padding:10px 0;border-bottom:1px solid #111;}
.mv_person .per_top .eng{font-family: 'Noto Sans', sans-serif;font-weight:400;font-size:19px;}
.mv_person .per_top .ko{font-size:33px;font-weight:700;}
.mv_person .per_con{padding:20px 0 0 0;}
.mv_person .per_new_mv {margin:0 0 10px 0;}
.mv_person .per_new_mv li{position: relative; float:left;padding:0 10px 0 10px;font-size:17px;font-weight:500;color:#000;cursor: default;}
.mv_person .per_new_mv li:after{content:"";position: absolute;top:6px;right:0;width:1px;height:14px;background: #000;}
.mv_person .per_new_mv li:first-of-type{padding-left:0;}
.mv_person .per_new_mv li:last-of-type:after{display: none;}
.mv_person .per_new_mv li *{font-size:inherit;font-weight:inherit;}
.mv_person .per_new_mv li a:hover,.mv_person .per_new_mv li a:focus{text-decoration: underline;}
.mv_person .per_con .story{display:-webkit-inline-box;max-height:46px;overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;font-size:17px;color:#555;cursor: default;}
.mv_person .filmo{margin:15px 0 0 0;}
.mv_person .label_filmo{display:inline-block;padding:4px 6px;background:#5077db;color:#fff;font-size:15px;cursor: default;}
.mv_person .mv_filmo_list{margin:10px 0 0 0;}
.mv_person .mv_filmo_list li{float:left;width:16.66%;text-align: center;}
.mv_person .mv_filmo_list li:last-of-type{margin-right:0;}
.mv_person .mv_filmo_list li a{display:block;position: relative; width:130px;height:186px;overflow: hidden;}
.mv_person .mv_filmo_list li a img{width:100%;}
.mv_person .mv_filmo_list .mv_hover{position: absolute; top:0;left:0;padding:20px 5px;width:100%;height:100%;background:rgba(0,0,0,0.7);color:#fff;box-sizing: border-box;opacity: 0;transition: opacity 0.3s;}
.mv_person .mv_filmo_list .mv_hover *{display:block;}
.mv_person .mv_filmo_list .mv_hover p{opacity: 0;}
.mv_person .mv_filmo_list .mv_hover .mv_name{display:-webkit-inline-box;margin-top:20px;max-height:64px;overflow: hidden;-webkit-line-clamp: 3; -webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;font-size:15px;}
.mv_person .mv_filmo_list li a:hover .mv_hover,.mv_person .mv_filmo_list li a:focus .mv_hover{opacity: 1;}


/* 온라인 상영작 정보 , 이달의 검색어 상영작 공통*/
.list_point{padding-top:5px;width:50px;height:50px;line-height: 50px;background:url('../images/main/list_point.png')no-repeat center top #f18825;color:#fff;text-align: center;font-size:14px;box-sizing: border-box;}


.mv_list_slider{margin:0;}

.mv_online{position: relative;margin-top:100px;opacity:0; transition: all 0.5s;}
.mv_online.currentarea{margin-top:0;opacity: 1;}
.mv_online .mv_list {padding-top:25px;}
.mv_online .mv_list li{/* float:left; width:16.66%;*/transition: all 0.3s;transform: rotateY(360deg);}
.mv_online .mv_list li>a{display:block;position: relative;}
.mv_online .mv_list li>a:hover .poster,.mv_online .mv_list li>a:focus .poster{outline:1px solid #000;}
.mv_online .mv_list .poster{margin:0 auto;width:160px;height:230px;overflow: hidden;}
.mv_online .mv_list .poster img{width:100%;height: 100%;object-fit: cover;}
.mv_online .mv_list .txt{margin:5px auto 0 auto;width:160px;}
.mv_online .mv_list .txt strong{display:block;max-width:100%;font-size:1.1em;font-weight: 500;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.mv_online .mv_list .txt  span{display:block;font-size:15px;color:#555;}
.mv_list_btn{
  display:block;position: absolute;top:50%; margin:0 5px 0 0;width:50px;height:50px;background:url('../images/main/visu_nav.png')no-repeat;border:1px solid #ddd;text-indent:-9999px;
}
.mv_list_btn.prev,.mv_list_btn.prev2{left:-70px; background-position: 0px -107px;}
.mv_list_btn.prev:hover,.mv_list_btn.prev2:hover,
.mv_list_btn.prev:focus,.mv_list_btn.prev2:focus{background-position: 0px -58px;border-color:#ff0672}
.mv_list_btn.next,.mv_list_btn.next2{right:-70px;background-position: -50px -107px;}
.mv_list_btn.next:hover,.mv_list_btn.next2:hover,
.mv_list_btn.next:focus,.mv_list_btn.next2:focus{background-position:-50px -58px;border-color:#ff0672}
.mv_list_btn.swiper-button-disabled{opacity: 0.5;cursor: default;}

/* 온라인 상영작 정보 */
.online_update{margin:20px 0 0 0;}
.mv_online .mv_list li>a .new_mv{position: absolute;top:-25px;left:20px;}
/* 이달의 검색어 상영작 */
.mv_online .keyword_list .mv_list{padding-top:0;}
.keyword_wrap{margin:20px 0 10px 0;}
.keyword_wrap span{display: inline-block;margin:0 8px 10px 0;padding:10px 22px;background:#5077db;border-radius: 20px;color:#fff;cursor:default;}

/* 공지사항 */
.main_board_wrap .board_list{margin:30px 0 0 0;}
.main_board_wrap .board_list li{float:left;width:25%;}
.main_board_wrap .board_list li a{display:block;position: relative; margin:0;padding:20px 20px;box-sizing: border-box;border-left:1px solid #ddd;}
.main_board_wrap .board_list li a:hover .title,.main_board_wrap .board_list li a:focus .title{font-weight:700;}
.main_board_wrap .board_list li a:before{content:"";position: absolute;top:0;left:0;width:0px;height:100%;background:#f3f7ff;z-index: -1;transition: width 0.3s;}
.main_board_wrap .board_list li a:hover:before,.main_board_wrap .board_list li a:focus:before{width:calc(100% - 10px);}
.main_board_wrap .board_list .title{display:-webkit-box;height:55px;word-break: keep-all;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:18px;color:#000;transition: all 0.3s;}
.main_board_wrap .board_list .date{display:block;margin-top:22px;font-size:14px;color:#777;}
.main_board_wrap .board_list .necessary{position: absolute;right:20px;bottom:0;}
.main_board_wrap .board_link_wrap{margin-top:50px;}
.main_board_wrap .board_link_wrap a{display:block;position: relative;height:200px;background-size: 100%;transition: all 0.5s;}
.main_board_wrap .faq_link{margin-right:10px;background:url('../images/main/faq_link.jpg')no-repeat center;}
.main_board_wrap .api_link{margin-left: 0;background:url('../images/main/api_link.jpg')no-repeat center;}
.main_board_wrap .board_link_wrap a:hover,.main_board_wrap .board_link_wrap a:focus{background-size: 110%;}
.main_board_wrap .board_link_wrap a span{display: block;position: relative;padding:35px 20px 15px 20px;position: absolute;bottom:0;left:0;width:90%;height:88px;background:url('../images/main/go_link.png')no-repeat right 40px #fff;box-sizing: border-box;font-size:25px;font-weight:700;color:#000;font-family: 'Noto Sans', sans-serif;}
.main_board_wrap .board_link_wrap a:hover span,.main_board_wrap .board_link_wrap a:focus span{background-position: right -90px;color:#5077db}

.main_board_wrap .board_link_wrap a span:before{content:"";position: absolute;top:15px;left:20px;width:22px;height:22px;background-size: 100%;}
.main_board_wrap .faq_link span:before{background:url('../images/main/faq_icon.png')no-repeat center;}
.main_board_wrap .api_link span:before{background:url('../images/main/api_icon.png')no-repeat center;}


/*소개*/
.main_introduce{padding:15px 0 0 0;height:200px;background:url('../images/main/bg_intro.png')no-repeat center;background-size:cover;text-align: center;}
.main_introduce .big{color:#fff;font-size:27px;font-weight:700;word-break:keep-all;}
.main_introduce .big span{font-size:inherit;font-weight:inherit; color:#70ffdc;}
.main_introduce .txt{margin:15px 0 15px 0;color:#fff;font-size:14px; line-height: 1.8;}

/*================미디어 쿼리 시작============*/
/*=====================
모바일 퍼스트 : min-width / 데스크탑 퍼스트 : max-width
=======================*/



@media all and (max-width:1366px){/* pad 가로사이즈 */
  .mv_list_slider{margin:0 60px !important;}
  .mv_list_btn.prev{left:0;}
  .mv_list_btn.next{right:0;}
  :-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1240px !important;}
}

@media all and (max-width: 1200px){
  .visual_main{padding:45px 10px;box-sizing: border-box;}
  .visual_main .col_row:nth-of-type(1){padding-right:10px;}
  .visu_rank_tbl th{font-size:15px;}
  .visu_rank_tbl .list_title a{font-size:15px;}
  .visu_rank_tbl colgroup col:nth-of-type(1){width:40px !important;}
  .visu_rank_tbl colgroup col:nth-of-type(3){width:24% !important;}
  .visu_rank_tbl colgroup col:nth-of-type(4){width:12% !important;}
  .visu_rank_tbl .list_title .rank_num{width:35px;}
  .visu_rank_tbl .list_title .mv_tt{width:53%;}
  .visu_rank_tbl .list_title .mv_cnt{width:24%;}
  .visu_rank_tbl .list_title .mv_per{width:10%;}
  .visu_rank_tbl .list_online td{padding:10px 0}
  .visu_rank_tbl .list_title.on a{padding:8px 0;}
  .visu_rank_tbl .list_online.on td{padding:10px 8px 5px 8px;}
  .visu_rank_tbl .range_cht .comp_cnt{font-size:13px;}
  .visu_rank_tbl .range_cht .comp_cht{height:15px;}
  .visual_poster_wrap .poster_box{width:380px;height:530px}

  /* .content_main 공통 */
  .content_main{padding:60px 10px;}
  .content_main .con_inner{padding:0 10px; width:100%}
  /* BIGDATA COUNTER */
  .bigdata_area{padding:0;}
  #bigdata_area_inner,#bigdata_iframe{height:1188px !important;}
  :-ms-fullscreen, :root #bigdata_area_inner,:-ms-fullscreen, :root #bigdata_iframe{height:1215px !important;}
/*   .bigdata_area .left h2{font-size:17px;}
  .bigdata_area .left h2 .big{font-size:30px;}
  .bigdata_area .mv_data_cnt{font-size:72px;}
  .bigdata_area .mv_data_cnt em{font-size:25px;} */

  .bg_tt1{font-size:100px}
  .bg_tt2{font-size:95px}

  /* 영화생애주기 */
  .content_main.mv_cycle .con_inner{padding:0 10px;}
  .mv_cycle .bg_title{bottom:-170px;}
  .content_main.mv_cycle{padding:60px 10px 10px 10px}
  .tenmillion_boxoffice .main_tt_light{font-size:25px}

  /* 영화인 */
  .mv_person{margin-top:0px;}
  .main_col_row2 .left{width:320px}
  .main_col_row2 .right{width:calc(100% - 320px);}
  .mv_person .mv_filmo_list li a{width:calc(100% - 5px);height:auto;}
  
  .main_board_wrap {padding-bottom:100px;}
}

@media all and (max-width:1040px){/*태블릿 가로*/
/* BIGDATA COUNTER */
  .bigdata_area{padding:0;}
  #bigdata_area_inner,#bigdata_iframe{height:1312px !important;}
  :-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1315px !important;}
  .mv_list_btn.prev,.mv_list_btn.next{display:none;}
}

@media all and (max-width:1024px){
  .content_main{opacity: 1;}
  .currentarea{margin-top:0;opacity: 1;}

/* main.css */
.visual_main{padding:25px 0;}
.visual_main .con_inner{padding:20px 10px; }
.visual_main .visu_tab a{height:50px;line-height: 50px;font-size:15px}
.visu_rank_tbl .list_title.on a{margin-top:0px;}
.visu_rank_tbl .list_title .rank_num{width:40px;}
.visu_rank_tbl .list_title .mv_tt{width:55%;}
.visu_rank_tbl .list_title .mv_cnt{width:25%;}
.visu_rank_tbl .list_title .mv_per{width:10%;}
.visual_slide_wrap {padding-right:25px;}
.visual_slide_wrap .cht_tt{margin-bottom:20px;}
.visual_slide_wrap .cht_tt > h2{font-size: 2em;}
.visual_poster_wrap .poster_box{width:340px;height:485px;}
.visual_poster_wrap .poster_box .title{max-height:55px;font-size:2em;}
.visual_poster_wrap .poster_box .eng_title{font-size:1.2em;}
.visual_poster_wrap .poster_box .info{margin-top: 35px;}
.visual_poster_wrap .poster_box .info2{margin-top:60px;}
.visual_poster_wrap .poster_box .info2:before{width:30px;height:3px;}
.visual_poster_wrap .poster_box .info li, .visual_poster_wrap .poster_box .info2 li{font-size:14px;}
.visual_poster_wrap .poster_box .info2 li{margin:5px 0;}
.mv_list_btn.prev,.mv_list_btn.next{display:none;}

.content_main.mv_cycle,.content_main{padding:20px 10px;}
.bigdata_area{padding:0;}

.bg_title{font-size:70px}
.content_main .bg_tt1{top:-20px}
.content_main .bg_tt2{bottom:-50px;}
/* 영화생애주기 */
#bigdata_area_inner, #bigdata_iframe{height:1312px !important;}
.mv_cycle .bg_tt2{bottom:-40px;}
.bigdata_chart_wrap{margin:40px 0 40px 0;height:400px;}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1319px !important;}

/* 천만관객영화 */
.tenmillion_boxoffice{background:#212121 ;}
.tenmillion_boxoffice .con_inner{padding:20px 10px;}
.tenmillion_boxoffice .main_tt_light{float:initial;margin-top:0;width:100%;text-align: center;}
.tenmillion_list{float:auto;margin-top:100px; width:100%;}
.tenmillion_list li.on a :after{top:-90px;width:25px;height:25px;}

/* 영화인 */
.mv_person .con_inner{padding:40px 10px 40px 10px;}
.mv_person .mv_filmo_list .mv_hover .mv_name{margin-top:0;font-size:13px;}

.content_main .con_inner{padding:0 40px;}
/* 검색어 */
.keyword_wrap span{font-size:13px;}

/*소개*/
.main_introduce{height:auto;}
.main_introduce .big{font-size:25px;}
.main_introduce .txt{margin:10px 0 10px 0;font-size:14px;}

}

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

/* main.css */
.colum_wrap.colum2{display:block;}
.colum_wrap.colum2 > .col_row{padding:0;width:100%;}

/* visual */
.visual_main .visu_tab{margin-top:30px;}
.visual_main .visu_tab a{height:50px;line-height: 50px; font-size:15px;}
.visu_rank_tbl .list_title a{background-size: contain;}
.visu_rank_tbl .list_title .mv_tt{width:58%;}
.visual_main{position: relative; padding:650px 10px 20px 10px;}
.visual_main .con_inner{position: static;padding:0;}
.visual_slide_wrap{position: absolute;top:40px;left:0}
.visual_poster_wrap .poster_box{margin-top:0;opacity: 1;}
.visual_poster_wrap .poster_box .info{margin-top:20px;}
.visual_poster_wrap .poster_box .info2{margin-top:30px;padding-top:20px;}
.visual_poster_wrap .poster_box .info2:before{top:0;}
.visual_poster_wrap .poster_nav .prev{left:10px;}
.visual_poster_wrap .poster_nav .next{right:10px;}
.content_main_board .bd_con li{width:50%;}

@media screen and (max-width: 900px) {
.visual_main .con_inner{padding:20px 10px; width:100%; }
}

/* BIGDATA COUNTER */
.bigdata_area{padding:0;}
#bigdata_area_inner,#bigdata_iframe{height:1386px !important}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1390px !important;}


.help_label.main .tool_tip{width:350px;}

.bg_title{font-size:60px}
.content_main .bg_tt1{top:0;}
.content_main .bg_tt2,.mv_cycle .bg_tt2{bottom:0;}
.mv_cycle .bg_tt2{bottom:-30px}

/*  영화생애주기 */
.bigdata_chart_wrap{margin:30px 0 0 0 ;}

/* 영화인 */
.main_col_row2{margin:30px 0 0 0;}
.main_col_row2 .left{width:210px;}
.main_col_row2 .left .picwrp{width:200px;height:360px;}
.main_col_row2 .right{width:calc(100% - 210px);}
.mv_person .per_top{margin:10px 0 0 0;padding:0;}
.mv_person .per_top .eng{font-size:17px;}
.mv_person .per_top .ko{font-size:25px;}
.mv_person .per_con{padding:10px 0 0 0;}
.mv_person .per_new_mv li{font-size:15px;}
.mv_person .per_con .story{font-size:15px;}
.mv_person .label_filmo{font-size:12px;}
.mv_person .mv_filmo_list li a{margin:0 2px;width:calc(100% - 4px);height: auto;}


/* 공지 */
.main_board_wrap .board_list li a{padding:20px 10px;}
.main_board_wrap .board_list .title{height:50px;font-size:17px;}
.main_board_wrap .board_link_wrap{display: flex;}
.main_board_wrap .board_link_wrap a span{font-size:25px;}
}

@media all and (max-width:800px){
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1390px !important;}
#detail_show{margin-left:0;margin-top:0}
}
@media all and (max-width:768px){/*태블릿 세로*/
  .visu_rank_tbl .list_title .mv_tt{width:55%;}

  .list_point{padding-top:0px;width:50px;height:45px;font-size:13px;}
	:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1397px !important;}
  /* 영화생애주기 */
  .bigdata_chart_wrap{height:350px}

  /* 영화인 */
  .content_main.mv_person .con_inner{padding-bottom: 60px;}
  .main_col_row2{display:block;}
  .main_col_row2 .left{width:100%;height:auto;}
  .main_col_row2 .left .picwrp{margin:0 auto;height:300px;}
  .main_col_row2 .right{width:100%;}
  .mv_person .per_new_mv li:nth-of-type(1){display: block;float:inherit;}
  .mv_person .per_new_mv li:nth-of-type(1):after{display: none;}
  .mv_person .per_new_mv li:nth-of-type(2){padding-left:0;}

  /* 공지사항 */
  .main_board_wrap .board_list li{margin:0 0 5px 0;width:100%;}
  .main_board_wrap .board_list li a{padding:10px 10px 20px 10px;font-size:15px;}
  .main_board_wrap .board_list .date{margin-top:0;}
}

@media all and (max-width:700px){
  .bg_title{font-size:45px}
}
@media all and (max-width:660px){
.bigdata_area{padding:0;}
#bigdata_area_inner,#bigdata_iframe{height:1543px !important}

:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1388px !important;}
}



@media all and (max-width:640px){/*모바일 가로*/

:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1547px !important;}
  /* 천만관객 박스오피스 */
  .tenmillion_list{margin-top:20px;}
  .tenmillion_list li{margin:10px 0;width:33.33%}
  .tenmillion_list li.on a :after{display: none;}

  /* 영화인 */
  .mv_person .mv_filmo_list li{width:33.33%;height:275px;}
  .mv_person .mv_filmo_list .mv_hover .mv_name{margin-top:20px;font-size:15px;}

  /* 공지사항 */
  .main_board_wrap .board_link_wrap{display:block;}
  .main_board_wrap .board_link_wrap .col_row{margin:0 0 10px 0;}
  .main_board_wrap .board_link_wrap a{margin:0;}
  
 /*툴팁*/
.help_label.main .tool_tip{top:30px;left:50%;transform:translateX(-220px);width:414px;}
.help_label.main .tool_tip:before{display:none;}
.help_label.main .tool_tip li br{display:none;}
.help_label.main .platform dd{width:calc(20% - 2px);}
  
}

@media all and (max-width:576px){/*모바일 가로*/
/* main.css */
.visual_main{padding-top:560px}
.visual_slide_wrap{top:20px;}
.visu_rank_tbl colgroup col:nth-of-type(4){width:14% !important;}
.visu_rank_tbl .list_title .mv_tt{width:48%}
.visu_rank_tbl .list_title .mv_cnt{width:24%}
.visu_rank_tbl .list_title .mv_per{width:13%;}
.visual_poster_wrap .poster_box{width:320px;height:456px;}
.visual_poster_wrap .poster_box .title{font-size:25px;}
.visual_poster_wrap .poster_box .info li, .visual_poster_wrap .poster_box .info2 li{font-size:14px;}
.visual_poster_wrap .poster_box .info2 .personlist{height:60px;}
.visual_poster_wrap .poster_nav > a{display:none;}

.help_label.main .tool_tip{width:320px;tranform:translateX(-150px);}

 #bigdata_area_inner, #bigdata_iframe{height:1460px !important;}
 :-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1490px !important}
.main_tt2 {max-width:75%;font-size:25px;word-break: keep-all;}
.bg_title{font-size:40px;line-height: 1em;}


/* 영화인 */
.mv_person .mv_filmo_list li{height:250px;}

/* 온라인 상영관, 이달의 검색어 */
.mv_list_slider{margin:20px 0 0 0 !important;}
.mv_list_btn.prev,.mv_list_btn.next{display:none;}
.keyword_wrap{margin:10px 0;}
.keyword_wrap span{margin:4px 2px;}

/*소개*/
.main_introduce .con_inner{padding:0;}
.main_introduce .big{font-size:20px;}
.main_introduce .txt{margin:15px 0 15px 0;}
.main_introduce .btnm{font-size:13px;}

}


@media all and (max-width:450px){
.visual_poster_wrap .poster_box .more{width:35px;height:35px;}
.visual_poster_wrap .poster_box .eng_title{font-size:14px;}
.visual_poster_wrap .poster_box .info{margin-top:10px;}
.visual_poster_wrap .poster_box .info2{margin-top:10px;padding-top:10px;}
.visual_poster_wrap .poster_box .info li, .visual_poster_wrap .poster_box .info2 li{font-size:13px;}
.visu_rank_tbl .list_title .rank_num{padding:0 0 0 5px;width:30px;}
.visu_rank_tbl .list_title .mv_tt{font-size:14px;}
.visu_rank_tbl .list_title .mv_cnt{padding-right:20px;font-size:14px;}
.visu_rank_tbl .list_title .mv_per{width:16%;font-size:14px;}
.visu_rank_tbl .range_cht .comp_name,.visu_rank_tbl .range_cht .comp_cnt{font-size:13px;}
.visu_rank_tbl .range_cht .comp_cht{margin:5px 0;}

}

@media all and (max-width:418px){
.content_main.bigdata_area{padding:0;}

}

@media all and (max-width:414px){/*아이폰플러스 시리즈*/

.content_main .con_inner{padding:0 10px;}
/* main.css */
.visual_main .visu_tab{margin-top:0;}
.visu_rank_tbl .list_title a{font-size:14px;}
.visu_rank_tbl th{font-size:14px;}
.visual_slide_wrap .cht_tt > h2{font-size:25px;}
.visual_slide_wrap .cht_tt > p{font-size:16px;}
.visual_poster_wrap .poster_box .title{font-size:17px;max-height: 34px;}
.visual_poster_wrap .poster_box .eng_title{font-size:15px;}
.visual_poster_wrap .poster_box .info{margin-top:15px;}
.visual_poster_wrap .poster_box .info2{margin-top:20px;padding-top:10px;}
.visual_poster_wrap .poster_box .info2:before{height:2px;}
.visual_poster_wrap .poster_box .more{width:30px;height:30px;background-size: 80%;}

 /*툴팁*/
.help_label.main.m1 .tool_tip{width:265px;transform:translateX(-220px);}
.help_label.main.m2 .tool_tip{width:300px;transform:translateX(-200px);}
.help_label.main.m3 .tool_tip{width:300px;transform:translateX(-120px);}
.help_label.main .tool_tip li br{display:none;}

.main_tt2 {font-size:25px;}
.mv_cycle .bg_tt2{font-size:30px;bottom:-10px;}
/* 영화생애주기 */
/* .bigdata_chart_wrap{padding:0 0 30px 0;} */
#bigdata_area_inner,#bigdata_iframe{height:1518px !important}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1520px !important;}
/* 온라인 상영,검색어 */
.mv_online .mv_list .txt strong{font-size:15px;}
.main_tt2 .year_month{display:block;margin:5px 0 0 0;padding:0;}
.mv_list_slider{margin:10px 0 0 0 !important;}

/* 영화인 */
.content_main.mv_person .con_inner{padding-bottom: 30px;}
.mv_person .mv_filmo_list li{height:172px;}

/* 공지사항 */
.main_board_wrap .board_list .title{height:44px;font-size:15px;}
.main_board_wrap .board_list .date{font-size:13px;}
.main_board_wrap .board_link_wrap{margin-top:10px;}
.main_board_wrap .board_link_wrap a{height:140px;}
.main_board_wrap .board_link_wrap a span{height:70px;font-size:17px;}

}

@media all and (max-width:375px){/*아이폰 시리즈*/

/* main.css */
.visual_poster_wrap .poster_box{width:300px;height:425px;}
.mv_info_wrap .mv_list .poster{width:130px;height:187px;}
.content_main_board .bd_con li .date {padding-top:10px;}
.content_main_board .bd_con li .date b{font-size:2em;}
.content_main_board .bd_con li .date{font-size:0.9em}
.content_main_board .bd_con li .tt{font-size:1em;}

/* 영화인 */
.mv_person .mv_filmo_list li a{height:155px;}

#bigdata_area_inne,#bigdata_iframe{height:1525px !important;}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1725px !important;}

}

@media all and (max-width:360px){/*갤럭시 시리즈*/
  .visual_main{padding-top:530px;}
  .visu_rank_tbl colgroup col:nth-of-type(1){width:35px !important;}
  .visu_rank_tbl colgroup col:nth-of-type(4){width:18% !important;}
  .visu_rank_tbl .list_title .rank_num{width:30px;}
  .visu_rank_tbl .list_title .mv_tt{width:46%;}
  .visu_rank_tbl .list_title .mv_per{width:18%;}
  .visual_poster_wrap .poster_box{width:280px;height:400px;}

.content_main.mv_online{padding:20px 10px;}

.content_main.mv_cycle, .content_main{padding:20px 10px 50px 10px}
.content_main .bg_tt2{bottom:-40px;}

/* bigdata counter */
.content_main.bigdata_area{padding:0;}
#bigdata_area_inner, #bigdata_iframe{height:1740px !important;}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1748px !important;}

  .mv_person .mv_filmo_list li{width:50%;}
  .mv_person .mv_filmo_list li a{height: 195px;}

.main_board_wrap{padding:20px 10px;}  
.main_introduce{padding:20px 10px;}
  /*툴팁*/
  .help_label.main.m2 .tool_tip{width:250px;transform:translateX(-200px);}
   .help_label.main.m3 .tool_tip{width:250px;transform:translateX(-120px);}
}

@media all and (max-width:320px){/*아이폰4 이하*/
  .visual_main{padding:530px 5px 20px 5px}
  .visu_rank_tbl .list_title a{font-size:13px;}
  .visual_main .visu_tab a{height: 40px;line-heigh.help_label.main .tool_tipt: 40px;}
  #bigdata_area_inner, #bigdata_iframe{height:1715px !important;}
:-ms-fullscreen, :root #bigdata_area_inner, :-ms-fullscreen, :root #bigdata_iframe{height:1748px !important}


/*툴팁*/
.help_label.main .tool_tip{width:255px;}
.help_label.main.m2 .tool_tip{width:230px;}
.help_label.main.m3 .tool_tip{width:230px;transform:translateX(-128px);}
.help_label.main .tool_tip li{line-height:14px;font-size:12px;}

}


@media all and (max-width:280px){/*갤럭시폴드*/
  .visual_main{padding:480px 5px 15px 5px}
  .visual_poster_wrap .poster_box{width:250px;height:358px;}
.visu_rank_tbl .list_title .mv_tt{font-size:13px;}
.visu_rank_tbl .list_title .mv_cnt{font-size:13px;}
.visu_rank_tbl .list_title .mv_per{font-size:13px;}

#bigdata_area_inner, #bigdata_iframe{height:1594px !important}

/*툴팁*/
.help_label.main .tool_tip{width:220px;}

}