/* ---------------------------------------------------------------------------------------------------- /* NEWS theater ---------------------------------------------------------------------------------------------------- */ #anews_theater { position:relative; display:block; width:100%; min-height:1030px; margin-top:-130px; } #anews_theater:after { content:""; display:block; clear:both; } #anews_theater_bg { display:none; } #anews_theater > .container { box-sizing:border-box; position:absolute; top:445px; top:355px; left:50%; width:1500px; margin-left:-750px; padding-left:1000px; } #anews_theater_bg h2 { text-indent:-9999px; } #anews_theater a { color:#fff; line-height:115%; } #anews_theater_top { position:absolute; top:0; left:0; width:1000px; margin:0 auto; } #anews_theater_top #videoID { } #anews_theater_top #videoID article { overflow:hidden; position:relative; display:block; width:100%; height:600px; border:0px solid green; } #anews_theater_top #videoID article p { display:block; width:100%; height:100%; margin:0; background-repeat:no-repeat; background-position:0 0; background-size:cover; background-position:50% 30%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } #anews_theater_top #videoID article:hover p { -webkit-transform:scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12); } #anews_theater_top #videoID article i { background-image:url(http://img.arirang.com/images/index/i_play_square_black.gif); } #anews_theater_top #videoID article .video_title { position:relative; top:-220px; left:0; width:100%; height:255px; } #anews_theater_top #videoID article b { z-index:-1; display:block; position:absolute; bottom:0; width:100%; height:110px; background:url(http://img.arirang.com/images/index/img_box_bg_bottom.png) repeat-x 0 100%; } #anews_theater_top #videoID article h4, #anews_theater_top #videoID article h5, #anews_theater_top #videoID article h6 { z-index:2; position:absolute; width:auto; height:auto; margin:0; padding:0; line-height:110%; line-height:150%; font-weight:normal; color:#fff; } #anews_theater_top #videoID article h4 { bottom:70px; left:20px; width:83%; height:60px; font-size:2.3rem; text-shadow:2px 2px 3px rgba(0,0,0,1); } #anews_theater_top #videoID article h5 { box-sizing:border-box; bottom:10px; left:0px; width:100%; padding-right:20px; font-size:1.125rem; text-shadow:2px 2px 3px rgba(0,0,0,1); text-align:right; } #anews_theater_top #videoID article h6 { position:absolute; bottom:40px; right:20px; width:125px; height:71px; background-image:url(http://img.arirang.com/images/index/anews_theater_logo2.png); background-repeat:no-repeat; background-position:100% 0; background-size:cover; } #anews_theater_top #videoID article i { opacity:0.7; display:block; position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background-image:url(http://img.arirang.com/images/index/i_play_circle100_blue.png); cursor:pointer; } #anews_theater_top #videoID article:hover i { opacity:1; } #anews_theater_top #videoID article q { z-index:1; display:block; position:absolute; bottom:0; left:0; width:100%; height:255px; background:url(http://img.arirang.com/images/index/anews_theater_top_bg.png) repeat-x 0 100%; } #anews_theater_top #videoID article #videoID_img { width:1000px; height:600px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } #anews_theater_top #videoID article iframe { position:relative; width:1000px; height:562.5px; margin:0; border:0; } #aNV_movie { display:none; width:1000px; margin:0 auto; border-top:1px solid #111; vertical-align:top; } #newsmovie { position:relative; width:670px; height:380px; background-color:#eee; } #newsmovie.newsFixed iframe { z-index:9999; position:fixed !important; bottom:100px; right:50px; width:335px; height:190px; border:3px solid #000 !important; border-radius:1px; } .newsTextBtn.newsFixed { margin-top:200px; } @media only screen and (max-width:999px) and (orientation:portrait) { 1#newsFixed { position:fixed !important; top:0px; background-color:#fff !important; border-bottom:2px solid #555; } } #anews_theater_top #videoID article q, #anews_theater_top #videoID article h6, #anews_theater_top #videoID article b { text-indent:-9999px; } .vjs-poster { background-position:50% 0 !important; } #anews_theater.anews19 > .container { top:445px; left:50%; width:1500px; height:650px; margin-left:-750px; padding-left:0px; border:1px solid red; } .anews19 #anews_theater_top { position:absolute; top:0; left:0; width:100%; border:1px solid blue; } .anews19 #anews_theater_top #videoID { } .anews19 #anews_theater_top #videoID article { width:100%; height:600px; border:1px solid green; } .anews19 #anews_theater_top #videoID article iframe { width:100%; height:562.5px; } #anews_theater_list { width:500px; background-color:#2a2a2a; } #anews_theater_list .container { width:100%; margin:0; } #anews_theater_list h3 { height:105px; margin:0; padding:0; background:#2fb5d6 url(http://img.arirang.com/images/index/anews_topstory_title1.gif) no-repeat 0 50%; background-size:cover; text-indent:-9999px; } #anews_theater_list ul, #anews_theater_list li { height:100%; margin:0; padding:0; list-style:none; } #anews_theater_list ul:after { content:""; display:block; clear:both; } #anews_theater_list li { overflow:hidden; box-sizing:border-box; position:relative; width:500px; height:165px; padding:0 5px 0 200px; background:url(http://img.arirang.com/images/index/anews_theater_list_bg.gif) no-repeat 200px 100%; } #anews_theater_list li:last-child { background:none; } #anews_theater_list li a { display:block; height:100%; } #anews_theater_list li .slide_img_box { overflow:hidden; position:absolute; top:0; left:0; width:180px; height:165px; } #anews_theater_list li .slide_img { display:block; height:100%; background-image:url(http://img.arirang.com/arirangtv.png); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } #anews_theater_list li:hover .slide_img { -webkit-transform:scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12); } #anews_theater_list li .ai_play { opacity:0.7; display:block; position:absolute; bottom:0; left:0; width:40px; height:40px; background-image:url(http://img.arirang.com/images/index/i_play_square_blue.gif); cursor:pointer; } #anews_theater_list li:hover .ai_play { opacity:1; } #anews_theater_list li .slide_txt_box { position:relative; } #anews_theater_list li .slide_txt_box .slide_txt { display:block; margin:20px 0 10px; margin:15px 0; font-size:1.5em; font-size:1.4em; font-weight:500; line-height:150%; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,10); } #anews_theater_list li .slide_txt_box .slide_memo { opacity:0.5; display:block; font-size:1.0rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:110%; } #anews_theater_list li.full .slide_img { background-size:contain; background-size:cover; } #anews_theater_list li.full .ai_play { background-image:url(http://img.arirang.com/images/index/i_play_square.gif); } #anews_theater_list li.full .slide_txt_box .slide_title { display:inline-block; margin-top:30px; color:#2fb5d6; font-weight:500; font-size:1rem; letter-spacing:1px; } #anews_theater_top #videoID article h4 .title { display:block; margin:20px 0 -20px; color:#2fb5d6; font-weight:700; font-size:1.1rem; } #anews_theater_list li.full .slide_txt_box .slide_txt { } #anews_newsrolling .container { margin-bottom:0px; } /* ---------------------------------------------------------------------------------------------------- /* NEWS keywords ---------------------------------------------------------------------------------------------------- */ #anews_keywords { } #anews_keywords .container { width:1500px; } #anews_keywords #ai_tabs li { width:11.1111%; } #anews_keywords #ai_tabs li a { font-size:1.5rem; } #anews_keywords #ai_tabs li.on a { color:#2fb6d7; } #anews_keywords #ai_tabs li a:hover { color:#2fb6d7; } #anews_keywords .tabs_container { display:none; } #anews_keywords .tabs_container#tab1_content { display:block; } #anews_keywords .tabs_container li { overflow:visible; height:460px; height:390px; margin:10px 0 0 10px; } #anews_keywords .tabs_container li .slide_img_box { overflow:hidden; position:relative; width:490px; height:340px; height:275px; } .tabs_container li .slide_txt_box { position:relative; margin:10px 0 0; text-decoration:none; } .tabs_container li .slide_txt_box .slide_txt { position:relative; display:block; width:100%; min-height:68px; margin:auto; font-size:1.6rem; font-size:1.4rem; font-weight:500; line-height:150%; } .tabs_container li .slide_txt_box .slide_date { display:block; margin:10px auto; font-size:1.2rem; font-size:1.0rem; } /* ---------------------------------------------------------------------------------------------------- /* Banner // 8 News ---------------------------------------------------------------------------------------------------- */ #anews_8news .container { height:380px; margin:100px 0 0; background-image:url(http://img.arirang.com/images/index/7news_img2.jpg); background-position:50% 50%; background-size:cover; } /* ---------------------------------------------------------------------------------------------------- /* Korea Summit ---------------------------------------------------------------------------------------------------- */ #anews_koreasummit { display:none; background-color:#bdbdbd; } #anews_koreasummit .container { width:1500px; height:300px; text-align:center; } #anews_koreasummit .container h3 { position:absolute; top:50%; left:50%; margin:0; padding:0; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; white-space:nowrap; } /* ---------------------------------------------------------------------------------------------------- /* Most Popular ---------------------------------------------------------------------------------------------------- */ #anews_mostpopular { } #anews_mostpopular .container { width:1500px; } #anews_mostpopular .ai_slide li { width:350px; margin:0 0 0 33px; } #anews_mostpopular .ai_slide li:first-child { margin-left:0; } #anews_mostpopular .ai_slide li a .slide_img_box { height:350px; height:195px; } #anews_mostpopular .ai_slide li a .ai_play { opacity:0.7; background-image:url(http://img.arirang.com/images/index/i_play_square_blue_black.gif); } #anews_mostpopular .ai_slide li a .slide_txt_box { height:110px; padding:20px 0; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_txt { width:100%; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_memo { overflow:hidden; width:100%; height:3rem; /* white-space:nowrap; text-overflow:ellipsis; line-height:110%; */ } /* ---------------------------------------------------------------------------------------------------- /* Issue Now ---------------------------------------------------------------------------------------------------- */ #anews_issuenow { } #anews_issuenow .container { width:1500px; } #anews_issuenow .ai_slide li { float:left; width:730px; margin:0 0 30px 0; } #anews_issuenow .ai_slide li:nth-child(2n) { margin-left:40px; } #anews_issuenow .ai_slide li a { position:relative; width:490px; height:135px; padding-left:240px; } #anews_issuenow .ai_slide li a .slide_img_box { position:absolute; top:0; left:0; width:225px; height:135px; } #anews_issuenow .ai_slide li a .ai_play { opacity:0.7; background-image:url(http://img.arirang.com/images/index/i_play_square_blue_black.gif); } #anews_issuenow .ai_slide li a .slide_txt_box { height:135px; padding:3px 0 0; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_txt { height:auto; margin:0; padding:0; font-size:1.6rem; font-size:1.4rem; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_date { top:auto; left:auto; bottom:0; right:0; } #anews_issuenow2 { width:1500px; margin:auto; } #anews_issuenow2:after { content:""; display:block; clear:both; } #anews_issuenow2 .container { clear:none; float:left; width:750px; } #anews_issuenow2 .container h4 { width:620px; margin:10px 0 10px 50px; padding-left:30px; background:url(http://img.arirang.com/images/index/icon_circle_big_dark.png) no-repeat 0 50%; font-weight:500; font-size:1.7rem; } #anews_issuenow2 .container h4 > a { display:inline-block; height:35px; padding:5px 55px 0 0; background:url(http://img.arirang.com/images/index/h3_more.gif) no-repeat 100% 20%; color:#737373; text-decoration:none; line-height:100%; font-weight:500; } #anews_issuenow2 .container h4 > a:hover { background-image:url(http://img.arirang.com/images/index/h3_more_on.gif) !important; color:#232323; text-decoration:none; } @media screen and (min-width: 1000px) and (max-width: 1499px){ #anews_issuenow2 .container h4 > a { background-size: auto 80%; } } @media screen and (max-width: 999px){ #anews_issuenow2 .container h4 > a { height:1.3rem; padding-right:30px; background-size: auto 80%; background-position:100% 50%; } } #anews_issuenow2 .ai_slide li { width:650px; margin:0 50px; } #anews_issuenow2 .ai_slide li a { position:relative; width:650px; min-height:100px; border-bottom:1px solid #ccc; } #anews_issuenow2 .ai_slide li a .slide_img_box { width:100%; height:400px; height:365px; } #anews_issuenow2 .ai_slide li a .slide_img_box img { display:block; width:100%; height:auto; } #anews_issuenow2 .ai_slide li a .ai_play { opacity:0.7; background-image:url(http://img.arirang.com/images/index/i_play_square_blue_black.gif); } #anews_issuenow2 .ai_slide li a .slide_txt_box { position:relative; min-height:70px; padding:20px 10px 40px; background-color:#f8f8f8; } #anews_issuenow2 .ai_slide li a .slide_txt_box .slide_txt { height:auto; margin:0; padding:0; font-size:1.6rem; font-size:1.4rem; } #anews_issuenow2 .ai_slide li a .slide_txt_box .slide_date { top:auto; left:auto; bottom:10px; right:10px; color:#333; text-align:right; } #anews_issuenow2 .ai_slide li a .slide_txt_box .ai_play { display:inline-block; position:relative; top:5px; left:5px; width:28px; height:28px; margin:0; background:url(http://img.arirang.com/images/index/i_play_circle_28.png) no-repeat 0 0; } #anews_issuenow2 .ai_slide li:first-child a .slide_txt_box .slide_txt { padding-bottom:0px; color:#000; font-weight:500; } #anews_issuenow2 .ai_slide li:nth-child(n+2) a .slide_img_box { display:none; } #anews_issuenow2 .ai_slide li:nth-child(n+2) a .slide_txt_box .slide_date { display:none1; } #anews_issuenow2 .ai_slide li:nth-child(n+2) a .slide_txt_box { margin-bottom:0; background-color:#fff; } #anews_issuenow2 .ai_slide li:first-child a .slide_txt_box .ai_play { display:none; } #anews_issuenow2.issuenow3 { } #anews_issuenow2.issuenow3 .container { width:470px; margin-left:45px; } #anews_issuenow2.issuenow3 .container:first-of-type { margin-left:0; } #anews_issuenow2.issuenow3 .container h4 { width:420px; margin-left:20px; } #anews_issuenow2.issuenow3 .ai_slide li { width:100%; margin:0; } #anews_issuenow2.issuenow3 .ai_slide li a { width:100%; min-height:80px; } /* ---------------------------------------------------------------------------------------------------- /* Current Affairs program ---------------------------------------------------------------------------------------------------- */ #anews_currentaffairs { } #anews_currentaffairs .container { width:1500px; } /* 4개*/ #anews_currentaffairs .ai_slide li { width:350px; margin:0 0 0 33px; } #anews_currentaffairs .ai_slide li:first-child { margin-left:0; } #anews_currentaffairs .ai_slide li a .slide_img_box { height:450px; } /* 5개*/ #anews_currentaffairs .container { width:1500px; } #anews_currentaffairs .ai_slide li { width:290px; margin:0 0 0 12px; } #anews_currentaffairs .ai_slide li:first-child { margin-left:0; } #anews_currentaffairs .ai_slide li a .slide_img_box { height:435px; } /* ---------------------------------------------------------------------------------------------------- /* News 7 ---------------------------------------------------------------------------------------------------- */ #arirangWrap.news7 { width:100%; } .news7 { width:1500px; margin:0 auto; } .news7:after { content:""; display:block; clear:both; } #news7_top { margin:-130px 0 0; } .news7_top_img { height:345px; background:url(http://img.arirang.com/images/news/news7_top7.jpg) no-repeat 50% 0; background-size:cover; text-indent:-9999px; } #anews_theater { position:relative; display:block; width:100%; min-height:940px; margin-top:-130px; background:url(http://img.arirang.com/images/index/anews_theater_bg16.jpg) no-repeat 50% 0; } #anew7_top:after { content:""; display:block; clear:both; } .news7 { width:1500px; min-height:540px; height:auto; margin:0 auto; } .news7 .subject_wrap { position:relative; height:70px; margin:100px 0 0; padding:0; background:url(http://img.arirang.com/images/index/am_sns_line.gif) repeat-x 0 12px; } .news7 .subject_wrap ul.subject { display:flex; flex-wrap:nowrap; align-items:left; justify-content:left; -webkit-box-align:center; width:400px; margin:0; padding:0 10px; background:#fff; text-transform:uppercase; font-size:1rem; white-space:nowrap; text-align:center; vertical-align:line-height:120%; } .news7 .subject_wrap ul.subject li { flex-basis:3rem; margin-left:5px; background-color:#fff; vertical-align:center; font-size:1.5rem; line-height:1.5rem; color:#1b5e6e; } .news7 .subject_wrap ul.subject li:first-child { margin-left:0; } .news7 .subject_wrap ul.subject li:last-child { padding-right:10px; } .news7 .subject_wrap ul.subject li.month { min-width:120px; font-size:3rem; font-weight:500; color:#206778; } .news7 .subject_wrap ul.subject li.day { width:40px; height:40px; margin:-30px 20px 0; padding:27px 20px 12px 10px; background-color:#2fb6d7; border-radius:50%; font-size:3rem; font-weight:500; color:#fff; text-align:center; font-weight:100; } /* ie10 이하 때문에 수정 */ .news7 .subject_wrap ul.subject { display:inline-block; } .news7 .subject_wrap ul.subject li { display:inline-block; vertical-align:top; } .news7 .subject_wrap ul.subject li.day { width:50px; } .news7 .ai_sns { position:absolute; top:-15px; right:0; } .news7 .ai_sns, .news7 .ai_sns li { margin:0; padding:0; list-style:none; } .news7 .ai_sns { width:175px; height:60px; margin:auto; padding-left:10px; background:#fff; } .news7 .ai_sns:after { content:""; display:block; clear:both; } .news7 .ai_sns li { box-sizing:content-box; float:left; width:55px; height:55px; margin:0 0 0 5px; padding:0; background-image:url(http://img.arirang.com/images/index/ai_sns2019_1.png); background-repeat:no-repeat; background-position:0 0; } .news7 .ai_sns li:hover { opacity:0.7; } .news7 .ai_sns li:first-child { margin-left:0; } .news7 .ai_sns li a { display:block; width:55px; height:55px; text-indent:-9999px; } .news7 .ai_sns li.ai_sns_youtube { background-position:0 0; } .news7 .ai_sns li.ai_sns_facebook { background-position:-66px 0; } .news7 .ai_sns li.ai_sns_instagram { background-position:-132px 0; } .news7 .ai_sns li.ai_sns_naver { background-position:-198px 0; } .news7 .ai_sns li.ai_sns_twitter { background-position:-262px 0; } .news7 #anews_theater_top { float:left; width:950px; } .news7 #anews_theater_top #videoID article { height:540px; } .news7 #anews_theater_top #videoID article iframe { width:950px; height:534px; } .news7 #anews_theater_top #videoID article h4 { top:5px; width:95%; height:1.5rem; text-transform:uppercase; font-weight:500; font-size:1.3rem; } .news7 #anews_theater_top #videoID article h4 a { display:block; position:relative; color:#fff; text-decoration:none; } .news7 #anews_theater_top #videoID article q { display:none; } .news7 #anews_theater_top #videoID article h4 b { position:absolute; top:0px; right:0px; font-style:normal; text-align:right; font-weight:100; text-transform:capitalize; background:none; } .news7 #anews_theater_top #videoID article h4 a:hover .pc { color:#df1e36; } .news7 #anews_theater_top #videoID article h4 a:hover b { font-weight:900; color:#df1e36; } .news7 #anews_theater_top #videoID article h5 { display:none; } .news7 .theater_top_img { overflow:hidden; float:right; height:534px; } #news7_indepth_1 { display:block; } #news7_2 { width:1500px; margin:0 auto; } #news7_2:after { content:""; display:block; clear:both; } #news7_2 .news7 { float:left; width:720px; min-height:405px; margin:0 0 10px 20px; } #news7_2 .news7:first-child { margin-left:0; } #news7_2 .subject_wrap { display:none; } #news7_2 .news7 #anews_theater_top { float:none; width:100%; } #news7_2 .news7 #anews_theater_top #videoID article { height:410px; } #news7_2 .news7 #anews_theater_top #videoID article iframe { width:720px; height:405px; } #news7_2 .news7 #anews_theater_top #videoID article b { background:none; } .storylist { display:block; width:1500px; margin:0 auto; } h3.news7_2_title, .storylist h3 { box-sizing:border-box; width:100%; height:45px; margin:80px auto 30px; padding:8px 5px 10px; background:#d8d8d8; color:#454545; text-transform:uppercase !important; font-size:1.8rem; text-align:left; font-weight:300; color:#206778; line-height:100%; } h3.news7_2_title strong, .storylist h3 strong { font-weight:700; } .storylist .container { width:100%; } .storylist ul { } .storylist li { float:left; width:484px; margin:0 0 0 20px; font-size:1.5rem; } .storylist li:first-child { margin-left:0; } .storylist a .slide_img_box { position:relative; width:490px; height:275px; margin-bottom:10px; } .storylist a .slide_img_box .slide_img { display:block; width:100%; height:100%; background-size:cover; } .storylist a .slide_img_box i.ai_play { opacity:0.7; display:block; position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background-image:url(http://img.arirang.com/images/index/i_play_circle100_blue.png); background-size:cover; cursor:pointer; } .storylist a:hover .slide_img_box i.ai_play { opacity:0.9; } .storylist a .slide_txt_box i.ai_play { display:none; } #otherstories_list { display:block; } #otherstories_list li { width:740px; min-height:150px; margin:0 0 10px 20px; } #otherstories_list li:nth-child(2n-1) { margin-left:0; } #otherstories_list a { position:relative; display:block; padding-left:250px; } #otherstories_list a .slide_img_box { position:absolute; top:0; left:0; width:210px; height:118px; } #otherstories_list a .slide_img_box .slide_img { display:block; width:100%; height:100%; border:2px solid #e5e5e5; border-radius:2px; background-size:cover; } #otherstories_list a:hover .slide_img_box .slide_img { border-color:#555; } #otherstories_list a .slide_txt_box .slide_category { display:block; padding:10px 0; font-size:1.0rem; font-weight:500; text-transform:uppercase; color:#aaa; line-height:100%; } #otherstories_list a .slide_img_box i.ai_play { opacity:0.7; display:block; position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background-image:url(http://img.arirang.com/images/index/i_play_circle100_blue.png); background-size:cover; cursor:pointer; } #otherstories_list a:hover .slide_img_box i.ai_play { opacity:0.9; } #otherstories_list a .slide_txt_box i.ai_play { display:none; } #otherstories_rolling { display:none; height:180px; background-color:#f7f7f7; } #otherstories_rolling div { display:block; margin:0; padding:8px 5px; font-size:1rem; line-height:135%; border-bottom:1px solid #ddd !important; } #anews7_rolling { position:relative; width:720px; margin:20px auto; } #anews7_rolling:after { content:""; display:block; clear:both; } #anews7_rolling.anews_rolling .anews_fullvideo { position:relative; top:10px; right:0; width:100%; background:none; } #anews7_rolling.anews_rolling .anews_fullvideo ul li { box-sizing:border-box; float:left; display:block; width:350px; height:60px; padding:0 0 0 140px; background:#f0f0f0 url(http://img.arirang.com/images/index/anews_fullvideo_vod_pc.png) no-repeat 100px 50%; border:2px solid #e5e5e5; border-radius:10px; text-align:left; } #anews7_rolling.anews_rolling .anews_fullvideo ul li:last-child { float:right; background:#f0f0f0 url(http://img.arirang.com/images/index/anews_fullvideo_aod_pc.png) no-repeat 100px 50%; } #anews7_rolling.anews_rolling .anews_fullvideo ul li:hover { background-color:#e1e1e1; } #anews7_rolling.anews_rolling .anews_fullvideo ul li a { padding:16px 0 4px; font-size:1.7rem; font-weight:500; color:#2fb6d7; } /* IN DEPTH ---------------------------------------------------------------------------------------------------- */ #news7_indepth_title { box-sizing:border-box; width:1500px; height:45px; margin:100px auto 50px; background:url(http://img.arirang.com/images/index/am_sns_line.gif) repeat-x 0 45%; font-size:2.5rem; font-weight:500; text-transform:uppercase; text-align:center; line-height:100%; color:#206778; } #news7_indepth_title b { display:inline-block; padding:0 5%; background-color:#fff; } #news7_indepth { position:relative; width:1500px; min-height:800px; margin:0 auto; } .indepth_top { position:absolute; top:0; left:auto; right:0; display:block; width:525px; } #news7_indepth .container { width:100%; margin:0 auto; } #news7_indepth .ai_slide li { width:49%; margin:2% 0 0 2%; } #news7_indepth .ai_slide li:nth-child(1), #news7_indepth .ai_slide li:nth-child(2) { margin-left:0; } #news7_indepth .ai_slide li:nth-child(1) { width:950px; height:670px; margin-top:0; } #news7_indepth .ai_slide li:nth-child(n+4) { display:none; } #news7_indepth .ai_slide li a { overflow:hidden; } #news7_indepth .ai_slide li a .slide_img_box { position:relative; height:413px; } #news7_indepth .ai_slide li:nth-child(1) a .slide_img_box { height:540px; } #news7_indepth .ai_slide li h3.news7_2_title { display:none; width:1500px; margin:80px 0 30px; } #news7_indepth .ai_slide li:nth-child(1) h3.news7_2_title { display:block; } #news7_indepth .ai_slide li a .slide_img_box q { z-index:1; display:block; display:none; position:absolute; bottom:0; left:0; width:100%; height:255px; background:url(http://img.arirang.com/images/index/anews_theater_top_bg.png) repeat-x 0 100%; } #news7_indepth .ai_slide li a .slide_img_box .slide_date { z-index:2; position:absolute; top:10px; left:20px; width:calc(100% - 40px); height:30px; text-shadow:2px 2px 3px rgba(0,0,0,1); font-size:1.3rem; font-weight:900; text-transform:uppercase; color:#fff; } #news7_indepth .ai_slide li a .slide_img_box .slide_date b { position:absolute; right:0px; font-weight:100; text-transform:capitalize; font-size:1.1rem; } #news7_indepth .ai_slide li a .slide_img_box .slide_date:hover { color:#df1e36; } #news7_indepth .ai_slide li a .slide_img_box .slide_date:hover b { font-weight:900; } #news7_indepth .ai_slide li a .slide_txt_box { display:none; min-height:50px; height:auto; } #news7_indepth .ai_slide li a .slide_txt_box .slide_txt { } #news7_indepth .ai_slide li a .slide_txt_box .slide_date { display:none; } #news7_indepth .ai_slide li:nth-child(1) a .slide_txt_box .slide_date { float:left; padding-right:10px; font-size:1.5rem; font-weight:500; } #news7_indepth .ai_slide li a .ai_play { opacity:0.7; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background-image:url(http://img.arirang.com/images/index/i_play_circle100_blue.png); background-size:cover; } #news7_indepth .ai_slide li a:hover .ai_play { opacity:0.9; } /* ---------------------------------------------------------------------------------------------------- /* PC 1000 ~ 1499 ---------------------------------------------------------------------------------------------------- */ @media screen and (min-width:1000px) and (max-width:1499px) { /* NEWS theater ---------------------------------------------------------------------------------------------------- */ #anews_theater { min-height:665px; background-size:180%; background-size:auto; } #anews_theater > .container { top:365px; left:50%; width:1000px; height:300px; margin-left:-500px; padding-left:500px; } #anews_theater_top { width:500px; } #anews_theater_top #videoID article { height:300px; } #anews_theater_top #videoID article h4 { bottom:0px; left:10px; width:calc(50% - 10px); height:90px; font-size:1.5rem; } #anews_theater_top #videoID article h5 { display:none; bottom:10px; left:10px; width:calc(50% - 10px); font-size:1rem; } #anews_theater_top #videoID article h6 { position:absolute; bottom:10px; right:51%; width:50px; height:25px; } #anews_theater_top #videoID article q { width:500px; height:155px; background-position:0 0 !important; background-size:contain !important; } #anews_theater_top #videoID article iframe { width:500px; height:281.25px; } #aNV_movie { display:none; width:500px; } #anews_theater_list h3 { height:60px; background-size:contain; } #anews_theater_list li { width:500px; height:80px; } #anews_theater_list li .slide_img_box { overflow:hidden; position:absolute; top:0; left:0; width:180px; height:80px; } #anews_theater_list li .slide_txt_box .slide_txt { margin:5px 0 10px; font-size:1.2em; font-weight:400; line-height:120%; } #anews_theater_list li .slide_txt_box .slide_memo { font-size:0.7rem; } #anews_theater_list li.full .slide_img { background-size:cover; } #anews_theater_list li.full .slide_txt_box .slide_title { margin-top:5px; font-family:Helvetica; font-weight:500; font-size:0.8rem; letter-spacing:0.6px; } #anews_theater_top #videoID article h4 .title { margin-bottom:-10px; } #anews_newsrolling .container { width:1000px; margin-top:10px; } /* NEWS 7 ---------------------------------------------------------------------------------------------------- */ .news7 { min-height:640px; } h3.news7_2_title, .storylist h3 { width:1000px; height:38px; margin:50px auto 20px; font-size:1.5rem; } .news7 #anews_theater_top { float:none; width:1000px; } .news7 #anews_theater_top #videoID article { height:auto; } .news7 #anews_theater_top #videoID article iframe { width:1000px; height:563px; } .news7 #anews_theater_top #videoID article q { width:100%; } .news7 #anews_theater_top #videoID article h4 { } #news7_2 { width:1000px; margin:auto; } #news7_2 * { } #news7_2 .news7 { float:left; display:inline-block; width:470px !important; min-height:300px; } #news7_2 .news7 #anews_theater_top { width:auto; } #news7_2 .news7 #anews_theater_top #videoID article { width:470px !important; height:300px; } #news7_2 .news7 #anews_theater_top #videoID article iframe { width:470px; height:265px; } .news7 .theater_top_img { display:none; } .storylist li { width:32%; margin:0 0 0 1.9999%; font-size:1rem; } .storylist a .slide_img_box { width:100%; height:180px; } #otherstories_list li { width:490px; margin:0 0 10px 20px; } #otherstories_list a { padding-left:230px; } #otherstories_list a .slide_img_box { left:0; height:120px; } #news7_indepth { width:1000px; margin:auto; } #news7_indepth_title { width:1000px; height:40px; margin:100px auto 30px; font-size:2.0rem; } .indepth_top { display:none; } #news7_indepth .ai_slide li:nth-child(1) { width:1000px; height:630px; } #news7_indepth .ai_slide li h3.news7_2_title { width:1000px; margin:50px 0 20px; } #news7_indepth .ai_slide li a .slide_img_box { height:275px; } #news7_indepth .ai_slide li a .slide_img_box q { height:200px; } #news7_indepth .ai_slide li a .slide_img_box .slide_date { font-size:1.2rem; font-size:1.0rem; } /* NEWS keywords ---------------------------------------------------------------------------------------------------- */ #anews_keywords .container { width:1000px; } #anews_keywords #ai_tabs li { width:33.3333%; min-height:35px; height:35px !important; margin-bottom:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #anews_keywords #ai_tabs li a { width:90%; margin:auto; border-bottom:1px solid #aaa; } #anews_keywords .tabs_container li { float:left; width:32%; height:auto; margin:0 0 10px 1.9999%; } #anews_keywords .tabs_container li:first-child { margin-left:0; } #anews_keywords .tabs_container li:nth-child(n+4) { display:none; } #anews_keywords .tabs_container li .slide_img_box { width:100%; height:180px; } /* Banner // 7 News ---------------------------------------------------------------------------------------------------- */ #anews_8news { width:100% !important; } #anews_8news .container { height:270px; margin-top:70px; } /* most popular ---------------------------------------------------------------------------------------------------- */ #anews_mostpopular { height:auto; } #anews_mostpopular .container { width:1000px; } #anews_mostpopular .ai_slide ul { width:1000px; height:auto; border:0; } #anews_mostpopular .ai_slide li { float:left; width:32%; margin:0 0 10px 1.9999%; } #anews_mostpopular .ai_slide li:first-child { margin-left:0; } #anews_mostpopular .ai_slide li:nth-child(n+4) { display:none; } #anews_mostpopular .ai_slide li a .slide_txt_box { height:120px; padding:10px 0; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_txt { width:100%; height:35px; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_memo { width:100%; height:5rem; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_date { top:0px; display:block; } /* ---------------------------------------------------------------------------------------------------- /* Issue Now ---------------------------------------------------------------------------------------------------- */ #anews_issuenow .container { width:1000px; } #anews_issuenow .ai_slide li { width:490px; } #anews_issuenow .ai_slide li:nth-child(2n) { margin-left:20px; } #anews_issuenow .ai_slide li a { position:relative; width:255px; height:135px; padding-left:235px; } #anews_issuenow .ai_slide li a .slide_txt_box { height:140px; padding-top:0px; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_txt { font-size:1.2rem; font-size:1.0rem; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_date { font-size:1rem; } #anews_issuenow2 { width:1000px; } #anews_issuenow2 .container { width:500px; } #anews_issuenow2 .container h4 { width:420px; margin-left:25px; letter-spacing:-0.5px; font-size:1.6rem; font-size:1.4rem; } #anews_issuenow2 .ai_slide ul { width:500px; } #anews_issuenow2 .ai_slide li { width:450px; margin:0 25px; } #anews_issuenow2 .ai_slide li:first-child { margin-left:25px !important; } #anews_issuenow2 .ai_slide li a { width:450px; } #anews_issuenow2 .ai_slide li a .slide_img_box { height:300px; height:250px; } #anews_issuenow2 .ai_slide li a .slide_txt_box { min-height:105px; padding:10px 10px; } #anews_issuenow2 .ai_slide li a .slide_txt_box .slide_txt { font-size:1.4rem; } #anews_issuenow2 .ai_slide li:first-child a .slide_txt_box .slide_txt { min-height:100px; padding-bottom:30px; } #anews_issuenow2.issuenow3 .container { width:475px; margin-left:50px; } #anews_issuenow2.issuenow3 .container:first-of-type { margin-left:0; } #anews_issuenow2.issuenow3 .container h4 { width:450px; margin-left:0px; } #anews_issuenow2.issuenow3 .ai_slide ul { width:100%; } #anews_issuenow2.issuenow3 .ai_slide li:first-child { margin-left:0 !important; } /* Current Affairs program ---------------------------------------------------------------------------------------------------- */ #anews_currentaffairs .container { width:1000px; } #anews_currentaffairs .ai_slide li { width:23%; margin:0 0 10px 2.6666%; } #anews_currentaffairs .ai_slide li:first-child { margin-left:0; } #anews_currentaffairs .ai_slide li a .slide_img_box { height:300px; } #anews_currentaffairs .ai_slide li:nth-child(n+5) { display:none; } } /* ---------------------------------------------------------------------------------------------------- /* Mobile ---------------------------------------------------------------------------------------------------- */ @media screen and (max-width:999px) { #aNews.aI_section { margin-top:3rem; } /* NEWS theater ---------------------------------------------------------------------------------------------------- */ #anews_theater { min-height:auto; margin-top:0px; background:none; border:0px solid green; } #anews_theater_bg { position:relative; display:block; min-height:50vw; background:url(http://img.arirang.com/images/news/anews_theater_bg12_m.jpg) no-repeat 43% -10px; background-size:cover; } #anews_theater_bg h2 { display:none; box-sizing:border-box; position:absolute; bottom:10px; right:50px; width:80px; height:60px; background-image:url(http://img.arirang.com/images/index/anews_logo1.png); background-repeat:no-repeat; background-position:0 0; background-size:contain; text-indent:-9999px; } #anews_theater_bg h3 { box-sizing:border-box; display:block; position:absolute; bottom:0; left:50%; width:90%; height:40px; margin:0; margin-left:-45%; padding-left:10px; background:none; background-color:#2fb5d6; color:#fff; font-size:1.4rem; font-weight:100; line-height:40px; } #anews_theater > .container { position:relative; top:0; left:0; width:90%; height:auto; margin:0 auto; padding:0; } #anews_theater_top { position:relative; top:0; left:0; width:100%; padding:0; } #anews_theater_top #videoID article { overflow:hidden; height:50.625vw; border:0px solid green; } #anews_theater_top #videoID article *, #anews_theater_list * { } #anews_theater_top iframe { width:100%; height:100%; margin:0; } #anews_theater_top #videoID article h4 { bottom:0px; left:0px; width:100%; height:3.5rem; font-size:1.0rem; background:url(http://img.arirang.com/images/index/0_black_50.png) repeat 0 0; } #anews_theater_top #videoID article h4 a { display:block; width:auto; height:auto; padding:3px 0 0 5px; line-height:110%; } #anews_theater_top #videoID article b, #anews_theater_top #videoID article q, #anews_theater_top #videoID article h5 { display:none; } #anews_theater_top #videoID article h6 { bottom:0px; right:3px; width:45px; height:35px; background-size:contain; } #anews_theater_top #videoID article iframe { width:100%; height:54.0vw; } #anews_theater_list { width:100%; background-color:#none; } #anews_theater_list .container { width:100%; margin:0 auto; } #anews_theater_list h3 { display:none; } #anews_theater_list li { width:100%; height:25vw; padding:0 0 0 28vw; background:url(http://img.arirang.com/images/index/anews_theater_list_bg.gif) no-repeat 100px 100%; } #anews_theater_list li .slide_img_box { overflow:hidden; position:absolute; top:0; left:0; width:25vw; height:25vw; } #anews_theater_list li .slide_txt_box .slide_txt { margin:3px 0 7px; font-size:1.2em; line-height:110%; } #anews_theater_list li .slide_txt_box .slide_memo { font-size:0.8rem; line-height:100%; } #anews_theater_list li.full .slide_txt_box .slide_title { margin:10px 0 5px; font-size:0.8rem; letter-spacing:0;} #anews_theater_top #videoID article h4 .title { margin:5px 0 0; padding-left:5px; font-size:1rem; font-weight:500; } /* NEWS keywords ---------------------------------------------------------------------------------------------------- */ #anews_keywords .container { width:100%; } #anews_keywords #ai_tabs { width:90%; margin:auto; background-color:#f3f2f2; padding:10px 0; } #anews_keywords #ai_tabs li { width:calc(33.3333% - 10px); height:20px; overflow:hidden; padding:5px 5px; background:url(http://img.arirang.com/images/index/ai_tabs_bg_16.gif) no-repeat 0 50%; white-space:nowrap; text-overflow:ellipsis; text-align:left; } #anews_keywords #ai_tabs li a { width:90%; margin:auto; color:#737373; } #anews_keywords #ai_tabs li:nth-child(1), #anews_keywords #ai_tabs li:nth-child(4), #anews_keywords #ai_tabs li:nth-child(7), #anews_keywords #ai_tabs li:nth-child(10) { background:none; } #anews_keywords .container { width:100%; height:170vw; } #anews_keywords .tabs_container li { width:100% !important; height:70vw !important; margin:1rem 0 0 !important; } #anews_keywords .tabs_container li a { overflow:visible; width:100%; /* min-height:100%; height:calc(100% + 100px); */ } #anews_keywords .tabs_container li .slide_img_box { overflow:hidden; width:100%; height:50vw; } #anews_keywords .tabs_container li .slide_txt_box .slide_txt { width:100%; font-size:1.2em; line-height:130%; } #anews_keywords .tabs_container li .slide_txt_box .slide_date { display:none; font-size:0.8rem; } #anews_keywords .tabs_container li:nth-child(n+3) { display:none; } #anews_newsrolling .container { min-height:250px; } #anews_newsrolling .container:after { content:""; display:block; clear:both; } #anews_newsrolling.anews_rolling dl { min-height:200px; } #anews_newsrolling.anews_rolling dt { float:none; min-height:40px; height:40px; padding:0 0 0 10px; background-color:#2fb6d7; font-weight:100; line-height:40px; color:#fff; font-size:1.4rem; } #anews_newsrolling.anews_rolling dd { float:none; height:155px; margin-bottom:10px; padding:5px; background-color:#ededed; } #anews_newsrolling.anews_rolling dd #newsrolling { height:150px; } .anews_rolling .anews_fullvideo { position:relative; top:10px; right:0; width:100%; background:none; } #anews7_rolling.anews_rolling .anews_fullvideo ul li, .anews_rolling .anews_fullvideo ul li { float:left; display:block; width:49%; height:40px; padding:0 0 0 50px; background:#696969 url(http://img.arirang.com/images/index/anews_fullvideo_vod.png) no-repeat 15px 50%; border:0; border-radius:0; text-align:left; } #anews7_rolling.anews_rolling .anews_fullvideo ul li:last-child, .anews_rolling .anews_fullvideo ul li:last-child { float:right; background:#696969 url(http://img.arirang.com/images/index/anews_fullvideo_aod1.png) no-repeat 20px 50%; } .anews_rolling .anews_fullvideo ul li:hover { background:#2fb6d7 url(http://img.arirang.com/images/index/anews_fullvideo_vod.png) no-repeat 15px 50%; } .anews_rolling .anews_fullvideo ul li:hover:last-child { background:#2fb6d7 url(http://img.arirang.com/images/index/anews_fullvideo_aod1.png) no-repeat 20px 50%; } #anews7_rolling.anews_rolling .anews_fullvideo ul li a, .anews_rolling .anews_fullvideo ul li a { padding:13px 0 7px; font-size:1rem; font-weight:300; color:#fff; } .anews_tbl_fullvideo th:first-child, .anews_tbl_fullvideo td:first-child { display:none; } .anews_tbl_fullvideo td:nth-child(2) { font-size:0.8rem; } /* Banner // 7 News ---------------------------------------------------------------------------------------------------- */ #anews_8news { width:100%; } #anews_8news .container { margin-top:3rem; height:30vw; } /* Korea Summit ---------------------------------------------------------------------------------------------------- */ #anews_koreasummit { display:none; } /* Most Popular ---------------------------------------------------------------------------------------------------- */ #anews_mostpopular .container { width:90%; margin:0 auto; } #anews_mostpopular .ai_slide li { width:49%; margin:0 0 2% 2%; } #anews_mostpopular .ai_slide li:nth-child(1), #anews_mostpopular .ai_slide li:nth-child(3) { margin-left:0; } #anews_mostpopular .ai_slide li a { overflow:hidden; } #anews_mostpopular .ai_slide li a .slide_img_box { height:50vw; } #anews_mostpopular .ai_slide li a .slide_txt_box { min-height:100px; height:auto; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_txt { display:none; } #anews_mostpopular .ai_slide li a .slide_txt_box .slide_memo { overflow:hidden; width:100%; height:3.3rem; } /* ---------------------------------------------------------------------------------------------------- /* Issue Now ---------------------------------------------------------------------------------------------------- */ #anews_issuenow .container { width:90%; } #anews_issuenow .ai_slide li { float:none; width:100%; margin-bottom:20px; } #anews_issuenow .ai_slide li:nth-child(2n) { margin-left:0; } #anews_issuenow .ai_slide li a { width:calc(100% - 110px); height:60px; padding-left:110px; } #anews_issuenow .ai_slide li a .ai_play { display:none; } #anews_issuenow .ai_slide li a .slide_img_box { width:100px; height:60px; } #anews_issuenow .ai_slide li a .slide_txt_box { height:60px; margin-top:-5px; padding:0; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_txt { font-size:1rem; line-height:140%; } #anews_issuenow .ai_slide li a .slide_txt_box .slide_date { display:none; font-size:0.8rem; } #anews_issuenow2 { width:90%; } #anews_issuenow2 .container { width:100%; } #anews_issuenow2 .container h4 { width:auto; margin-left:0; padding:3px 0 3px 30px; background-position:10px 50%; background-color:#ececec; font-size:1rem; } #anews_issuenow2 .ai_slide ul { width:100%; } #anews_issuenow2 .ai_slide li { width:100%; margin:0; } #anews_issuenow2 .ai_slide li:first-child { margin-left:0 !important; } #anews_issuenow2 .ai_slide li a { width:100%; } #anews_issuenow2 .ai_slide li a .slide_img_box { float:left; width:32%; height:80px; } #anews_issuenow2 .ai_slide li a .slide_img_box .ai_play { width:30px; height:30px; margin-top:-30px; background-size:cover; } #anews_issuenow2 .ai_slide li a .slide_txt_box { float:right; width:65%; height:80px; padding:0; background-color:#fff; } #anews_issuenow2 .ai_slide li a .slide_txt_box .slide_txt { font-size:1rem; } #anews_issuenow2 .ai_slide li a .slide_txt_box .slide_date { bottom:0px; } #anews_issuenow2 .ai_slide li a .slide_txt_box .ai_play { top:5px; left:5px; width:20px; height:20px; margin:0; background:url(http://img.arirang.com/images/index/i_play_circle_28_m2.png) no-repeat 0 0; } #anews_issuenow2 .ai_slide li:nth-child(1) a, #anews_issuenow2 .ai_slide li:nth-child(2) a { border:0; } #anews_issuenow2 .ai_slide li:nth-child(n+3) a { min-height:81px; border-bottom:1px solid #ccc; } #anews_issuenow2 .ai_slide li:nth-child(1) a .slide_txt_box .slide_txt, #anews_issuenow2 .ai_slide li:nth-child(2) a .slide_txt_box .slide_txt { padding-bottom:20px; padding:0; color:#000; font-weight:500; } #anews_issuenow2 .ai_slide li:nth-child(2) a .slide_img_box, #anews_issuenow2 .ai_slide li:nth-child(2) a .slide_txt_box .slide_date { display:block; } #anews_issuenow2 .ai_slide li:nth-child(n+3) a .slide_txt_box { width:100%; min-height:50px; height:50px; padding:10px 0; } #anews_issuenow2 .ai_slide li:nth-child(2) a .slide_txt_box { margin-bottom:0; background-color:#fff; } #anews_issuenow2 .ai_slide li:nth-child(2) a .slide_txt_box .ai_play { display:none; } /* Current Affairs program ---------------------------------------------------------------------------------------------------- */ #anews_currentaffairs { display:none; } #anews_currentaffairs .container { width:1500px; } #anews_currentaffairs .ai_slide li { width:350px; margin:0 0 2% 2%; } #anews_currentaffairs .ai_slide li:nth-child(1), #anews_currentaffairs .ai_slide li:nth-child(3) { margin-left:0; } #anews_currentaffairs .ai_slide li a .slide_img_box { height:40vw; } /* News 7 ---------------------------------------------------------------------------------------------------- */ .news7 { top:0px; left:0%; width:auto; min-height:50.625vw; height:auto; margin:0 auto; } #news7_top { margin:0; } .news7_top_img { height:39.0625vw; background:url(http://img.arirang.com/images/news/news7_top6.jpg) no-repeat 50% 0; background-size:contain; } .news7 .container { width:90%; margin:auto; } .news7 .subject_wrap { width:80%; height:40px; margin:1rem auto 0; padding:20px 5%; background:url(http://img.arirang.com/images/index/am_sns_line.gif) no-repeat 50% 50%; } .news7 .subject_wrap ul.subject { display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; width:80%; margin:0 auto; padding:0 10px; background:#fff; text-transform:uppercase; font-size:1rem; white-space:nowrap; text-align:center; vertical-align:line-height:120%; } .news7 .subject_wrap ul.subject li { flex-basis:2.5rem; margin-left:5px; vertical-align:center; font-size:1rem; } .news7 .subject_wrap ul.subject li:first-child {margin-left:0; } .news7 .subject_wrap ul.subject li.month { min-width:auto; font-size:1.5rem; font-weight:500; color:#206778; } .news7 .subject_wrap ul.subject li.day { width:1.5rem; height:1.5rem; margin:0 5px; padding:12px 2px 8px; background-color:#2fb6d7; border-radius:50%; font-size:1.5rem; font-weight:500; color:#fff; text-align:center; font-weight:100; } .news7 .subject_wrap ul.subject li.day.iphone { padding:10px 12px 10px 10px; } .news7 .subject_wrap ul.ai_sns { display:none; } .news7 #anews_theater_top { float:none; width:100%; } .news7 #anews_theater_top #videoID article { height:auto } .news7 #anews_theater_top #videoID article iframe { width:100%; height:50.625vw; height:51vw; } .news7 #anews_theater_top #videoID article h4 { top:0; width:100%; height:1.5rem; padding:3px 0 2px; font-size:1rem; } .news7 #anews_theater_top #videoID article h4 a { position:relative; color:#fff; } .news7 #anews_theater_top #videoID article h4 b { display:block; position:absolute; top:3px; right:5px; font-style:normal; text-align:right; } #news7_2 { width:100%; } #news7_2 .news7_2_title { display:none; } #news7_2 .news7 { float:none; width:100%; min-height:auto; margin:0; } #news7_2 .subject_wrap { display:block; } #news7_2 .news7 #anews_theater_top #videoID article { height:auto; } #news7_2 .news7 #anews_theater_top #videoID article iframe { width:100%; height:51vw; } .news7 .theater_top_img { display:none; } .storylist { width:100%; } .storylist h3 { box-sizing:border-box; width:90%; height:auto; margin:20px auto 0px; padding:8px 5px 5px; background:#d8d8d8; color:#454545; text-transform:capitalize; font-size:1rem; text-align:left; font-weight:500; } .storylist .container { width:90% !important; margin:auto; } .storylist ul { } .storylist li { width:100%; box-sizing:border-box; height:auto; margin:0; padding:8px 5px 10px; font-size:1rem; line-height:135%; border-top:1px solid #ddd; } .storylist li:first-child { padding-top:12px; border:0; } .storylist a .slide_img_box { display:none; } .storylist #otherstories_rolling i.ai_play, .storylist a .slide_txt_box i.ai_play { display:inline-block; width:25px; height:25px; margin-bottom:-5px; background:url(http://img.arirang.com/images/news/news7_icon_play.png) no-repeat 0 0; background-size:cover; } #news7_otherstories .container { background-color:#f7f7f7; } #otherstories_list { display:none; } #otherstories_rolling { display:block; height:180px; } #otherstories_rolling div { display:block; margin:0; padding:8px 5px; font-size:1rem; line-height:135%; border-bottom:1px solid #ddd !important; } #anews7_rolling { width:90%; margin:20px auto; border:0; } /* IN DEPTH ---------------------------------------------------------------------------------------------------- */ #news7_indepth_title { display:none; } #news7_indepth { width:100%; min-height:auto; margin:70px 0 0; } .indepth_top { position:relative; width:100%; height:62vw; } .indepth_top img { display:block; width:100%; height:auto; } h3.news7_2_title { display:none; } #news7_indepth .container { width:90%; margin:1rem auto 0; } #news7_indepth .ai_slide li { width:49%; margin:0 0 5% 2%; } #news7_indepth .ai_slide li:nth-child(1), #news7_indepth .ai_slide li:nth-child(2) { margin-left:0; } #news7_indepth .ai_slide li:nth-child(1) { width:100%; height:auto; } #news7_indepth .ai_slide li a { overflow:hidden; } #news7_indepth .ai_slide li a .slide_img_box { height:25vw; } #news7_indepth .ai_slide li:nth-child(1) a .slide_img_box { height:50vw; } #news7_indepth .ai_slide li a .slide_img_box q { display:none; } #news7_indepth .ai_slide li a .slide_img_box .slide_date { display:none; } #news7_indepth .ai_slide li a .slide_txt_box { display:block; min-height:50px; height:auto; } #news7_indepth .ai_slide li a .slide_txt_box .slide_txt { } #news7_indepth .ai_slide li a .slide_txt_box .slide_date { display:block; padding-top:10px; font-size:1.5rem; font-weight:500; text-transform:uppercase; } #news7_indepth .ai_slide li:nth-child(1) a .slide_txt_box .slide_date { float:left; padding-right:10px; font-size:1.5rem; font-weight:500; } #news7_indepth .ai_slide li a .ai_play { top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background-image:url(http://img.arirang.com/images/index/i_play_circle100_blue.png); background-size:cover; } #news7_indepth .ai_slide li h3.news7_2_title { display:none !important; } } /* ---------------------------------------------------------------------------------------------------- /* Tablet & Pad (portrait) ---------------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) { }