@charset "utf-8";
/*  begin */


.arl_070 { position: relative; overflow: hidden;}

.arl_070 .art_slide { display: none; margin: 0 -8px 0 -7px;}
.arl_070 .slick-track { display: flex !important;}
.arl_070 .art_box { margin: 0 8px; border: 1px solid #dedede;}
.arl_070 .art_box > a { display: block; position: relative; background: #fff;}
.arl_070 .art_box > a > div { padding: 10px;}
.arl_070 .art_box > a h2 { font-size: 15px; font-weight: bold; line-height: 1.4; margin: 0 0 0 -1px; color: #363636;}
.arl_070 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_070 .art_box > a img { transition: opacity .3s ease;}
.arl_070 .art_box.no_img > a { padding-left: 0;}
.arl_070 .art_box > a:hover h2, .arl_070 .art_box > a:hover p, .arl_070 .art_box > a:hover img { opacity: .75;}
.arl_070 .slick-slide { height: inherit;}

.arl_070 .slick-arrow { position: absolute; top:50%; display: block; width: 32px; height: 52px; background: url(/data/skin/content/1/arl_070//images/btn_control.png) no-repeat 0 0; text-indent: -999em; z-index: 10; margin-top: -26px;}
.arl_070 .slick-arrow.slick-prev { left: 15px; background-position: 0 0;}
.arl_070 .slick-arrow.slick-next { right: 15px; background-position: -35px 0;}

.arl_070.b_radius .art_box > a { border-radius: 7px 7px 0 0; overflow: hidden;}
/*  end */
/*  begin */


.arl_012 { position: relative; overflow: hidden;}

.arl_012 .tit { font-size: 19px; font-weight: bold; margin-bottom: 9px;}
.arl_012 .media_slide_wrap { position: relative; padding: 0 21px 0 19px;}
.arl_012 .media_slide > li > ul { padding-left: 2px; display: flex;}
.arl_012 .media_slide > li > ul > li { width: 25%;}
.arl_012 .media_slide > li > ul > li a { display: block; margin: 0 1px; height: 100%; background: #05b2d4; transition: all .3s ease;}
.arl_012 .media_slide > li > ul > li a > span { border: 1px solid #05b2d4;}
.arl_012 .media_slide > li > ul > li a h5 { color:#fff; padding: 6px 7px 8px;}
.arl_012 .media_slide > li > ul > li a h5 span { display: block; font-weight: normal; line-height: 1.3; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 13px;}
.arl_012 .media_slide a img { transition: opacity .3s ease;}
.arl_012 .media_slide a:hover img { opacity: .75;}
.arl_012 .media_slide > li > ul > li a:hover { background: #0394b0;}

.arl_012 .bx-controls-direction a { position: absolute; top:0; width: 20px; height: 100%; background: #222 url(/data/skin/content/1/arl_012//images/btn_mov_slide.png) no-repeat 0 center; border-top: 1px solid #222; text-indent: -9999px;}
.arl_012 .bx-controls-direction a.bx-prev { left: 0; background-position: 0 center;}
.arl_012 .bx-controls-direction a.bx-next { right: 0; background-position: -20px center;}
.arl_012 .bx-controls-direction a:hover { background-color: #444;}
.arl_012 .bx-pager { position: absolute; right: 1px; top: -20px;}
.arl_012 .bx-pager > div { float: left; margin-left: 4px;}
.arl_012 .bx-pager > div > a { display: block; width: 8px; height: 8px; background: #707070; text-indent: -9999px; overflow: hidden;}
.arl_012 .bx-pager > div > a.active { background: #05b2d4;}

.arl_012.a_radius .thumb { border-radius: 0;}
.arl_012.a_radius .bx-controls-direction a.bx-prev { border-radius: 7px 0 0 7px;}
.arl_012.a_radius .bx-controls-direction a.bx-next { border-radius: 0 7px 7px 0;}

.arl_012.b_radius .bx-pager > div > a { border-radius: 50%;}
/*  end */
/*  begin */


.mov_004_01 { position: relative; overflow: hidden;}
.mov_004_01 .headline_mov { position: relative;}
.mov_004_01 .headline_mov:after { content: ""; display: block; clear: both;}
.mov_004_01 .headline_mov > div { position: relative;}
.mov_004_01 .headline_mov .mov_wrap { position: relative; padding-top: 55.8%; background: #000; overflow: hidden;}
.mov_004_01 .headline_mov .mov_wrap iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #000;}

.mov_004_01 .indicator { position: relative; margin: 0 -10px; padding: 20px 0 0;}
.mov_004_01 .indicator:after { content: ""; display: block; clear: both;}
.mov_004_01 .thumb_wrap { position: relative; display: block; float: left; width: 20%;}
.mov_004_01 .indicator.col1 .thumb_wrap { width: 100%;}
.mov_004_01 .indicator.col2 .thumb_wrap { width: 50%;}
.mov_004_01 .indicator.col3 .thumb_wrap { width: 33.3333%;}
.mov_004_01 .indicator.col4 .thumb_wrap { width: 25%;}

.mov_004_01 .thumb { display: block; margin: 0 10px; overflow: hidden; border-radius: 7px; transition: all .3s ease;}
.mov_004_01 .thumb > div { position: relative;}
.mov_004_01 .thumb span { display: block;}
.mov_004_01 .thumb span:after { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -24px; content: ""; display: block; width: 45px; height: 45px;}
.mov_004_01 .thumb span img { width: 100%;}
.mov_004_01 .thumb i { display: block; padding: 5px 0 7px; height: 30px;}
.mov_004_01 .thumb i b { display: block; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.3; height: 31px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.mov_004_01 .thumb:hover { box-shadow: 0 0 10px rgba(0,0,0,1);}
.mov_004_01 .thumb.active { box-shadow: 0 0 10px rgba(0,0,0,1);}
.mov_004_01 .thumb.active span:after { background: url(/data/skin/content_custom/1/mov_004_01//images/icon_mov.png) no-repeat -45px 0;}

.mov_004_01 .art_txt { color: #fff; font-size: 15px; margin: 8px 15px 0; line-height: 1.4; height: 45px;}
.mov_004_01 .art_txt:hover { text-decoration: underline;}
/*  end */
/*  begin */


.arl_066_01 { position: relative;}
.arl_066_01 .tit_set { margin-bottom: 30px !important;}
.arl_066_01 .tit_set a { color: #fff !important;}
.arl_066_01 .dot_list li { margin-top: 20px;}
.arl_066_01 .dot_list li a { position: relative; display: block; font-size: 17px; font-weight: bold; line-height: 1.4; color: #02275b;}
.arl_066_01 .dot_list li a:hover { opacity: .75;}

.arl_066_01 .dot_list li:first-child { margin-top: 0;}
.arl_066_01 .dot_list li:first-child a { padding-top: 0; border-top: 0;}
.arl_066_01 .dot_list li:first-child a:before { top: 12px;}

.arl_066_01 .t_date { position: absolute; left: 100px; top: -1px; font-family: 'GmarketSansBold', sans-serif; font-weight: normal; letter-spacing: -0.02em; font-size: 20px;}
/*  end */
/*  begin */


.mov_003_01 { position: relative;}

.mov_003_01 .bfmov { position: relative; display: block; overflow: hidden; padding-top: 55.8%;}
.mov_003_01 iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; width: 100%; height: 100%;}

.mov_003_01 .status { font-family: 'GmarketSansBold', sans-serif; color: #fff; font-size: 15px; margin: 10px 0 -10px;}
.mov_003_01 .status:after { content: ""; display: block; clear: both;}
.mov_003_01 .status > b { float: left; height: 38px; line-height: 38px; font-weight: normal; letter-spacing: 0;}
.mov_003_01 .status > ul { float: right;}
.mov_003_01 .status > ul:after { content: ""; display: block; clear: both;}
.mov_003_01 .status > ul > li { float: left; height: 38px; line-height: 38px; margin-left: 20px; letter-spacing: 0;}
.mov_003_01 .status > ul > li span { display: inline-block; width: 28px; height: 38px; text-indent: -9999em; margin-right: 2px;}
.mov_003_01 .status > ul > li span.icon_like { background: url(/data/skin/content_custom/1/mov_003_01//images/icon_like.png) no-repeat 0 0;}
.mov_003_01 .status > ul > li span.icon_unlike { background: url(/data/skin/content_custom/1/mov_003_01//images/icon_unlike.png) no-repeat 0 0;}
/*  end */