@charset "utf-8";

/* 
	pc 1920 (1180)
 */

/* Desktop Device */
/* sub tab */
.inner_wrap_change .tab_layout { display: flex;width:100%;background-color:#f7f7f7;margin-top:20px;padding:20px 0 30px;align-items: flex-end; }
.inner_wrap_change .tab { display: inline-flex;background-color:#f7f7f7;flex:1;height:auto;padding:0; }
.inner_wrap_change .tab li { width:auto;display:table; vertical-align:middle; height:50px; float:left }
.inner_wrap_change .tab li a {display:table-cell;position:relative; font-size: 2.4rem; font-weight:500; vertical-align:middle; color:#cfd0d0; text-align:center;width:100%; height:100%;line-height:1;padding:13px 0 15px; box-sizing:border-box;}
.inner_wrap_change .tab li a:after { display: inline-block;position: absolute;content: "";background-color:#cfd0d0; width:60px; height:2px;bottom: 0;left: 0; }
.inner_wrap_change .tab li:first-child { margin-right:58px; }
.inner_wrap_change .tab li.on a { color:#040103;  }
.inner_wrap_change .tab li.on a:after { display: inline-block;position: absolute;content: "";background-color:#0097e0; width:60px; height:2px;bottom: 0;left: 0; }


/* sorting selectbox */
.sorting.group { padding:0;flex-basis:180px; }
.sorting.group select { width:100%;font-size:1.6rem;line-height:30px;color:#040103;border:2px solid #cfd0d0;padding:7px 14px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; background: url(/Images/Common/ico_arrow_off.png) no-repeat 95% 50%; }
.sorting.group.on select {background: url(/Images/Common/ico_arrow_on.png) no-repeat 93% 50%; }

/* sub title */
.inner_wrap_change .tab .sub_title {display:table-cell;position:relative; font-size: 2.4rem; font-weight:500; vertical-align:middle; color:#040103; text-align:center;width:100%; height:100%;line-height:1;padding:13px 0 15px; box-sizing:border-box;}
.inner_wrap_change .tab .sub_title:after { display: inline-block;position: absolute;content: "";background-color:#0097e0; width:60px; height:2px;bottom: 0;left: 0; }
.sub_title {display:table-cell;position:relative; font-size: 3.0rem; font-weight:500; vertical-align:middle; color:#040103; text-align:center;width:100%; height:100%;line-height:1;padding:20px 0 15px; box-sizing:border-box;}
.sub_title:after { display: inline-block;position: absolute;content: "";background-color:#0097e0; width:60px; height:2px;bottom: 0;left: 0; }
.recent_tit { padding:0;margin-top:60px; }
.sub_title.type_2 {font-size: 2.4rem; font-weight:500;color:#040103;padding:28px 0 15px 0;line-height: 30px; }

/************** 그룹 라벨 css **************/
.label { display: inline-block;position:relative;width:120px;height:30px;line-height:28px;text-align:center;font-size:1.4rem;border-radius: 3px;color:#fff;background-color:#2979d0; }
.label span { visibility: hidden;line-height: 0;font-size: 0; }
.label:before { visibility: visible; content: '현대성우캐스팅'; }

.label.hdsw_h { background-color:#b2bcbe; }
.label.hdsw_h:before { visibility: visible; content: '현대성우홀딩스'; }

.label.hdsw_c { background-color:#2979d0; }
.label.hdsw_c:before { visibility: visible; content: '현대성우캐스팅'; }

.label.hdsw_s { background-color:#f05a66; }
.label.hdsw_s:before { visibility: visible; content: '현대성우쏠라이트'; }

/* container */
#container {padding-bottom:124px;}
#container.sports { padding-bottom:190px; }

/* group-hdsw */
.boardList_wrap { width:100%;padding:0 20px;padding:0; }
.boardList_wrap ul { display: flex;flex-direction: row;flex-wrap: wrap; justify-content: flex-start;  }
.boardList_wrap ul li {  position:relative;width:100%;width: calc( 100%/3 - 13px );height:400px;margin-bottom: 20px;}
.boardList_wrap ul li a { display:block; }
.boardList_wrap ul li img { width:100%; }
.boardList_wrap ul li:not(:nth-child(3n)) { margin-right: 19px; }
.boardList_wrap ul li .title { width:93%;margin: 10px 0;font-size:1.8rem;line-height:22px;color:#404040;font-weight: 500;height:45px; }
.boardList_wrap ul li .txt { padding:10px 0;font-size:1.8rem;line-height:22px;color:#404040;font-weight: 500; }
.boardList_wrap ul li .cont_b { position:relative;width: 100%;height: auto; }

.responsive_wrap .label { margin-right:16px; }
.responsive_wrap .date { display:inline-block;color:#7d8395;font-size:1.4rem;line-height:20px; }

/************** admin 글쓰기 btn css **************/
.boardList_wrap.inner_wrap { border-bottom:1px solid #dedfdf; }
.btn_area.list { margin-top:20px; }
.btn_area.list .edit { display:flex;justify-content: flex-end; }
.btn_area.list .edit a { width:120px;height:40px;border:1px solid #0097e0;border-radius: 20px;color:#0097e0;font-size:1.6rem;line-height:20px;padding:8px 0 11px 47px; background:url(/Images/Common/regiBtn_1.png) no-repeat 26px 10px;background-size: 17px auto;  }
.btn_area.list .edit a:hover { color:#fff; background-color:#0097e0;}

/************** 해시 태그 css **************/
.relation_tag { position:relative;margin-top:9px;/*white-space: nowrap;*/overflow:hidden; }
.relation_tag .tag_list {  overflow:visible;overflow-x: visible;white-space: normal;-webkit-overflow-scrolling: touch;width:100%;-webkit-box-pack: justify;font-size: 0; }
.relation_tag .tag_list > div { display: inline-block;white-space: nowrap;padding:3px 6px; border-radius:3px; border:1px solid #d5d5d5;color:#303030; background-color:#e0e0e0;opacity:0.5;font-size: 1.2rem; line-height:1;cursor: pointer; }
.relation_tag .tag_list > div { margin: 0 4px 4px 0; }
.relation_tag .tag_list > div button { font-size:1.2rem; }

/************** 더보기 버튼 css **************/
.btn_more_area { margin:70px auto 0; }
.btn_more_area .btn_more { display:block;margin: 0 auto;background-color: #fff;text-align: center; font-size:2.0rem;color:#040103;line-height:60px;width:338px;height:60px; box-shadow: 0 4px 10px 0 rgba(115, 115, 115, 0.2); }
#container.sports .btn_more_area { margin:76px auto 0; }

/* sports */
.boardList_wrap.default ul.type_2 {display: flex;flex-direction: row; flex-wrap: wrap;width:100%;  justify-content: flex-start; }
.boardList_wrap.default ul.type_2 li { width: calc( 100%/3 - 13px );height: auto;  margin-bottom:30px; }
.boardList_wrap.default ul.type_2 li:not(:nth-child(3n)) { margin-right: 19px; }

.sponsorship_down { display:flex; flex-direction: row;position:fixed;width:100%;background-color:#fff;bottom:0;padding:20px 360px 20px 360px; align-items: center; justify-content: space-between;z-index:5; }
.sponsorship_down .tit { padding:0;color:#404040;font-weight:bold;line-height:normal; font-size:3.0rem; }
.sponsorship_down .sponsorship.btn { display:block;margin-bottom:0;text-align:center;flex-basis:270px;height:50px;font-size:1.8rem;line-height:48px;background-color:#004fa3;color:#fff;border-radius: 30px; }
.sponsorship_down.show { position:absolute;bottom:0; }

/************** top 아이콘 **************/
.sports .btn_top.btn_type_3.show { display:inline-block;position:fixed;bottom:91px; }
.sports .btn_top.btn_type_3 {display:inline-block;position:absolute;bottom:91px;right: 0; width: 70px; height: 30px; background: url(/Images/Common/btn_top_tablet.png) no-repeat center;}

/* PressRelease-News */
.boardList_wrap.default_type { background-color: #fff; padding:60px 84px 30px;border-radius: 10px;border-bottom:0; }
.boardList_wrap.default_type .btn_area.list { margin-top: 30px; }
.boardList_wrap ul.type_3 li { width: 100%; margin-bottom:30px;height: auto; }
.boardList_wrap ul.type_3 li:last-child { margin-bottom:0; }
.boardList_wrap ul.type_3 li:not(:nth-child(3n)) {margin-right:0;}
.boardList_wrap ul.type_3 li .thumb_img { width: 390px; }
.boardList_wrap ul.type_3 li .title { font-size:2.0rem;height:50px; }
.boardList_wrap ul.type_3 li .cont_b { position: absolute;right: 0;top: 0;width:590px;height: 100%;padding: 32px 0 0 0;}
.boardList_wrap ul.type_3 li .cont_b .label { position: absolute;left: 0;top: 0; }
.boardList_wrap ul.type_3 li .cont_b .responsive_wrap { margin-top: 100px; }
.boardList_wrap ul.type_3 li .relation_tag {margin: -35px 0 0 0;width: 590px;left: 422px;border-bottom: 1px solid #e0e0e0;padding-bottom:10px;}

/* PressRelease-Photos */
.boardList_wrap.default ul.type_2.default li { width: calc( 100%/3 - 13px );height: 380px;margin-bottom: 20px; }
.boardList_wrap.default ul.type_2.default li .hover_txt { position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility:hidden;padding: 0 32px 23px;box-sizing: border-box;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.72)); }
.boardList_wrap.default ul.type_2.default li.hover .hover_txt { opacity: 1;visibility:visible; }
.boardList_wrap.default ul.type_2.default li .hover_txt p { color: #fff;font-size: 2.4rem;line-height: 30px;width:80%;font-weight: 500;position: absolute;bottom: 23px; }

/* Design-Studio */
.grid_container { margin:0 auto;width:100% ! important;column-count: 3; -moz-column-count: 3;-webkit-column-count: 3;}
.grid_container .list_item { margin-right: 0 ! important;margin-bottom: 30px ! important; }
.grid_container > li:not(:nth-child(3n)) { margin-right:23px ! important; }
.grid_container .grid_item_1 { width:330px ! important;height: auto! important; }
.grid_container .grid_item_2 { width:460px ! important;height: auto! important; }
.grid_container .list_item .hover_txt { padding: 0 16px 23px! important; }

/* Video-SubMain */
.sub_inner { position:relative; }
.sub_inner .boardList_wrap.inner_wrap {border-bottom: none;}
.sub_inner .boardList_wrap ul {justify-content: space-between;}
.sub_inner .boardList_wrap ul li { width:calc( 100%/2 - 10px );margin-right:0; }

.btn_more_area.type_2 { position:absolute;top:40px;right:0;padding-bottom:0;border-bottom: none;margin:0; }
.btn_more_area.type_2 .btn_more { display:block;margin: 0 auto;background-color: #fff;text-align: left;text-indent:13px;font-size:1.2rem;color:#848894;line-height:22px;width:70px;height:26px; box-shadow: none;border:1px solid #d8d8d8;border-radius: 12px;letter-spacing:1px;background: url(/Images/Common/ico_more_off.png) no-repeat 53px center;background-size: 4px auto; }
.btn_more_area.type_2 .btn_more:hover { background: #004fa3 url(/Images/Common/ico_more_on.png) no-repeat 53px center; border:1px solid #004fa3;color:#fff; }

/* recent film css */
.recent_wrap { position:relative;margin:30px 0 0 0;/*white-space: nowrap;*/overflow:hidden; }
.recent_wrap .recent_list { overflow:hidden;overflow-x: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;width:100%;-webkit-box-pack: justify; }
.recent_wrap .recent_list > li { display: inline-block;white-space: nowrap;width:380px;}
.recent_wrap .recent_list > li:not(:last-child) { margin: 0 20px 0 0; }
.recent_wrap .recent_list > li img { margin-bottom: 4px;width:100%; }
.recent_wrap .recent_list > li .title { width: 93%;margin: 10px 0;font-size: 1.8rem;line-height: 22px;color: #040103;font-weight: 500;height: 42px;white-space: break-spaces; }

/* Video-ShortFilmList */
.boardList_wrap ul.type_3.defult li .cont_b { padding: 0; }
.boardList_wrap ul.type_3 li .cont_b .responsive_wrap .date { position:absolute;bottom:50px; }