@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500&display=block');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html{font-size: 10px;}
body { font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size: 1.6rem; color:#111; line-height:1; position:relative;}
ol, ul { list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }
table {	border-collapse:collapse; border-spacing:0; }
legend { display:none; }
em, address { font-style:normal; font-weight:normal; }
button { cursor:pointer; border:0; }
img { vertical-align:top; border:0; }
a { color:#111; text-decoration:none; }
a:active, a:focus, a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover,a:active:hover, a:focus:hover, a:link:hover, a:visited:hover { text-decoration:underline; }
input[type="text"] {padding: 0; border: 1px solid #ccc;border-radius: 0; box-sizing: border-box;}

#sikp{position: absolute;margin: 0 auto;width: 100%;list-style: none;font-size: 1.6rem;top: -3.5rem;left: 0;z-index: 999;}
#sikp a:focus, #sikp a:active {position: absolute;padding-top: 1.5rem;width: 100%;height: 3.5rem;top: 4rem;z-index: 999;text-align: center;color: #fff;background: #333;overflow: visible;clip: unset;}

/*header*/
#header{position: relative; display: block; width: 100%; /*height: 23.7rem;*/ background: #fff; z-index: 11;}
#container{position: relative; display: block; height: 100%;}

.gnb_v3{position: relative; display: block; width: 100%; height: 5.3rem; border-top: 2px solid #000; border-bottom: 1px solid #aaaaaa; box-sizing: border-box;}
.gnb_v3 .inner{}
.gnb_v3 .nav_list{position: relative; display: flex; align-items: center; padding: 0 9rem; width: 100%; height: 100%; box-sizing: border-box;}
.gnb_v3 .nav_list > li{position: relative; display: block; margin-right: 4rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.54px;}
.gnb_v3 .nav_list li a{display: block; width: 100%; height: 100%;}
.gnb_v3 .nav_list li.gnb_item.inside_item:hover a, .gnb_v3 .nav_list li.gnb_item.inside_item.on a{color:#1ea9a6;}
.gnb_v3 .nav_list li.fixed_item{display: none;}
.gnb_v3 .nav_list li.line{margin-right: 8rem;}
.gnb_v3 .nav_list li.line:after{position: absolute; right: -4.1rem; top: 2px; display: inline-block; clear: both; content: ""; width: 1px; height: 1.4rem; background: #b2b2b2;}
.gnb_v3 .nav_list li.outside_item {margin-right: 3rem;}
.gnb_v3 .nav_list li.insighters a{color:#516b64; font-weight: 500;}
/*.gnb_v3 .nav_list li.insighters .label{position: absolute; left: 50%; top: -2.4rem; transform: translateX(-50%); display: inline-block; padding-left: 2.2rem; width: 7.4rem; height: 1.9rem; color:#fff; box-sizing: border-box; font-size: 1.2rem; line-height: 1.9rem; background: #516b64 url(../img/gnb_label_insighters.png) left 7px top 2px / 1.5rem no-repeat; border-radius: 5px;}*/
/*.gnb_v3 .nav_list li.ajutv .label{position: absolute; left: 50%; top: -2.4rem; transform: translateX(-50%); display: inline-block; padding-left: 2.5rem; width: 5.6rem; height: 1.9rem; color:#fff; box-sizing: border-box; font-size: 1.2rem; line-height: 1.9rem; background: #20d0cc url(../img/gnb_label_ajutv.png) left 7px top 2px / 1.5rem no-repeat; border-radius: 5px;}*/
.gnb_v3 .nav_list li.insighters .label{position: absolute; left: 50%; top: -2.4rem; transform: translateX(-50%); width: 7.4rem; height: 1.9rem; background: url(../img/v3/insighters_label.png) 50% 50% / 7.4rem no-repeat; text-indent: -9999px;}
.gnb_v3 .nav_list li.ajutv a{color:#20d0cc; font-weight: 600; letter-spacing:0;}
.gnb_v3 .nav_list li.ajutv .label{position: absolute; left: 50%; top: -2.4rem; transform: translateX(-50%); width: 5.6rem; height: 1.9rem;background: url(../img/v3/ajutv_label.png) 50% 50% / 5.6rem no-repeat; text-indent: -9999px;}
.gnb_v3 .nav_list li.election_2022{margin-right: 0;}
.gnb_v3 .nav_list li.election_2022 .label{position: absolute; left: 50%; top: -2.4rem; transform: translateX(-50%); display: inline-block; width: 5.6rem; height: 1.9rem; color:#fff; box-sizing: border-box; font-size: 1.2rem; line-height: 1.9rem; background: #4750bf; border-radius: 5px; text-align: center;}
.gnb_v3 .nav_list li.election_2022 a{ font-weight: 500; letter-spacing:-0.54px;}
.gnb_v3 .nav_list li.nav_btn{position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); margin: 0; width: 3rem; height: 3rem; z-index: 99999;}
.gnb_v3 .nav_list li.nav_btn a{display: block; width: 100%; height: 100%; background: url(../img/icon_nav.png) 50% 50% / 3rem no-repeat;}
.gnb_v3 .nav_list li.search_btn{position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); margin: 0; width: 3rem; height: 3rem; z-index: 99999;}
.gnb_v3 .nav_list li.search_btn a{display: block; width: 100%; height: 100%; background: url(../img/icon_search.png) 50% 50% / 3rem no-repeat;}
.gnb_v3 .nav_list li.share_btn{display: none;}

.all_menu_v3{display: none; position: absolute; left: 0; top: 0; width: 100%; background: #fff; box-sizing: border-box; z-index: 1000; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.all_menu_v3 .inner{}
.all_menu_v3 .all_menu_header{height: 5.9rem;/*border-top: 1px solid #000;*/ border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.all_menu_v3 .all_menu_header h2{display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: -1.2px; text-align: center; line-height: 5.9rem;}
.all_menu_v3 .all_menu_con{padding: 3rem 5rem 5rem; box-sizing: border-box;}
.all_menu_v3 .all_menu_con ul{}
.all_menu_v3 .all_menu_con ul.all{display: flex; flex-wrap: wrap; flex-grow: 1;}
.all_menu_v3 .all_menu_con ul.all>li{flex-grow: 0; width: 20%;}
.all_menu_v3 .all_menu_con ul.side{flex-shrink: 0; padding: 3rem; width: 17.5rem; background: #f2f2f2; border-radius: 1rem; box-sizing: border-box;}
.all_menu_v3 .all_menu_con ul.side li{margin-bottom: 3rem;}
.all_menu_v3 .all_menu_con ul.side li:last-child{margin-bottom: 0;}
.all_menu_v3 .all_menu_con ul.side li a{display: block;font-size: 1.4rem; letter-spacing: -1.05px;}
.all_menu_v3 .all_menu_con ul li{}
.all_menu_v3 .all_menu_con ul li dl{}
.all_menu_v3 .all_menu_con ul li dl dt{display: inline-block; padding-top: 7px; margin-bottom: 3rem; border-top: 1px solid #000;}
.all_menu_v3 .all_menu_con ul li dl:nth-of-type(2) dt{margin-top: 6rem;}
.all_menu_v3 .all_menu_con ul li dl dt a{display: block; font-weight: 700; font-size: 1.6rem; letter-spacing: -1.2px;}
.all_menu_v3 .all_menu_con ul li dl dd{display: block; margin-bottom: 3rem;}
.all_menu_v3 .all_menu_con ul li dl dd:last-of-type{margin-bottom: 0;}
.all_menu_v3 .all_menu_con ul li dl dd a{display: block; font-size: 1.4rem; letter-spacing: -1.05px;}
.all_menu_v3 .all_menu_footer{padding: 0 5rem; box-sizing: border-box; }
.all_menu_v3 .all_menu_footer dl{align-items: center; width: 100%; height: 7.5rem; border-top: 1px solid #000; box-sizing: border-box;}
.all_menu_v3 .all_menu_footer dl dd{}
.all_menu_v3 .all_menu_footer dl dd.family_wrap{flex-grow: 1;}
.all_menu_v3 .all_menu_footer dl dd.family_wrap ul{}
.all_menu_v3 .all_menu_footer dl dd.family_wrap ul li{width: 20%;}
.all_menu_v3 .all_menu_footer dl dd.family_wrap ul li a{display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: -1.2px;}
.all_menu_v3 .all_menu_footer dl dd.family_wrap ul li a:after{display: inline-block; clear: both; content: ""; margin-left: 1rem; width: 2rem; height: 2rem; background: url(../img/icon_all_link.png) no-repeat; background-size: 2rem; vertical-align: sub;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap{flex-shrink: 0; width: 13rem;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul{justify-content: space-between;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul li{height: 4rem; width: 4rem; background-image: url(../img/icon_all_sns.png); background-repeat: no-repeat; background-size: 13rem;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul li.facebook{background-position: 0 0;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul li.youtube{background-position: 50% 0;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul li.ajutv{background-position: 100% 0;}
.all_menu_v3 .all_menu_footer dl dd.sns_wrap ul li a{display: block; width: 100%; height: 100%;}

.search_menu_v3{display: none; position: absolute; left: 0; top: 5rem; padding-top: 6rem; width: 100%; background: #fff; border-top: 1px solid #dfdfdf; box-sizing: border-box; z-index: 999;}
.search_menu_v3:before{position: absolute; left: -100vh; top: -1px; display: block; clear: both; content: ""; width: 100vh; height: 100%; border-top: 1px solid #dfdfdf; background: #fff;}
.search_menu_v3:after{position: absolute; right: -100vh; top: -1px; display: block; clear: both; content: ""; width: 100vh; height: 100%; border-top: 1px solid #dfdfdf; background: #fff;}
.search_menu_v3 .ui_text_component{position: relative; display: block; margin: 0 auto 3rem; width: 63rem; height: 7rem;}
.search_menu_v3 .ui_text_component input.ui_text{padding: 0 9rem 0 4rem; width: 63rem; height: 7rem; border: 1px solid #000; border-radius: 3.5rem; font-size: 2.5rem; color: #111; box-sizing: border-box; outline: none;}
.search_menu_v3 .ui_text_component button{position: absolute; right: 3rem; top: 1.5rem; width: 4rem;height: 4rem;background: url(../img/icon_search_02.png) 50% 50% no-repeat;background-size: 4rem;}
.search_menu_v3 .keyword{display: flex; /*justify-content: center;*/ margin-bottom: 6rem; margin-left: 30.3rem;}
.search_menu_v3 .keyword dt{margin-right: 1rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -1.125px;}
.search_menu_v3 .keyword dd{margin-right: 1rem; font-size: 1.8rem; letter-spacing: -1.125px;}
.search_menu_v3 .keyword dd a{}
.search_menu_v3 .keyword dd a:after{display: inline-block; clear: both; content: ","; margin-left: 5px;}
.search_menu_v3 .keyword dd:last-of-type a:after{display: none;}

/* gnb fixed  */
.gnb_v3.fixed{position: fixed; left: 0; top: 0; background: #fff; height: 7rem;}
.gnb_v3.fixed .nav_list{padding: 0;}
.gnb_v3.fixed .nav_list li.nav_btn{right: 1.5rem; left: auto;}
.gnb_v3.fixed .nav_list li.search_btn{right: 5.8rem; left: auto;}
.gnb_v3.fixed .nav_list li.share_btn{position: absolute; right: 10rem; top: 50%; transform: translateY(-50%); display: block; margin: 0; width: 3rem;height: 3rem;}
.gnb_v3.fixed .nav_list li.share_btn a{display: block; width: 100%; height: 100%; box-sizing: border-box;background: url(../img/view/view_gnb_share.png) 50% 50% / 3rem no-repeat;z-index: 9999;}
.gnb_v3.fixed .nav_list li.gnb_item{display: none;}
.gnb_v3.fixed .nav_list li.fixed_item{display: block;}
.gnb_v3.fixed .nav_list li.fixed_item > ul{display: flex; align-items: center;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li{position: relative;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li:first-child{margin-right: 3rem;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li:first-child:after{position: absolute; right: -1.6rem; bottom: 7px; display: block; clear: both; content: ""; width: 1px; height: 1rem; background: #ccc;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li.logo{flex-shrink: 0; display: block; width: 10rem; height: 2.4rem; background: url(../img/fixed_logo.png) 50% 50% / 10rem no-repeat;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li.date{font-size: 1.4rem; font-weight: 400;}
.gnb_v3.fixed .nav_list li.fixed_item > ul li.tit{max-width: 80rem; font-size: 2rem; font-weight: 400; display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box;}
.gnb_v3.fixed .search_menu_v3{top: 6.7rem;}
/* // gnb fixed */

/* 햄버거버튼 클릭시 */
.gnb_v3.all_menu_on{height: 6rem;}
.gnb_v3.all_menu_on .nav_list li .label{display: none;}
.gnb_v3.all_menu_on .nav_list li.nav_btn a{background: url(../img/icon_close.png) 50% 50% / 3rem no-repeat;}
.gnb_v3.all_menu_on .nav_list li.search_btn{display: none;}
/* // 햄버거버튼 클릭시 */

/*검색버튼 클릭시*/
.gnb_v3.search_menu_on .nav_list li.search_btn a{background: url(../img/icon_close.png) 50% 50% / 3rem no-repeat;}
/* // 검색버튼 클릭시*/

.sub_menu{height: 7rem;}
.sub_menu .inner{padding: 0 5rem; border-bottom: 1px solid #ccc; background: #f2f2f2; box-sizing: border-box;}
.sub_menu dl{align-items: center; height: 100%;}
.sub_menu dl dt{margin-right: 5rem;}
.sub_menu dl dt a{display: block; font-size: 2.8rem; font-weight: 700; letter-spacing: -2.1px;}
.sub_menu dl dt a:hover{text-decoration: none;}
.sub_menu dl dd{margin-right: 4rem;}
.sub_menu dl dd a{position: relative; display: block; font-size: 1.7rem; letter-spacing: -1.275px;}
.sub_menu dl dd a:hover{text-decoration: none;}
.sub_menu dl dd a:hover:after{display: block; clear: both; content: ""; position: absolute; left: 0; bottom: -7px; width: 100%; height: 1px; background: #000;}
.sub_menu dl dd.on a:after{display: block; clear: both; content: ""; position: absolute; left: 0; bottom: -7px; width: 100%; height: 1px; background: #000;}

#container .main.main_v3{padding-top: 2rem;}

/* main */
#container .main{padding-top: 3rem;}
.main .component{position: relative; display: block; margin-bottom: 5rem; width: 100%;}
.main .component.line .inner{padding-top: 5rem; border-top: 1px solid #000;}
.main .component.line_ad {margin-top: 4rem; margin-bottom: 0; height: 9rem;}

.stock_slide{overflow: hidden; position: relative; width: calc(100% - 1px);}
.stock_slide .slick-list{display: block; width: 100%;}
.stock_slide .slick-arrow{position: absolute; top: 50%; width: 2rem; height: 6.6rem; border: 1px solid #ddd; box-sizing: border-box; border-radius: 2px; transform: translateY(-50%); text-indent: -9999px; z-index: 9;}
.stock_slide .slick-arrow.slick-prev{left: 0; background: #fff url(../img/stock_slide_prev.png) 50% 50% / 1rem no-repeat;}
.stock_slide .slick-arrow.slick-next{right: 0;background: #fff url(../img/stock_slide_next.png) 50% 50% / 1rem no-repeat;}

.main .component.section_news.line .inner{padding-top: 4rem;}
.main .component.section_news .column_tit{height: 4.5rem;}
.main .component.section_news .tab_wrap .tab_button{display: flex; justify-content: space-between; margin-bottom: 2rem;}
.main .component.section_news .tab_wrap .tab_button li{/*flex-basis: 16.66666666666667%; */width: 18.5rem; display: block; height: 4.5rem; border: 1px solid #dfdfdf; box-sizing: border-box;}
.main .component.section_news .tab_wrap .tab_button li:last-child{margin-right: 0;}
.main .component.section_news .tab_wrap .tab_button li a{display: block; width: 100%; height: 100%; font-size: 1.6rem; font-weight: 500; line-height: 4.5rem; color:#666; text-align: center; letter-spacing: -1.125px;}
.main .component.section_news .tab_wrap .tab_button li.on{border: 1px solid #111;}
.main .component.section_news .tab_wrap .tab_button li.on a{color:#111; }
.main .component.section_news .tab_wrap .tab_contant{display: none;}
.main .component.section_news .tab_wrap .tab_contant.on{display: block;}
.main .component.section_news .tab_contant ul{}
.main .component.section_news .tab_contant .more{position: relative; display: block; text-align: center; margin-top: 1rem;}
.main .component.section_news .tab_contant .more:before{display: block; clear: both; content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ccc; z-index: -1;}
.main .component.section_news .tab_contant .more a{display: inline-block; padding: 0 3rem; height: 5.5rem; border: 1px solid #ccc; background: #fff; line-height: 5.5rem; font-size: 1.6rem; letter-spacing: -1.125px; box-sizing: border-box; text-decoration: none; border-radius: 27.5rem;}
.main .component.section_news .tab_contant .more a span{display: inline-block; /*color:#247eda;*/ font-weight: 700;}
.main .component.section_news .tab_contant .more a i{display: inline-block; clear: both; content: ""; margin-bottom: -3px; width: 2rem; height: 2rem; background: url(../img/more_arrow.png) 50% 50% no-repeat; background-size: 2rem;}
.main .component.section_news .news_item{float: left; margin-right: 2.3rem; margin-bottom: 2.7rem; width: 27rem; box-sizing: border-box;}
.main .component.section_news .news_item:nth-child(4n){margin-right: 0;}
.main .component.section_news .news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1.2rem; width: 100%; height: 17rem;}
.main .component.section_news .news_item .thumb .label{position: absolute; left: 0; bottom: 0; padding-top: 1.5rem; padding-right: 1.5rem; max-width: 70%; background: #fff; font-size: 1.5rem; color:#4875a5; font-weight: 700; z-index: 9;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .component.section_news .news_item .thumb img{height: 100%;}
.main .component.section_news .news_item .text_area{}
.main .component.section_news .news_item .text_area .tit{ display: block; height: 5.2rem; width: 100%; font-size: 2rem; line-height: 2.6rem; font-weight: 400; word-break: keep-all; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main .component.aju_tv{margin-top: 10rem; margin-bottom: 12rem;}
.main .component.aju_tv .inner{position: relative; padding: 4rem 3rem; background: #232f3c; box-sizing: border-box; box-shadow:3rem 2rem 0 #17202a; }
.main .component.aju_tv .inner:before{display: block; clear: both; content: ""; position: absolute; left: -100%; top: 0; height: 100%; width: 100%; background: #232f3c; box-shadow:3rem 2rem 0 #17202a; z-index: -1;}
.main .component.aju_tv .inner:after{display: block; clear: both; content: ""; position: absolute; right: -15rem; top: 0; height: 100%; width: 15rem; background: #232f3c; box-shadow:3rem 2rem 0 #17202a;}
.main .component.aju_tv .video{float: left; flex-shrink: 0; position: relative; width: 60rem; height: 34.5rem;}
.main .component.aju_tv .video iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main .component.aju_tv .text_area{float: right; flex-grow: 1; padding-left: 3rem; padding-top: 3rem; width: 49rem; box-sizing: border-box;}
.main .component.aju_tv .text_area .cate{display: block; margin-bottom: 1.2rem; font-size: 2rem; font-weight: 700; color:#fff; letter-spacing: -1.5px; text-decoration: none;}
.main .component.aju_tv .text_area .cate i{display: inline-block; clear: both; content: ""; margin-left: 5px; width: 2rem; height: 2rem; background: url(../img/aju_tv_arrow.png) no-repeat; background-size: 2rem; vertical-align: bottom;}
.main .component.aju_tv .text_area .tit{display: block; margin-bottom: 6px; max-height: 9rem; font-size: 3rem; font-weight: 700; color:#fff; line-height: 4.5rem; letter-spacing: -3.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main .component.aju_tv .text_area .lead{display: block; margin-bottom: 2.5rem; max-height: 7.5rem; font-size: 1.5rem; line-height: 2.5rem; color:#647280; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none;}
.main .component.aju_tv .text_area .more{display: inline-block; padding: 0 3rem; height: 4.5rem; border: 1px solid #fff; color:#fff; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.75px; text-align: center; line-height: 4.5rem; box-sizing: border-box; border-radius: 2.25rem;}

.main .component.audio_clip .inner{padding-top: 4rem;}
.main .component.audio_clip ul .channel{float: left; flex-shrink: 0; margin-right: 2rem; width: 25rem;}
.main .component.audio_clip ul .channel a{position: relative; display: block;}
.main .component.audio_clip ul .channel a .thumb{overflow: hidden; position: relative; padding-bottom: 100%;}
.main .component.audio_clip ul .channel a .thumb:after{display: none;}
.main .component.audio_clip ul .channel a .thumb img{height: 100%;}
.main .component.audio_clip ul .channel a .text_area{position: absolute; left: 50%; bottom: -2.4rem; width: 100%; max-width: calc(100% - 3rem); height: 4rem; box-sizing: border-box; transform: translateX(-50%); text-align: center;}
.main .component.audio_clip ul .channel a .text_area .tit{display: inline-block; padding: 0 1.5rem; height: 100%; background: #565fdf; text-align: center; color:#fff; line-height: 4rem; font-size: 1.6rem;font-weight: 700; letter-spacing: -1.125px; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-radius: 5px;}
.main .component.audio_clip ul .audio{float: right; flex-grow: 1; margin-right: 0; padding: 4rem 3rem 2.5rem; width: 61rem; height: 27.5rem; background: #e9eaff; box-sizing: border-box; border-radius: 2.5rem;}
.main .component.audio_clip ul .audio .text_area{margin-bottom: 2rem;}
.main .component.audio_clip ul .audio .text_area a{display: block;}
.main .component.audio_clip ul .audio .text_area .cate{margin-bottom: 1.4rem; font-size: 1.6rem; font-weight: 500; color:#565fdf; letter-spacing: -1.125px; text-decoration: none;}
.main .component.audio_clip ul .audio .text_area .tit{margin-bottom: 1.1rem; max-height: 6.4rem; font-size: 2.4rem; font-weight: 500; line-height: 3.2rem; letter-spacing: -1.725px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main .component.audio_clip ul .audio .text_area .lead{max-height: 4.2rem; font-size: 1.5rem; color:#3e4382; line-height: 2.1rem; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none;}

.main .audio_wrap{position: relative; padding-left: 4.6rem;}
.main .audio_wrap .play_btn{position: absolute; left: 0; top: 5px; display: block; width: 3.6rem; height: 3.6rem; background: #fff url(../img/icon_play.png) 50% 50% no-repeat; background-size: 2rem; box-sizing: border-box; border-radius: 50%;}
.main .audio_wrap .play_btn.paused{background: #fff url(../img/icon_paused.png) 50% 50% no-repeat; background-size: 2rem;}
.main .audio_wrap .my-audio{display: none;}
.main .audio_wrap .my-audio-progress{overflow: hidden; position: relative; width: 100%; height: 15px;cursor: pointer;}
.main .audio_wrap .my-audio-progress:after{display: block; clear: both; content: ""; position: absolute; right: 0; top: 50%; height: 0.6rem; width: 100%; background: #fff; transform: translateY(-50%); border-radius: 3px;}
.main .audio_wrap .my-audio-time-bar{position: absolute; left: 0; top: 50%; width: 0; height: 0.6rem; background: #565fdf;z-index: 10;  transform: translateY(-50%); transition: .3s; border-radius: 3px;}
.main .audio_wrap input[type=range] { -webkit-appearance: none; margin:0; width: 100%;  height: 0.7rem; background: #fff;  cursor: pointer; border-radius: 0; /* iOS */ transition: background 450ms ease-in; border-radius: 3px;}
.main .audio_wrap input[type=range]:focus {outline: none; }
.main .audio_wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;width: 1.4rem;height: 1.4rem;background: #565fdf;border: 1px solid #565fdf;border-radius:50%;cursor: pointer; transition: .3s; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);}
.main .audio_wrap input[type=range]::-moz-range-thumb{ -webkit-appearance: none; width:1.4rem; height:1.4rem; background: #565fdf; border: 1px solid #565fdf; border-radius:50%; cursor: pointer; transition: .3s; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);}
.main .audio_wrap .my-audio-time {display: flex; justify-content: space-between; margin-top: 1rem; font-size: 1.5rem; color:#565fdf;}

.main .component.photo_news{margin-bottom: 3rem;}
.main .component.photo_news .visual_photo { position:relative; }
.main .component.photo_news .visual_photo:after { content:''; display:block; clear:both; }
.main .component.photo_news .visual_photo .vp_lst_big { float:left; position:relative; width:63rem; height:42rem; background: #000;}
.main .component.photo_news .visual_photo .vp_lst_big .big_li {overflow: hidden; position:absolute; left:0; top:0; width:100%; height:100%; display:none; }
.main .component.photo_news .visual_photo .vp_lst_big .big_li a {display: block;}
.main .component.photo_news .visual_photo .vp_lst_big .big_li .thumb {width: 100%; height: 100%;}
.main .component.photo_news .visual_photo .vp_lst_big .big_li .thumb:after {display: none;}
.main .component.photo_news .visual_photo .vp_lst_big .big_li .thumb img { width: 100%; /*top: 0; transform: translate(-50%, 0);*/ }
.main .component.photo_news .visual_photo .vp_lst_big .big_li .tit { position:absolute; left:0; bottom:0; display:block; height:7rem; width: 100%; background:rgba(0,0,0,0.8) url(../img/icon_photo_new.png) right 2rem top 50% no-repeat; padding:0 10rem 0 3rem; box-sizing: border-box;}
.main .component.photo_news .visual_photo .vp_lst_big .big_li .tit em { display:block; /*max-height: 2.3rem; */height: 100%; line-height: 7rem; font-weight: 500; font-size:2.4rem; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.main .component.photo_news .visual_photo .vp_lst_big .big_li.on { display:block; }
.main .component.photo_news .visual_photo .vp_lst { float:left; margin-left:1rem; }
.main .component.photo_news .visual_photo .vp_lst li { position:relative; float:left; width:25rem; height:20.5rem; margin-right:1rem; }
.main .component.photo_news .visual_photo .vp_lst li:nth-child(2n+1) { clear:both; }
.main .component.photo_news .visual_photo .vp_lst li:nth-child(2n) { margin-right:0; }
.main .component.photo_news .visual_photo .vp_lst li:nth-child(1), .main .component.photo_news .visual_photo .vp_lst li:nth-child(2) { margin-bottom:1rem; }
.main .component.photo_news .visual_photo .vp_lst li a {display: block; width: 100%;height: 100%; position: relative; overflow: hidden;}
.main .component.photo_news .visual_photo .vp_lst li img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.main .component.photo_news .visual_photo .vp_lst li.on a:after { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:1rem solid #fff; clear:both; display:block; content:''; cursor:pointer; opacity: 0.5;}
.main .component.photo_news .visual_photo .vp_lst li.on a img { opacity:1; }

.main .component.realtimerank{}
.main .component.realtimerank .column_01{position: relative; float: left; padding-right: 6rem; width: 80rem; box-sizing: border-box;}
.main .component.realtimerank .column_01 .time{position: absolute; right: 6rem; top: 0; width: 6.9rem; height: 2.2rem; background: #232f3c; border-radius: 1.1rem;}
.main .component.realtimerank .column_01 .time span{display: block; text-align: center; color:#fff; line-height: 2.2rem; font-size: 1.5rem;}
.main .component.realtimerank .column_01 .time span:before{display: inline-block; clear: both; content: ""; margin-right: 5px; margin-bottom: -1px; width: 1.4rem; height: 1.4rem; background: url(../img/icon_time.png) 50% 50% / 1.4rem no-repeat; }
.main .component.realtimerank .column_02{float: right; width: 35rem; box-sizing: border-box;}
.dasuk{position: relative; display: block; margin-bottom: 1rem; padding: 2.6rem 10rem 0 2rem; width: 100%; height: 20.5rem; background: #5d4429 url(../img/dasuk_bg.png) top 0 left 50% / 100% no-repeat; box-sizing: border-box;}
.dasuk strong{position: absolute; left: 0; bottom: 0; width: 100%; height: 3.5rem; background: #3d2a15; color:#fff; line-height: 3.5rem; font-size: 1.6rem; text-align: center; letter-spacing: -0.48px; font-weight: 400;}
.dasuk .tit{display: block; margin-bottom: 1.1rem; color:#fff; font-weight: 700; font-size: 1.8rem; line-height: 2.5rem; letter-spacing: -0.54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.dasuk .lead{display: block; height: 57px; color:#af8a61; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.975px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all;}
.aju_sns{position: relative; display: block; padding: 1.5rem 2rem; width: 100%; border: 1px solid #dfdfdf; box-sizing: border-box;}
.aju_sns strong{position: absolute; left: 2rem; top: 50%; transform: translateY(-50%); display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: -1.2px;}
.aju_sns ul{display: flex; justify-content: flex-end; align-items: center;}
.aju_sns ul li{display: block; margin-left: 5px; width: 4.4rem; height: 4.4rem; box-sizing: border-box;}
.aju_sns ul li a{display: block; width: 100%; height: 100%; background-image: url(../img/v2/aju_sns.png); background-repeat: no-repeat; background-size: 14.2rem;}
.aju_sns ul li.facebook a{background-position: 0 0;}
.aju_sns ul li.youtube a{background-position:  -4.9rem 0 ;}
.aju_sns ul li.naver a{background-position: -9.8rem 0;}
.realtime_list{float: left; padding-top: 1.1rem; width: 50%; box-sizing: border-box;}
.realtime_list:nth-of-type(1){padding-right: 2rem;}
.realtime_list:nth-of-type(2){padding-left: 2rem;}
.realtime_list li{position: relative; padding-left: 3.5rem; margin-bottom: 2.9rem; width: 100%; height: 2.1rem; box-sizing:  border-box;}
.realtime_list li:last-child{margin-bottom: 0;}
.realtime_list li span{position: absolute; left: 0; top: 0; display: inline-block; text-align: center; font-size: 2.1rem; font-weight: 700; letter-spacing: -0.63px; }
.realtime_list li .tit{display: inline-block; height: 21px; line-height: 2.1rem; font-weight: 400; font-size: 1.8rem; letter-spacing: -0.54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.main .component.family_site{margin-top: 7rem;}
.main .component.family_site .flex{justify-content: space-between;}
.main .component.family_site .flex .column{position: relative; padding-top: 0; width: 26.5rem; display: block; border-top: 2px solid #000;}
.main .component.family_site .flex .column .column_tit{height: 6rem;}
.main .component.family_site .flex .column .news_item{padding-bottom: 1.5rem;border-bottom: 1px solid #dfdfdf;}
.main .component.family_site .flex .column .news_item .thumb{overflow: hidden; position: relative; display: block; width: 100%; height: 17rem;}
.main .component.family_site .flex .column .news_item .thumb img{height: 100%;}
.main .component.family_site .flex .column .news_item .text_area{padding-top: 1.5rem; }
.main .component.family_site .flex .column .news_item .text_area .tit{display: block; font-weight: 500; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -1.35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /*word-break: keep-all;*/}
.main .component.family_site .flex .column .news_item:first-child .text_area{padding-top: 1.5rem; }
.main .component.family_site .flex .column .news_item:first-child .text_area .tit{height: 5.6rem; -webkit-line-clamp: 2;}
.main .component.family_site .flex .column .news_item:last-child{padding-bottom: 0; border-bottom: none;}
.main .component.family_site .flex .column.column_img .thumb .label{position: absolute; left: 0; bottom: 0; display: inline-block; padding: 0 1.5rem; height: 3.8rem; color:#fff; line-height: 3.8rem; font-weight: 500; font-size: 1.4rem; letter-spacing: -0.42px; background: rgba(255,21,21,0.8); z-index: 9;}
.main .component.family_site .flex .column.column_img .news_item .text_area .tit{height: 2.9rem; -webkit-line-clamp: 1;}
.main .component.family_site .flex .column:nth-of-type(1) .news_item .text_area .tit,
.main .component.family_site .flex .column.column_img .news_item:last-child .text_area .tit{font-family: 'Microsoft YaHei', '微软雅黑'; letter-spacing: 0 !important; font-weight:500 !important; font-size:1.6rem !important; }
.main .component.family_site .flex .column .more_btn{position: absolute; right: 0; top: 2.3rem; font-size: 1.3rem; letter-spacing: -0.39px;}
.main .component.family_site .flex .column .more_btn i{display: inline-block; margin-left: 5px; width: 6px; height: 1.1rem; background: url(../img/v2/family_site_more.png) 50% 50% / 6px no-repeat;}
.main .component.family_site .flex .column.cn .column_tit a{display: block; width: 100%; height: 100%; background: url(../img/v2/logo_cn.png) 0 50% / 13rem no-repeat; text-indent: -9999px;}
.main .component.family_site .flex .column.db .column_tit a{display: block; width: 100%; height: 100%; background: url(../img/v2/logo_db.png) 0 50% / 13rem no-repeat; text-indent: -9999px;}
.main .component.family_site .flex .column.lnp .column_tit a{display: block; width: 100%; height: 100%; background: url(../img/v2/logo_lawandp.png) 0 50% / 13rem no-repeat; text-indent: -9999px;}
.main .component.family_site .flex .column.column_img .column_tit {display: block; line-height: 6rem; font-size: 1.8rem;}
.main .component.family_site .flex .column.column_img .news_item{padding-bottom: 2.5rem;}
.main .component.family_site .flex .column.column_img .news_item .thumb{height: 14rem;}
.main .component.family_site .flex .column.column_img .news_item .text_area{padding-top: 1rem;}

.main .component.partner{margin-top: 5rem; margin-bottom: 5rem;}
.main .component.partner .inner{padding: 4.4rem 2rem; border-top: 1px solid #aaa; border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.main .component.partner dl dt{flex-shrink: 0; width: 11rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -1.275px; color:#aaa;}
.main .component.partner .pl_01 {align-items: center;}
.main .component.partner .pl_01:after { clear:both; display:block; content:''; }
.main .component.partner .pl_01 ul { float:left; width:100%; height:5rem; background:url(../img/partner_lst.jpg) 0 7px no-repeat; background-size: 100rem;}
.main .component.partner .pl_01 li { float:left; height:100%; }
.main .component.partner .pl_01 li a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-500em; }
.main .component.partner .pl_01 li.n01 { width:102px; }
.main .component.partner .pl_01 li.n02 { width:66px; }
.main .component.partner .pl_01 li.n03 { width:98px; }
.main .component.partner .pl_01 li.n04 { width:112px; }
.main .component.partner .pl_01 li.n05 { width:102px; }
.main .component.partner .pl_01 li.n06 { width:71px; }
.main .component.partner .pl_01 li.n07 { width:104px; }
.main .component.partner .pl_01 li.n08 { width:75px; }
.main .component.partner .pl_01 li.n09 { width:117px; }
.main .component.partner .pl_01 li.n10 { width:54px; }
.main .component.partner .pl_01 li.n11 { width:105px; }
.main .component.partner .pl_02 {align-items: center;}
.main .component.partner .pl_02:after { clear:both; display:block; content:''; }
.main .component.partner .pl_02 ul { float:left; width:100%; height:5rem; background:url(../img/partner_lst.jpg) 0 -47px no-repeat; }
.main .component.partner .pl_02 li { float:left; height:100%; }
.main .component.partner .pl_02 li a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-500em; }
.main .component.partner .pl_02 li.n01 { width:96px; }
.main .component.partner .pl_02 li.n02 { width:132px; }
.main .component.partner .pl_02 li.n03 { width:120px; }
.main .component.partner .pl_02 li.n04 { width:150px; }
.main .component.partner .pl_02 li.n05 { width:75px; }
.main .component.partner .pl_02 li.n06 { width:100px; }
.main .component.partner .pl_02 li.n07 { width:77px; }
.main .component.partner .pl_02 li.n08 { width:98px; }

.main .component.noticeboard .inner{border: 1px solid #e5e5e5; box-sizing: border-box; background: #f9fbff;}
.main .component.noticeboard dl{position: relative; flex-shrink: 0; padding-top: 2rem; width: 50%; height: 6rem; box-sizing: border-box;}
.main .component.noticeboard dl:first-of-type:after{display: block; clear: both; content: ""; position: absolute; right: 0; top: 2rem; width: 1px; height: 2rem; background: #e5e5e5;}
.main .component.noticeboard dl dt{flex-shrink: 0; padding-left: 3rem;}
.main .component.noticeboard dl dt a{display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: -1.2px;}
.main .component.noticeboard dl dt a i{display: inline-block; clear: both; content: ""; width: 2rem; height: 2rem; background: url(../img/noticeboard_arrow.png) no-repeat; background-size: 2rem; vertical-align: sub;}
.main .component.noticeboard dl dd{margin: 0 2rem 0 2rem;}
.main .component.noticeboard dl dd ul li{max-width: 45rem;}
.main .component.noticeboard dl dd ul li a{display: block; max-height: 2rem; line-height: 2rem; font-size: 1.6rem; letter-spacing: -0.48px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}

.main .column_sub_tit{display: block; margin-bottom: 1.2rem; height: 1.3rem; font-size: 1.3rem; letter-spacing: -0.975px;}
.main .column_tit{display: inline-block; width: 100%; height: 3.5rem; font-size: 2rem; font-weight: 700; letter-spacing: -1.5px;}
.main .column_tit a{display: block;}
.main .column_tit a em{color:#20d0cc; font-weight: 700;}
.main .column_tit a i{display: inline-block; clear: both; content: ""; width: 2rem; height: 2rem; background: url(../img/headline_banner_arrow.png) no-repeat; background-size: 2rem; vertical-align: bottom;}
.main .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.main .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* view */
#container .view{padding-top: 5rem;}
.view .component{position: relative; display: block; margin-bottom: 5rem; width: 100%;}
.view .component.line .inner{}
.view_ad{margin-bottom: 5rem; text-align: center;}
.view_top_ad_banner{margin-bottom: 5rem; text-align: center;}

.view_header .inner{position: relative; border-bottom: 1px solid #dfdfdf;}
.view_header h2{display: block; margin-bottom: 2rem; font-size: 4rem; font-weight: 700; line-height: 6rem; letter-spacing: -3px; word-break: keep-all; }
.view_header .info_wrap{justify-content: space-between; align-items: center; margin-bottom: 3rem;}
.view_header .info_wrap .info dd{position: relative; display: block; margin-right: 3rem; font-size: 1.5rem;}
.view_header .info_wrap .info dd:after{position: absolute; right: -1.5rem; top: 1px; display: block; clear: both; content: ""; width: 1px; height: 1.4rem; background: #cccccc;}
.view_header .info_wrap .info dd:last-of-type{margin-right: 0;}
.view_header .info_wrap .info dd:last-of-type:after{display: none;}
.view_header .info_wrap .info dd.name{letter-spacing: 0px;}
.view_header .info_wrap .info dd.name span{display: inline-block; font-weight: 700;}
.view_header .info_wrap .tool dd{display: block; margin-left: 3px; width: 4rem; height: 4rem; border: 1px solid #cccccc; box-sizing: border-box;}
.view_header .info_wrap .tool dd a{display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 4rem;}
.view_header .info_wrap .tool dd.share a{background-image: url(../img/view/icon_share.png);}
.view_header .info_wrap .tool dd.print a{background-image: url(../img/view/icon_print.png);}
.view_header .info_wrap .tool dd.font_control{position: relative; width: 8rem; font-size: 0;}
.view_header .info_wrap .tool dd.font_control:after{position: absolute; left: 50%; top: 0; display: block; clear: both; content: ""; width: 1px; height: 100%; background: #cccccc;}
.view_header .info_wrap .tool dd.font_control a{display: inline-block; width: 50%;}
.view_header .info_wrap .tool dd.font_control a.minus{background-image: url(../img/view/icon_minus.png);}
.view_header .info_wrap .tool dd.font_control a.plus{background-image: url(../img/view/icon_plus.png);}

.view_content{}
.view_content .inner{padding-bottom: 10rem;}
.view_content .inner:after{content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0; font-size: 0;}
.view_content .inner:before{display: block; clear: both; content: ""; position: absolute; right: 33rem; top: 0; width: 1px; height: 100%; background: #dfdfdf; z-index: 8;}
.view_content .article_wrap{float: left; flex-grow: 1; padding-top: 6rem; width: 82rem; padding-right: 5rem; box-sizing: border-box;}
.view_content .article_wrap .sub_title{position: relative; display: block; margin-bottom: 5rem; padding-left: 1.8rem; word-break: keep-all;}
.view_content .article_wrap .sub_title:before{position: absolute; left: 0; top: 0; display: block; clear: both; content: ""; width: 3px; height: 100%; background: #000;}
.view_content .article_wrap .sub_title li{display: block; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.6px;}
.view_content .article_wrap .sub_title li:last-child{margin-bottom: 0;}
.view_content .article_wrap .article_con{display: block; font-size: 1.8rem; line-height: 1.7; letter-spacing: -1.35px; }
.view_content .article_wrap .article_con .sub_title_heading{display: block; margin-bottom: 1.5rem; margin-top: 1.5rem; padding: 2rem 0; border-top: 3px solid #111; border-bottom: 1px solid #111; box-sizing: border-box;}
.view_content .article_wrap .article_con .sub_title_heading strong{display: inline-block; font-size: 1.8rem; font-weight: 700;}
.view_content .article_wrap .article_con .imgBox{display: block; margin-bottom: 3rem; text-align: center;}
.view_content .article_wrap .article_con .imgBox #captionBox{position: relative; margin: 0 auto 1rem; /*width: 64rem !important;*/ box-sizing: border-box;}
.view_content .article_wrap .article_con .imgBox #captionBox img{/*width: 100% !important;*/ height: auto !important; border: 1px solid rgba(0,0,0,0.1);}
.view_content .article_wrap .article_con .imgBox #captionBox .expansion_btn{position: absolute; right: 2rem; bottom: 2rem; width: 5rem; height: 5rem; background: url(../img/view/icon_expansion.png) no-repeat; background-size: 5rem; z-index: 9; display: none;}
.view_content .article_wrap .article_con .imgBox .p_caption{display: block; width: 100%; padding-top: 1rem; margin: 0 auto; font-size: 1.3rem; color:#888; text-align: left; letter-spacing: -0.975px; word-break: keep-all;}
.view_content .article_wrap .article_con .img_box{display: block; margin-bottom: 5rem; text-align: center;}
.view_content .article_wrap .article_con .img_box dd{display: inline-block;}
.view_content .article_wrap .article_con .img_box p{position: relative; margin-bottom: 5px;}
.view_content .article_wrap .article_con .img_box p img{max-width: 100%;}
.view_content .article_wrap .article_con .img_box p:after{display: block; clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.view_content .article_wrap .article_con .img_box p .expansion_btn{position: absolute; right: 2rem; bottom: 2rem; width: 5rem; height: 5rem; background: url(../img/view/icon_expansion.png) no-repeat; background-size: 5rem; z-index: 9;}
.view_content .article_wrap .article_con .img_box .p_caption{display: block; font-size: 1.3rem; color:#888; text-align: left; letter-spacing: -0.975px;}

.view_content .article_wrap .article_con .relate_box{position: relative; display: block; padding: 2rem 2rem 1rem 0; margin-bottom: 3rem; margin-top: 5rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.view_content .article_wrap .article_con .relate_box strong{position: absolute; left: 0; top: -1.5rem; display: block; padding-right: 1.5rem; font-size: 1.8rem; color:#1ea9a6; background: #fff; letter-spacing: -1.35px;}
.view_content .article_wrap .article_con .relate_box ul{}
.view_content .article_wrap .article_con .relate_box ul li{position: relative; padding-left: 1rem; width: 100%; font-size: 1.6rem; line-height: 2.7rem;  overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:500; letter-spacing:-0.7px;}
.view_content .article_wrap .article_con .relate_box ul li:before{position: absolute; left: 0; top: 1.2rem; display: block; clear: both; content: ""; width: 3px; height: 3px; background: #111; border-radius: 50%;}
.view_content .article_wrap .article_con .relate_box ul li a{display: block; color:#222; text-align: left; }

.view_content .article_wrap .article_con .article_bot{display: block; margin-top: 7rem;}
.view_content .article_wrap .article_con .keyword_box{display: block; margin-bottom: 3rem; padding-left: 3rem; font-size: 0; background: url(../img/view/icno_keyword.png) 0 0 no-repeat; background-size: 3rem; line-height: 1;}
.view_content .article_wrap .article_con .keyword_box li{display: inline-block; margin-right: 9px; margin-bottom: 9px; padding: 0 1rem; height: 2.7rem; border: 1px solid #cccccc; font-size: 1.5rem; letter-spacing: -1.125px; line-height: 2.7rem;}
.view_content .article_wrap .article_con .byline{padding: 2.5rem 3rem; margin-bottom: 2.5rem; border: 1px solid #dfdfdf; box-sizing: border-box;}
.view_content .article_wrap .article_con .byline .thumb{flex-shrink: 0; width: 10rem; height: 10rem; border-radius: 50%; overflow:hidden;}
.view_content .article_wrap .article_con .byline .thumb img{width: 100%; height: 100%;}
.view_content .article_wrap .article_con .byline .info{flex-grow: 1; padding-left: 2.6rem; box-sizing: border-box;}
.view_content .article_wrap .article_con .byline .info .editor{margin-bottom: 5px;}
.view_content .article_wrap .article_con .byline .info .editor dd{display: block; font-size: 1.7rem;}
.view_content .article_wrap .article_con .byline .info .editor dd.name{margin-right: 0.5rem; font-weight: 700;}
.view_content .article_wrap .article_con .byline .info .editor dd.email{}
.view_content .article_wrap .article_con .byline .info .relate {margin-bottom: 1.2rem;}
.view_content .article_wrap .article_con .byline .info .relate li{position: relative; margin-bottom: 0.5rem; padding-left: 1.5rem;}
.view_content .article_wrap .article_con .byline .info .relate li:last-child{margin-bottom: 0;}
.view_content .article_wrap .article_con .byline .info .relate li:after{position: absolute; left: 0; top: 1.5rem; display: block; clear: both; content: ""; width: 3px; height: 3px; background: #111; border-radius: 50%;}
.view_content .article_wrap .article_con .byline .info .relate li a{display: block; font-size: 1.8rem; letter-spacing: -0.54px;     overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.view_content .article_wrap .article_con .byline .info .more {}
.view_content .article_wrap .article_con .byline .info .more li{margin-right: 5px; padding: 0 2rem; height: 3.2rem; background: #e6e6e6; border-radius: 1.5rem; }
.view_content .article_wrap .article_con .byline .info .more li a{display: block; font-size: 1.4rem; line-height: 3.2rem; text-align: center; letter-spacing: -0.42px;}
.view_content .article_wrap .article_con .copy{display: block; margin-bottom: 9rem; font-size: 1.8rem;}
.view_content .view_banner{display: block; margin-bottom: 5rem;}
.view_content .view_banner a{display: block; width: 100%; text-align: center;}
.view_content .view_banner a img{max-width: 100%;}
.view_content .module_wrap{display: block; margin-bottom: 5rem;}

.imgBox.ib_left{text-align-last: left;}
.view_content .article_wrap .article_con blockquote { position:relative; display: flex; flex-direction: column; width: 100%; font-size:17px; font-weight:bold; margin:30px 0; padding:0 45px 0 60px;  box-sizing: border-box;}
.view_content .article_wrap .article_con blockquote:before { content:''; position:absolute; left:29px; top:6px; display:block; width:22px; height:16px; background:url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 -40px no-repeat; }
.view_content .article_wrap .article_con blockquote p{position: relative;}
.view_content .article_wrap .article_con blockquote p:last-child:after { content:''; display:inline-block; width:22px; height:16px; margin-left:11px; background:url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 0px no-repeat; position: absolute; right: auto; bottom: 5px;}
.view_content .article_wrap .article_con em{font-style: italic;}

.view_comment {}
.view_comment:after { clear:both; display:block; content:''; }
.view_comment .comment_hd { height:4rem; font-size:1.8rem; font-weight:700;letter-spacing: -1.35px; }
.view_comment .comment_hd span { color:#ff0000; }
.view_comment .comment_form {letter-spacing:0;}
.view_comment .comment_form .leply_write { background:#f6f6f6; padding:2rem; border:1px solid #e3e3e3;}
.view_comment .comment_form .leply_write .lw_login { height:3rem; margin-bottom:1.3rem; }
.view_comment .comment_form .leply_write .lw_login .btn_facebook { float:left; width:3rem; height:3rem; overflow:hidden; text-indent:-500em; background:url(https://image.ajunews.com/images/site/img/ajunews/icon_all.png) no-repeat; }
.view_comment .comment_form .leply_write .lw_login .btn_facebook.on { background-position:-250px -130px; }
.view_comment .comment_form .leply_write .lw_login .btn_facebook.off { background-position:-220px -130px; }
.view_comment .comment_form .leply_write .lw_login .txt { float:left; height:3rem; line-height:3rem; font-size:1.2rem; color:#999; margin-left:7px; }
.view_comment .comment_form .leply_write .lw_login .btn_logout { float:right; line-height:2.6rem; font-size:1.2rem; color:#109675; text-decoration:underline; background:none; }
.view_comment .comment_form .lw_textarea { position:relative; height:10rem; background:#fff; }
.view_comment .comment_form .lw_textarea textarea { width:59.7rem; height:7.2rem; border:1px solid #ccc; border-right:0; padding:1.3rem 1.5rem; resize:none; }
.view_comment .comment_form .lw_textarea .btn_ok { position:absolute; right:0; top:0; width:10rem; height:10rem; background:#109675; }
.view_comment .comment_form .lw_textarea .btn_ok span { font-size:1.4rem; color:#fff; font-weight:bold; }
.view_comment .comment_form .lw_textarea .text_count { position:absolute; left:48.5rem; bottom:1rem; font-family:Tahoma; font-size:1.2rem; color:#888; }
.view_comment .comment_form .lw_textarea .text_count strong { color:#109675; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.view_comment .comment_form .lw_textarea .text_count { left:58rem; }
}
.view_comment .comment_form .leply_lst li.cmt_item { position:relative; border-top:1px solid #e3e3e3; padding:1.6rem 1.9rem 2.5rem 10.9rem; }
.view_comment .comment_form .leply_lst li.cmt_item:first-child {border-top: none;}
.view_comment .comment_form .leply_lst .cmt_item .thumb { position:absolute; left:2rem; top:2rem; width:8rem; height:8rem; border-radius:50%; overflow:hidden; }
.view_comment .comment_form .leply_lst .cmt_item .thumb img { width:100%; height:100%; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .id_nick { float:left; font-size:1.4rem; color:#333; font-weight:bold; margin-bottom:9px; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .date { float:left; font-family:Tahoma; font-size:1.2rem; color:#b0b0b0; margin-left:1.3rem; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .btn_delete { float:right; font-size:1.1rem; color:#888; padding-right:1.4rem; background:none; margin-top:-4px; background:url(https://image.ajunews.com/images/site/img/ajunews/icon_cmt_close.png) right 5px no-repeat; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .btn_report { float:right; font-size:1.1rem; color:#888; padding-left:1.7rem; background:none; margin-top:-4px; background:url(https://www.ajunews.com/img/module/social/r-icon-dec.jpg) left 2px no-repeat; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area p.desc_txt { clear:both; width:97%; font-size:1.2rem; color:#111; line-height:2.2rem; margin-top:9px; max-height:6.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area { margin-top:1rem; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area:after { clear:both; display:block; content:''; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .btn_lpylpy { float:left; height:2rem; line-height:2rem; font-size:1.2rem; color:#109675; text-decoration:none; border:1px solid #109675; padding:0 8px; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .like_etc { float:right; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .like_etc li { float:left; height:2rem; line-height:2rem; font-size:1.2rem; color:#109675; border:1px solid #dbdbdb; margin-left:-1px; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .like_etc li a { display:block; font-size:1.2rem; padding:0 9px 0 28px; text-decoration:none; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .like_etc li.like a { color:#e64848; background:url(https://www.ajunews.com/img/layout/365/bg-like.png) 10px 2px no-repeat; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area .like_area .like_etc li.dislike a { color:#4884e6; background:url(https://www.ajunews.com/img/layout/365/bg-dislike.png) 10px 3px no-repeat ; }
.view_comment .comment_form .leply_lst .cmt_item .lw_textarea.lwt2 { height:7.5rem; margin-top:2rem; }
.view_comment .comment_form .leply_lst .cmt_item .lw_textarea.lwt2 textarea { width:53.6rem; height:4.7rem; }
.view_comment .comment_form .leply_lst .cmt_item .lw_textarea.lwt2 .btn_ok { width:7.5rem; height:7.5rem; }
.view_comment .comment_form .leply_lst .cmt_item .lw_textarea.lwt2 .text_count { left:52rem; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area_leply_lst { margin-top:2.4rem; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area_leply_lst li.leply_area { position:relative; border-top:1px solid #e3e3e3; padding:2rem 0 1.7rem 2rem; }
.view_comment .comment_form .leply_lst .cmt_item .leply_area_leply_lst li.leply_area:before { content:''; position:absolute; left:0; top:2.1rem; width:6px; height:6px; border:1px solid #dfdfdf; border-width:0 0 1px 1px; }
.view_comment .comment_form .btn_cmt_more { height:4.8rem; border:1px solid #e3e3e3; }
.view_comment .comment_form .btn_cmt_more a { display:block; line-height:4.8rem; font-weight:bold; text-align:center; }
.view_comment .comment_form .btn_cmt_more a em { display:inline-block; width:1.8rem; height:1rem; margin-left:1rem; background:url(https://image.ajunews.com/images/site/img/ajunews/icon_all.png) -100px -170px no-repeat; }

.view_content .aside{float: right; flex-shrink: 0; padding-top: 6rem; padding-left: 3rem; width: 33rem; box-sizing: border-box;}
.aside_item{position:relative; display: block; margin-bottom: 5rem; width: 100%;}
.aside_item:last-of-type{margin-bottom: 0;}
.aside_item .side_tit{display: block; height: 4rem; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px;}
.aside_item .side_tit i{display: inline-block; clear: both; content: ""; width: 2rem; height: 2rem; background: url(../img/headline_banner_arrow.png) no-repeat; background-size: 2rem; vertical-align: bottom;}
.aside_item.real_time .tab_wrap{}
.aside_item.real_time .tab_wrap .tab_button{margin-bottom: 2rem; height: 4rem; border: 1px solid #cccccc; box-sizing: border-box;}
.aside_item.real_time .tab_wrap .tab_button li{position: relative; float: left; width: 20%; height: 100%; border-right: 1px solid #efefef; box-sizing: border-box;}
.aside_item.real_time .tab_wrap .tab_button li:last-child{border-right: none;}
.aside_item.real_time .tab_wrap .tab_button li a{display: block; text-align: center; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.975px; line-height: 4rem;}
.aside_item.real_time .tab_wrap .tab_button li.on{}
.aside_item.real_time .tab_wrap .tab_button li.on a {color:#1ea9a6;}
.aside_item.real_time .tab_wrap .tab_button li.on:after{display: block; clear: both; content: ""; position: absolute; left: -1px; top: -1px; width: 100%; height: calc(100% - 2px); border: 2px solid #1ea9a6;}
.aside_item.real_time .tab_wrap .tab_contant{display: none;}
.aside_item.real_time .tab_wrap .tab_contant li{margin-bottom: 2rem;}
.aside_item.real_time .tab_wrap .tab_contant li:last-child{margin-bottom: 0;}
.aside_item.real_time .tab_wrap .tab_contant li a{display: block;}
.aside_item.real_time .tab_wrap .tab_contant li a span{display: block; height: 2rem; font-size: 1.6rem; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height:2.2rem;}
.aside_item.real_time .tab_wrap .tab_contant li a span em{display: inline-block; margin-right: 2rem; vertical-align: text-top; font-size: 2rem; letter-spacing: -1.5px;}
.aside_item.real_time .tab_wrap .tab_contant.on{display: block;}

.aside_item.news_list ul li.news_item{display: flex; align-items: center; margin-bottom: 1rem;}
.aside_item.news_list ul li.news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.aside_item.news_list ul li.news_item:last-child{margin-bottom: 0;}
.aside_item.news_list ul li.news_item .thumb{float: left; flex-shrink: 0; position: relative; overflow: hidden; width: 11.5rem; height: 7.5rem;}
.aside_item.news_list ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.aside_item.news_list ul li.news_item .thumb img{height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.aside_item.news_list ul li.news_item .text_area {float: right; padding-left: 1.5rem; width: 18.5rem; box-sizing: border-box;}
.aside_item.news_list ul li.news_item .text_area .tit{display: block; max-height: 5rem; font-size: 1.6rem; line-height: 2.5rem; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; font-weight:500;;}

.aside_item .visual_photo { position:relative; width:100%; height:40.6rem; }
.aside_item .visual_photo .vp_lst li {overflow: hidden; position:absolute; width:50%; height:10rem; clear:both; }
.aside_item .visual_photo .vp_lst li.on a:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1rem solid #fff; clear: both; display: block; content: ''; cursor: pointer; opacity: 0.5;}
.aside_item .visual_photo .vp_lst li.n01 { left:0; top:0; }
.aside_item .visual_photo .vp_lst li.n02 { right: 0; top:0; }
.aside_item .visual_photo .vp_lst li.n03 { left:0; bottom:0; }
.aside_item .visual_photo .vp_lst li.n04 { right:0; bottom:0; }
.aside_item .visual_photo .vp_lst li a {display: block; position: relative; width: 100%; height: 100%;}
.aside_item .visual_photo .vp_lst li a img {position: absolute; left: 50%; top: 50%; height:100%; width: 100%; transform: translate(-50%, -50%);}
.aside_item .visual_photo .vp_lst_big .big_li { position:absolute; left:0; top:10.3rem; width:100%; height:20rem; display:none; }
.aside_item .visual_photo .vp_lst_big .big_li.on { display:block; }
.aside_item .visual_photo .vp_lst_big .big_li .thumb {overflow: hidden; position:relative; display:block; width:100%; height:100%; }
.aside_item .visual_photo .vp_lst_big .big_li .thumb img {position: absolute; left: 50%; top: 50%; width: 100%; height:100%; transform: translate(-50%, -50%);}
.aside_item .visual_photo .vp_lst_big .big_li .thumb:after { clear:both; display:block; content:''; position:absolute; left:0; bottom:0; width:225px; height:35px; background:rgba(0,0,0,.6); }
.aside_item .visual_photo .vp_lst_big .big_li .thumb:after { display:none; border:0 none; }
.aside_item .visual_photo .vp_lst_big .big_li .tit { position:absolute; left:0px; bottom:0; display:block; width:100%; height:4.5rem; line-height:4.5rem; font-size:1.6rem; color:#fff; padding:0 2rem; background:rgba(0,0,0,.6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box;}

.aside_item.global .tab_wrap .tab_button{margin-bottom: 1rem; height: 4rem; border: 1px solid #cccccc; box-sizing: border-box;}
.aside_item.global .tab_wrap .tab_button li{position: relative; float: left; width: 25%; height: 100%; border-right: 1px solid #efefef; box-sizing: border-box;}
.aside_item.global .tab_wrap .tab_button li:last-child{border-right: none;}
.aside_item.global .tab_wrap .tab_button li a{display: block; text-align: center; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.975px; line-height: 4rem;}
.aside_item.global .tab_wrap .tab_button li.on{}
.aside_item.global .tab_wrap .tab_button li.on:after{display: block; clear: both; content: ""; position: absolute; left: -1px; top: -1px; width: 100%; height: calc(100% - 2px); border: 2px solid #000;}
.aside_item.global .tab_wrap .tab_contant{display: none;}
.aside_item.global .tab_wrap .tab_contant.on{display: block;}
.aside_item.global .tab_wrap .tab_contant .thumb{overflow: hidden; position: relative; display: block; width: 100%; height: 18rem;}
.aside_item.global .tab_wrap .tab_contant .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.aside_item.global .tab_wrap .tab_contant .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.aside_item.global .tab_wrap .tab_contant .text_area{display: block; padding: 1.6rem 2rem; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; box-sizing: border-box;}
.aside_item.global .tab_wrap .tab_contant .text_area .tit{font-family: 'Microsoft YaHei', '微软雅黑'; display: block; font-size: 1.8rem; line-height: 2.8rem; word-break: keep-all; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.aside_item.banner a{display: block; margin-bottom: 2rem; width: 100%;}
.aside_item.banner a:last-of-type{margin-bottom: 0;}
.aside_item.banner a img{width: 100%;}
.aside_item .video_wrap{position: relative; display: block; width: 100%; padding-bottom: 58.33333333333333%;}
.aside_item .video_wrap iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.aside_item .news_item.vertical{display: block; width: 100%;}
.aside_item .news_item.vertical .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1rem; width: 100%; height: 18rem;}
.aside_item .news_item.vertical .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.aside_item .news_item.vertical .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.aside_item .news_item.vertical .text_area{display: block;}
.aside_item .news_item.vertical .text_area .tit{display: block; font-size: 1.6rem; line-height: 2.5rem; word-break: keep-all; letter-spacing: -1.275px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.aside_item.pictorial .news_item .thumb{margin-bottom: 0;}
.aside_item.pictorial .news_item .text_area{position: relative; padding: 1.5rem 2rem 2rem; background: #0a1118; box-sizing: border-box;}
.aside_item.pictorial .news_item .text_area .tit{color: #fff; margin-bottom: 1rem; height: 2.5rem; -webkit-line-clamp: 1; word-break: break-all;}
.aside_item.pictorial .news_item .text_area .more span{color: #fff; font-size: 1.5rem;}
.aside_item.pictorial .news_item .text_area .more span:before{display: inline-block; clear: both; content: ""; width: 2.5rem; height: 2rem; background: url(../img/photo/pictorial_more.png) 0 50% no-repeat; background-size: 2rem; vertical-align: sub;}

.view_news_list{display: block; margin-bottom: 0rem; padding: 5rem 0; width: 100%; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #f6f6f6; box-sizing: border-box;}
.view_news_list .inner{}
.view_news_list h2{display: block; margin-bottom: 4rem; font-size: 2.3rem; font-weight: 700; text-align: center; letter-spacing: -1.725px;}
.view_news_list ul{justify-content: space-between;}
.view_news_list ul li.news_item{width: 27rem;}
.view_news_list ul li.news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1.3rem; width: 100%; height: 17.5rem;}
.view_news_list ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.view_news_list ul li.news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.view_news_list ul li.news_item .text_area{display: block;}
.view_news_list ul li.news_item .text_area .tit{display: block; width: 100%; max-height: 6.2rem; font-size: 2.1rem; line-height: 3.1rem; word-break: keep-all; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.photonews_slide{overflow: hidden; position: relative; height: 20rem;}
.photonews_slide .news_item{position: relative; float: left; width: 100%; height: 100%; background: #fff;}
.photonews_slide .news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.photonews_slide .news_item .thumb{float: left; overflow: hidden; position: relative; width: 100%; height: 100%;}
.photonews_slide .news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.photonews_slide .news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.photonews_slide .news_item .text_area{position: absolute; left: 0; bottom: 0; padding: 0 4rem; width: 100%; height: 4.5rem; background: rgba(0,0,0,0.8); z-index: 9; box-sizing: border-box;}
.photonews_slide .news_item .text_area .tit{ display: block; width: 100%; line-height: 4.5rem; color:#fff; font-size: 1.6rem; letter-spacing: -1.2px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.photonews_slide .slick-list{height: 100%;}
.photonews_slide .slick-track{height: 100%;}
.photonews_slide .slick-arrow{position: absolute; bottom: 0; width: 2rem; height: 4.5rem; text-indent: -99999px; z-index: 10;}
.photonews_slide .slick-arrow.slick-prev{left: 1rem; background: url(../img/view/side_arrow_prev.png) 50% 50% / 2rem no-repeat;}
.photonews_slide .slick-arrow.slick-next{right: 1rem;background: url(../img/view/side_arrow_next.png) 50% 50% / 2rem no-repeat;}
/* // view*/

/* list */
#container .list{padding-top: 5rem;}
.list_content .inner{padding-bottom: 15rem;}
.list_content .inner:before{display: block; clear: both; content: ""; position: absolute; right: 33rem; top: 0; width: 1px; height: 100%; background: #dfdfdf; z-index: 1;}
.list_content .article_wrap{float: left; flex-grow: 1; flex-basis: 79rem; width: 79rem; padding-right: 3rem; box-sizing: border-box;}
.list_content .asid{float: right; flex-shrink: 0; padding-left: 3rem; width: 33rem; box-sizing: border-box;}

.article_wrap .main_banner.swiper-container{position: relative; display: block; padding-bottom: 5rem; margin-bottom: 5rem; width: 100%; border-bottom: 3px double #000;}
.article_wrap .main_banner .button_wrapper{display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0; bottom: 5rem; width: 100%; z-index: 9;}
.article_wrap .main_banner .button_wrapper .button{flex-shrink: 0; margin-left: 1px; width: 3.6rem; height: 3.6rem; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; background: #fff url(../img/headline_banner_arrow.png) 50% 50% no-repeat; background-size: 2rem;}
.article_wrap .main_banner .button_wrapper .button.button-prev{transform: rotate(-180deg);}
/*.article_wrap .main_banner .button_wrapper .swiper-pagination{position: relative; bottom: 0; margin-right: 1rem; max-width: 3.6rem; font-size: 1.6rem; color:#999; letter-spacing: -3px;}
.article_wrap .main_banner .button_wrapper .swiper-pagination .swiper-pagination-current{color:#111;}*/
.article_wrap .main_banner .swiper-pagination-bullets{bottom: 5rem; text-align: right; z-index: 99;}
.article_wrap .main_banner .swiper-pagination-bullet{margin: 0 0 0 3px; width: 3rem; height: 3rem; background: #dfdfdf; cursor: pointer; text-align: center; line-height: 3rem; color:#aaaaaa; font-size: 1.5rem; opacity: 1;}
.article_wrap .main_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #232f3c; color:#fff;}
.article_wrap .main_banner .news_item{display: flex; background: #fff;}
.article_wrap .main_banner .news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.article_wrap .main_banner .news_item .thumb{float: left; flex-shrink: 0; overflow: hidden; position: relative; width: 40rem; height: 25rem;}
.article_wrap .main_banner .news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.article_wrap .main_banner .news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.article_wrap .main_banner .news_item .text_area{float: right; flex-grow: 1; margin-top: -0.8rem; padding-left: 3rem; width: 39rem; background: #fff;}
.article_wrap .main_banner .news_item .text_area .tit{ display: block; margin-bottom: 1.5rem; width: 100%; max-height: 9rem; font-size: 3rem; font-weight: 700; line-height: 4.5rem; word-break: keep-all; letter-spacing: -3.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article_wrap .main_banner .news_item .text_area .lead{display: block; margin-bottom: 1.4rem; width: 100%; max-height: 7.5rem; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none;}
.article_wrap .main_banner .news_item .text_area .date{display: flex;}
.article_wrap .main_banner .news_item .text_area .date li{position: relative; display: block; margin-right: 1.4rem; font-size: 1.4rem; color:#999999;}

.list_headline {position: relative; display: block; padding-bottom: 5rem; margin-bottom: 5rem; width: 100%; border-bottom: 3px double #000;}
.list_headline .news_item{display: flex; align-items: center; background: #fff;}
.list_headline .news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.list_headline .news_item .thumb{float: left; flex-shrink: 0; overflow: hidden; position: relative; width: 40rem; height: 25rem;}
.list_headline .news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.list_headline .news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.list_headline .news_item .text_area{float: right; flex-grow: 1; padding-left: 3rem; width: 39rem; background: #fff; box-sizing: border-box;}
.list_headline .news_item .text_area .tit{ display: block; margin-bottom: 1rem; width: 100%; max-height: 9rem; font-size: 3rem; font-weight: 500; line-height: 4.5rem; word-break: keep-all; letter-spacing: -3.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_headline .news_item .text_area .lead{display: block; width: 100%; max-height: 7.5rem; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none; color:#666;}
.list_headline .news_item .text_area .add{display: block; margin-top: 2.5rem;}
.list_headline .news_item .text_area .add li{position: relative; display: block; padding-left: 1.2rem; margin-bottom: 1rem; max-height: 2rem;}
.list_headline .news_item .text_area .add li:last-child{margin-bottom: 0;}
.list_headline .news_item .text_area .add li:before{position: absolute; left: 0; top: 1px; display: block; clear: both; content: ""; width: 3px; height: 1.4rem; background: #1ea9a6;}
.list_headline .news_item .text_area .add li a{display: block; max-height: 2rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.list_headline_thumb{padding-bottom: 4.9rem; margin-bottom: 4rem; box-sizing: border-box; border-bottom: 3px double #000;}
.list_headline_thumb ul{position: relative; margin-left: -3rem;}
.list_headline_thumb ul:before{position: absolute; right: calc(50% - 1.5rem); top: 0; display: block; clear: both; content: ""; width: 1px; height: 18rem; background: #dfdfdf;}
.list_headline_thumb ul .news_item{position: relative; float: left; width: 50%; padding-left: 3rem; box-sizing: border-box;}
.list_headline_thumb ul .news_item .thumb{position: absolute; left: 3rem; bottom: -9px; width: 16rem; height: 10rem;}
.list_headline_thumb ul .news_item .thumb:after {clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.list_headline_thumb ul .news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.list_headline_thumb ul .news_item .text_area{}
.list_headline_thumb ul .news_item .text_area .label{display: inline-block; margin-bottom: 8px; padding: 0 1rem; height: 2.5rem; border: 1px solid #20d0cc; box-sizing: border-box; text-align: center; color:#20d0cc; line-height: 2.3rem; font-weight: 500; font-size: 1.3rem;}
.list_headline_thumb ul .news_item .text_area .tit{margin-bottom: 2rem; height: 3.5rem; font-weight: 700; font-size: 2.3rem; line-height: 3.5rem; letter-spacing: -1.725px;}
.list_headline_thumb ul .news_item .text_area .lead{padding-left: 17.5rem; height: 8.4rem; font-size: 1.5rem; font-weight: 400; color:#666; line-height: 2.1rem; -webkit-line-clamp: 4;}

.list_headline_txt{padding-bottom: 4rem; margin-bottom: 4rem; box-sizing: border-box; border-bottom: 3px double #000;}
.list_headline_txt ul{position: relative;}
.list_headline_txt ul .news_item{position: relative; margin-bottom: 2.6rem; box-sizing: border-box;}
.list_headline_txt ul .news_item:last-child{margin-bottom: 0;}
.list_headline_txt ul .news_item .text_area{}
.list_headline_txt ul .news_item .text_area .label{display: inline-block; margin-bottom: 1.2rem; padding: 0 1rem; height: 2.5rem; border: 1px solid #20d0cc; box-sizing: border-box; text-align: center; color:#20d0cc; line-height: 2.3rem; font-weight: 500; font-size: 1.3rem;}
.list_headline_txt ul .news_item .text_area .tit{margin-bottom: 1.2rem; font-weight: 700; font-size: 3rem; line-height: 3.5rem; letter-spacing: -2.25px;}
.list_headline_txt ul .news_item .text_area .lead{font-size: 1.5rem; font-weight: 400; color:#666; line-height: 2.1rem; -webkit-line-clamp: 3;}

.article_wrap .news_list{min-height: 147rem; margin-bottom: 7rem;}
.article_wrap .news_list li.news_item{align-items: center; margin-bottom: 2rem; min-height: 13rem;}
.article_wrap .news_list li.news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.article_wrap .news_list li.news_item:last-child{margin-bottom: 0;}
.article_wrap .news_list li.news_item .thumb{float: left; flex-shrink: 0; overflow: hidden; position: relative; display: block; margin-right: 2rem; width: 20rem; height: 13rem;}
.article_wrap .news_list li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.article_wrap .news_list li.news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.article_wrap .news_list li.news_item .text_area{float: right; flex-grow: 1; display: block; /*padding-left: 2rem;*/ width: 59rem; /*margin-top: 1rem;*/ box-sizing: border-box;}
.article_wrap .news_list li.news_item .text_area .tit{display: block; margin-bottom: 1.5rem; width: 100%; max-height: 6.2rem; font-size: 2.1rem; line-height: 2.5rem; font-weight: 700; word-break: keep-all; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.article_wrap .news_list li.news_item .text_area .lead{display: block; margin-bottom: 1rem; width: 100%; max-height: 6.2rem; font-size: 1.5rem; line-height: 2.3rem; color: #666666; word-break: keep-all; letter-spacing: -0.7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none;}
.article_wrap .news_list li.news_item .text_area .date{display: flex;}
.article_wrap .news_list li.news_item .text_area .date li{display: block; margin-right: 0.8rem; font-size: 1.3rem; color: #999;}

.paging{display: block; width: 100%;}
.paging ul{display: flex; justify-content: center;}
.paging ul li{width: 4rem; height: 4rem; border: 1px solid #dfdfdf; border-left: none; box-sizing: border-box;}
.paging ul li:nth-child(2){border-left: 1px solid #dfdfdf;}
.paging ul li a{display: block; width: 100%; height: 100%; font-size: 1.5rem; line-height: 3.8rem; text-align: center;}
.paging ul li.on{background: #1ea9a6; border:none;}
.paging ul li.on a{color:#fff;}
.paging ul li.prev{margin-right: 1rem; border-left: 1px solid #dfdfdf;}
.paging ul li.next{margin-left: 1rem; border-left: 1px solid #dfdfdf;}
.paging ul li.prev a{background: url(../img/paging_arrow.png) 50% 50% no-repeat; box-sizing: 2rem; transform: rotate(-180deg);}
.paging ul li.next a{background: url(../img/paging_arrow.png) 50% 50% no-repeat; box-sizing: 2rem;}
h2.list_tit{display: block; height: 4rem; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px;}
h2.list_tit.search_tit{height: 4rem; height: 4.7rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -1.425px;}
h2.list_tit.search_tit span{font-weight: 700; color:#1ea9a6;}

.search_wrap{display: block; padding-top: 3rem; margin-bottom: 5rem; border-bottom: 1px solid #aaaaaa; box-sizing: border-box;}
.search_wrap .search_tit{display: block; margin-bottom: 6rem; font-size: 3.5rem; font-weight: 500; letter-spacing: -2.625px; text-align: center;}
.search_wrap .search_tit span{font-weight: 700; color:#1ea9a6;}
.search_wrap .tool{display: flex; align-items: center; padding: 3rem; border-top: 1px solid #dfdfdf; box-sizing: border-box;}
.search_wrap .tool dt{display: block; padding-right: 4rem; font-size: 1.5rem; font-weight: 700; letter-spacing: -1.125px; box-sizing: border-box;}
.search_wrap .tool dd{flex-grow: 1; display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; letter-spacing: -1.125px;}
.search_wrap .tool dd .form_radio label{line-height: 3rem;}
.search_wrap .tool dd .date_select{font-size: 0;}
.search_wrap .tool dd .date_select input{width: 11rem; height: 3rem; padding: 0 1.5rem; box-sizing: border-box;}
.search_wrap .tool dd .date_select .form_text{display: inline-block; position: relative; margin-right: 1.8rem;}
.search_wrap .tool dd .date_select .form_text:after{position: absolute; right: -1.8rem; top: 0; display: block; clear: both; content: "~"; width: 1.8rem; height: 3rem; line-height: 3rem; font-size: 1.5rem; color: #111; text-align: center;}
.search_wrap .tool dd .date_select .form_text:last-of-type{margin-right: 3.4rem;}
.search_wrap .tool dd .date_select .form_text:last-of-type:after{display: none;}
.search_wrap .tool dd .date_select .sch_button{display: inline-block; padding: 0; width: 3rem; height: 3rem; box-sizing: border-box; background: url(../img/icon_search.png) 50% 50% no-repeat; background-size: 3rem; vertical-align: bottom;}
.no_data_search{padding-top: 14rem; margin-top: 15rem; width: 100%; background: url(../img/no_data_search.png) left 50% top 0 no-repeat; background-size: 33.2rem; box-sizing: border-box;}
.no_data_search strong{display: block; margin-bottom: 3.5rem; font-size: 3.8rem; font-weight: 500; letter-spacing: -4.56px; text-align: center;}
.no_data_search strong span{font-weight: 700;}
.no_data_search p{display: block; font-size: 1.8rem; line-height: 3rem; color: #666; text-align: center; letter-spacing: -1.35px;}
/* // list*/

/*기자의눈*/
.discovery{margin-top: 5rem; margin-bottom: 15rem;}
.discovery .discovery_content{}
.discovery_head{margin-bottom: 8rem;}
.discovery_head .inner{display: block; height: 20rem; background: url(../img/discovery/discovery_tit.png) 50% 50% no-repeat; background-size: 100%;}
.discovery_tool{margin-bottom: 3rem;}
.discovery_tool .inner{display: flex; justify-content: space-between; align-items: flex-end;}
.discovery_tool .inner .sort{overflow: hidden; display: flex; align-items: center; border: 1px solid #cccccc; box-sizing: border-box; border-radius: 5px;}
.discovery_tool .inner .sort li{flex-shrink: 0; width: 12.5rem; height: 4rem;}
.discovery_tool .inner .sort li a{display: block; width: 100%; height: 100%; font-size: 1.6rem; letter-spacing: -1.2px; line-height: 4rem; text-align: center; text-decoration: none;}
.discovery_tool .inner .sort li.on{background: #159a99;}
.discovery_tool .inner .sort li.on a{color: #fff;}
.discovery_tool .inner .consonant{display: flex; align-items: center;}
.discovery_tool .inner .consonant li{position: relative; flex-grow: 1; margin-left: 2rem;}
.discovery_tool .inner .consonant li:after{position: absolute; right: -1rem; top: 8px; display: block; clear: both; content: ""; width: 2px; height: 2px; background: #cccccc; border-radius: 50%;}
.discovery_tool .inner .consonant li:last-child:after{display: none;}
.discovery_tool .inner .consonant li a{display: block; font-size: 1.6rem; }
.discovery_tool .inner .consonant li.on{}
.discovery_tool .inner .consonant li.on a{font-weight: 700; text-decoration: underline;}
.discovery_list{}
.discovery_list .inner{}
.discovery_list .inner .d_list{margin-left: -3rem;}
.discovery_list .inner .d_list li{float: left; padding-left: 3rem; margin-bottom: 3rem; width: 50%; height: 21rem; box-sizing: border-box;}
.discovery_list .inner .d_list li .list_item{position: relative; width: 100%; height: 100%; border: 1px solid #dfdfdf; border-bottom: 1px solid #bbbbbb; box-sizing: border-box;}
.discovery_list .inner .d_list li .list_item .thumb{overflow: hidden; position: absolute; left: 4rem; top: 3.5rem; width: 9rem; height: 9rem; border-radius: 50%; border: 1px solid #f2f2f2;}
.discovery_list .inner .d_list li .list_item .thumb img{width: 100%; height: 100%;}
.discovery_list .inner .d_list li .list_item .text_area{padding-top: 4rem; padding-left: 15rem; padding-right: 6rem;}
.discovery_list .inner .d_list li .list_item .text_area a{display: block;}
.discovery_list .inner .d_list li .list_item .text_area a.name{margin-bottom: 1.5rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -1.65px; text-decoration: none;}
.discovery_list .inner .d_list li .list_item .text_area a.name span{margin-left: 6px; font-size: 1.6rem; font-weight: 500;}
.discovery_list .inner .d_list li .list_item .text_area a.tit{position: relative; padding-left: 1rem; height: 5.2rem; font-size: 1.8rem; line-height: 2.5rem; letter-spacing: -1.35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.discovery_list .inner .d_list li .list_item .text_area a.tit:before{position: absolute; left: 0; top: 1.2rem; display: block; clear: both; content: ""; width: 2px; height: 2px; background: #000;}
.discovery_list .inner .d_list li .list_item .btn_area{position: absolute; left: 0; bottom: 0; display: flex; width: 100%; border-top: 1px solid #dfdfdf; box-sizing: border-box;}
.discovery_list .inner .d_list li .list_item .btn_area a{float: left; padding: 1.9rem 0; width: 50%;}
.discovery_list .inner .d_list li .list_item .btn_area a span{display: block; font-size: 1.6rem; letter-spacing: -1.2px; text-align: center;}
.discovery_list .inner .d_list li .list_item .btn_area a.more{border-right: 1px solid #dfdfdf;}
.discovery_list .inner .d_list li .list_item .btn_area a.mail{}
.discovery_list .inner .d_list li .list_item .btn_area a.more span:before{display: inline-block; clear: both; content: ""; margin-right: 1rem; width: 2rem; height: 2rem; background: url(../img/discovery/icon_more.png) 50% 50% no-repeat; background-size: 2rem; vertical-align: sub;}
.discovery_list .inner .d_list li .list_item .btn_area a.mail span:before{display: inline-block; clear: both; content: ""; margin-right: 1rem; width: 2rem; height: 2rem; background: url(../img/discovery/icon_mail.png) 50% 50% no-repeat; background-size: 2rem; vertical-align: sub;}
.discovery_list .paging{margin-top: 4rem;}

.discovery_list_head{margin-bottom: 8rem;}
.discovery_list_head .inner{display: flex; align-items: center; position: relative; padding-left: 5rem; height: 15rem; background: url(../img/discovery/discovery_list_bg.png) 50% 50% no-repeat; background-size: 100%; box-sizing: border-box;}
.discovery_list_head .inner .thumb{overflow: hidden; width: 11rem; height: 11rem; border-radius: 50%; }
.discovery_list_head .inner .thumb img{width: 100%; height: 100%;}
.discovery_list_head .inner .text_area{padding-left: 3rem;}
.discovery_list_head .inner .text_area .name{font-size: 4rem; font-weight: 700; letter-spacing: -3px; text-decoration: none; cursor: default;}
.discovery_list_head .inner .text_area .name span{margin-left: 1.2rem; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.9px;}
.discovery_list_head .inner .mail{position: absolute; right: 5rem; top: 5rem; width: 16rem; height: 5rem; background: #159a99; text-decoration: none;}
.discovery_list_head .inner .mail span{display: block; width: 100%; height: 100%; line-height: 5rem; color:#fff; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px; text-align: center;}
.discovery_aside_list{}
.discovery_aside_list .side_tit{margin-bottom: 2rem; height: 3.3rem; border-bottom: 1px solid #000;}
.discovery_aside_list ul{padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ccc;}
.discovery_aside_list ul:last-of-type{margin-bottom: 0; border-bottom: none;}
.discovery_aside_list ul li.news_item{align-items: center; margin-bottom: 1.5rem;}
.discovery_aside_list ul li.news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.discovery_aside_list ul li.news_item:last-child{margin-bottom: 0;}
.discovery_aside_list ul li.news_item .thumb{float: left; flex-shrink: 0; position: relative; overflow: hidden; margin-right: 1.5rem; width: 7rem; height: 7rem; border-radius: 50%;}
.discovery_aside_list ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; border-radius: 50%;}
.discovery_aside_list ul li.news_item .thumb img{height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.discovery_aside_list ul li.news_item .text_area {float: right; width: 21.5rem;}
.discovery_aside_list ul li.news_item .text_area .name{display: block; margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; text-decoration: none; color:#1eaaa7;}
.discovery_aside_list ul li.news_item .text_area .tit{display: block; max-height: 5rem; font-size: 1.6rem; line-height: 2.5rem; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
/* //기자의눈*/

/*1분뉴스*/
.newsquick{margin-top: 5rem; margin-bottom: 20rem;}
.newsquick .newsquick_content{}
.newsquick_head{margin-bottom: 8rem;}
.newsquick_head .inner{display: block; height: 16rem; background: url(../img/newsquick/newsquick_tit.png) 50% 50% no-repeat; background-size: 100%;}
.newsquick_tool{margin-bottom: 5rem;}
.newsquick_tool .date_select{display: flex; align-items: center; justify-content: center; margin-bottom: 7rem;}
.newsquick_tool .date_select li{}
.newsquick_tool .date_select li a{display: block; width: 100%; height: 100%;}
.newsquick_tool .date_select li.date{margin-left: 2.5rem; margin-right: 1.5rem;}
.newsquick_tool .date_select li.date span{display: block; line-height: 4rem; font-size: 3.5rem;}

.newsquick_tool .date_select li.calendar{position: relative; margin-right: 2.5rem; width: 4rem; height: 4rem; background: url(../img/newsquick/icon_date.png) 50% 50% no-repeat; background-size: 4rem;}
.newsquick_tool .date_select li.calendar input{height: 100%; width: 100%; opacity: 0;}
.newsquick_tool .date_select li.calendar .ui-datepicker-trigger{position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: transparent; padding: 0; font-size: 0;}
.newsquick_tool .date_select li.calendar .ui-datepicker-trigger img{display: none;}
.ui-datepicker{width: 31rem; box-sizing: border-box; box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);}
.ui-widget-content{/*margin-top: 5.8rem; */ margin-top: 2rem; padding: 0; border: 1px solid #ccc; border-top: 3px solid #000; background: #fff; border-radius: 4px;}
.ui-widget-header{padding: 0; border-radius: 0; background: #fff;}
.ui-datepicker-title{text-align: center;}
.ui-datepicker .ui-datepicker-header{padding: 0; margin-top: 3rem; margin-bottom: 1rem; border: none;}
.ui-datepicker-year, .ui-datepicker-month{font-size: 2.8rem; font-weight: 500;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position: absolute; width: 2rem; height: 2rem; top: 3.5rem; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev{left: 7rem;}
.ui-datepicker .ui-datepicker-next{right: 7rem;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; left: 0; top: 0; margin: 0; width: 100%; height: 100%; font-size: 0;}
.ui-datepicker .ui-datepicker-prev span{background: url(../img/newsquick/icon_date_prev.png) 50% 50% no-repeat; background-size: 2rem;}
.ui-datepicker .ui-datepicker-next span{background: url(../img/newsquick/icon_date_next.png) 50% 50% no-repeat; background-size: 2rem;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: none; background: #fff;}
.ui-datepicker table{margin: 0 auto 2rem auto; width: calc(100% - 3rem); font-size: 1.6rem;}
.ui-datepicker th{padding: 0; height: 4rem; font-weight: 500;}
.ui-datepicker td{padding: 0; height: 4rem;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{display: block; padding: 0; width: 100%; height: 100%; border: none; line-height: 4rem; background: #fff;}
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #000; color:#fff;}*/
.ui-datepicker-current-day .ui-state-active{background: #000; color:#fff;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center;}
.ui-datepicker .ui-datepicker-buttonpane{position: absolute; right: 1.5rem; top: 1.5rem; margin: 0; padding: 0; width: 2rem; height: 2rem; border: none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{display: none;}
.ui-datepicker .ui-datepicker-buttonpane button{margin: 0; padding: 0; width: 100%; height: 100%; background: url(../img/newsquick/icon_date_close.png) 50% 50% no-repeat; background-size: 2rem;}

.newsquick_tool .date_select li.btn{width: 4rem; height: 4rem; background-size: 4rem;}
.newsquick_tool .date_select li.btn.prev{background: url(../img/newsquick/icon_prev.png) 50% 50% no-repeat;}
.newsquick_tool .date_select li.btn.next{background: url(../img/newsquick/icon_next.png) 50% 50% no-repeat;}
.newsquick_tool .date_tab{}
.newsquick_tool .date_tab li{float: left; margin-right: 1rem; width: 57rem; height: 6rem; border: 1px solid #cccccc; box-sizing: border-box;}
.newsquick_tool .date_tab li:last-child{margin-right: 0;}
.newsquick_tool .date_tab li a{display: block; width: 100%; height: 100%; font-size: 2rem; color:#888; text-align: center; font-weight: 700; line-height: 6rem; text-decoration: none;}
.newsquick_tool .date_tab li.on{border: 2px solid #565fe0;}
.newsquick_tool .date_tab li.on a{color: #565fe0;}
.newsquick_list .news_list{margin-bottom: 7rem;}
.newsquick_list .news_list li.news_item{position: relative; align-items: center; margin-bottom: 5rem; padding-bottom: 5rem; border-bottom: 1px solid #ddd;}
.newsquick_list .news_list li.news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.newsquick_list .news_list li.news_item:last-child{margin-bottom: 0;}
.newsquick_list .news_list li.news_item .thumb{float: left; flex-shrink: 0; overflow: hidden; position: relative; display: block; width: 25rem; height: 16rem;}
.newsquick_list .news_list li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.newsquick_list .news_list li.news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.newsquick_list .news_list li.news_item .text_area{position: relative; float: left; flex-grow: 1; display: block; padding-left: 3rem; padding-right: 13rem; /*margin-top: 1rem;*/ box-sizing: border-box;}
.newsquick_list .news_list li.news_item .text_area .label{position: absolute; left: 3rem; top: -7px; display: inline-block; padding: 0; width: 4rem; height: 4rem; background: #565fe0; font-size: 1.8rem; color:#fff; line-height: 4rem; box-sizing: border-box; text-align: center; }
.newsquick_list .news_list li.news_item .text_area .tit{display: block; padding-left: 5.5rem; margin-bottom: 2.5rem; width: 100%; max-height: 6.2rem; font-size: 2.1rem; line-height: 2.5rem; font-weight: 700; word-break: keep-all; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box; text-decoration: none;}
.newsquick_list .news_list li.news_item .text_area .lead{display: block; width: 100%; max-height: 6.2rem; font-size: 1.4rem; line-height: 2.1rem; color: #666666; word-break: keep-all; letter-spacing: -0.7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none;}
.newsquick_list .news_list li.news_item .text_area .date{display: flex;}
.newsquick_list .news_list li.news_item .text_area .date li{display: block; margin-right: 0.8rem; font-size: 1.4rem; color: #999;}
.newsquick_list .news_list li.news_item .share_btn{position: absolute; right: 0; top: 4.5rem; right: 0; width: 7rem; height: 7rem; background: #fff url(../img/newsquick/icon_share.png) 50% 50% no-repeat; background-size: 7rem;}
.newsquick_list .news_list li.news_item:first-child .text_area .label{ margin-bottom: 1.8rem; padding: 0 1rem; height: 3rem; margin-bottom: 1.8rem; padding: 0 1rem; height: 3rem; position: relative; left: auto; top: auto; display: inline-block; width: auto; line-height: 3rem;}
.newsquick_list .news_list li.news_item:first-child .text_area .tit{padding-left: 0; margin-bottom: 1.5rem;}
.newsquick_list .no_data{padding: 10rem 0; width: 100%; }
.newsquick_list .no_data p{display: block; padding-top: 15rem; background: url(../img/newsquick/icon_warning.png) left 50% top 0 no-repeat; background-size: 11rem; font-size: 3.8rem; text-align: center; letter-spacing: -4.56px;}
.newsquick_list .no_data p strong{font-weight: 700;}
/* //1분뉴스*/

/* 포토뉴스 */
.photo_main{margin-top: 4rem; margin-bottom: 15rem;}
.photo_main .component{margin-bottom: 4rem;}
.photo_main .component:last-of-type{margin-bottom: 0;}
.photo_top {}
.photo_top .inner {overflow: hidden; padding-bottom: 8.5rem; border-bottom: 3px double #000;}
.photo_top .photo_banner .thumb{overflow: hidden; position: relative; display: block; width: 100%; height: 100%;}
.photo_top .photo_banner .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.photo_top .photo_banner .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.photo_top .photo_banner .text_area{position: absolute; left: 0; bottom: -4.3rem; width: 100%;}
.photo_top .photo_banner .text_area .tit{display: block; font-weight: 700; font-size: 2.3rem; text-align: center; word-break: keep-all; letter-spacing: -1.725px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.photo_top .photo_banner.swiper-container{overflow: visible; height: 34rem;}
.photo_top .photo_banner .swiper-wrapper{align-items: center;}
.photo_top .photo_banner .swiper-slide{height: 27rem; /*transform: scale(0.8);*/ transition: .3s;}
/*.photo_top .photo_banner .swiper-slide .thumb:after{background: rgba(255,255,255,0.4); border: none; opacity: 1;}*/
.photo_top .photo_banner .swiper-slide .text_area{opacity: 0;}
.photo_top .photo_banner .swiper-slide.swiper-slide-active{height: 34rem;}
.photo_top .photo_banner .swiper-slide.swiper-slide-active .text_area{opacity: 1;}
.photo_top .photo_banner .swiper-slide.swiper-slide-active .thumb:after{background: none; border: 1px solid #000; opacity: 0.1;}
.photo_top .photo_banner .button{position: absolute; top: 50%; width: 7.5rem; height: 7.5rem; background-size: 3rem; transform: translateY(-50%); z-index: 99; cursor: pointer; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);}
.photo_top .photo_banner .button.button-prev{left: 1rem; background: #fff url(../img/photo/photo_main_banner_prev.png) 50% 50% no-repeat;}
.photo_top .photo_banner .button.button-next{right: 1rem; background: #fff url(../img/photo/photo_main_banner_next.png) 50% 50% no-repeat;}
.photo_main .column_tit{display: block; height: 4rem; font-size: 2rem; font-weight: 700; letter-spacing: -1.5px;}
.photo_main .column_tit a{display: inline-block; font-size: 2rem; font-weight: 700; letter-spacing: -1.5px;}
.photo_main .column_tit a i{display: inline-block; clear: both; content: ""; width: 2rem; height: 2rem; background: url(../img/headline_banner_arrow.png) no-repeat; background-size: 2rem; vertical-align: bottom;}
.photo_list_04{}
.photo_list_04 ul{ margin-left: -2.3rem; }
.photo_list_04 ul li.news_item{float: left; width: 25%; padding-left: 2.3rem; box-sizing: border-box;}
.photo_list_04 ul li.news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1.5rem; width: 100%; height: 17rem;}
.photo_list_04 ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.photo_list_04 ul li.news_item .thumb img{    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;}
.photo_list_04 ul li.news_item .text_area{}
.photo_list_04 ul li.news_item .text_area .tit{ display: block; max-height: 5.6rem; width: 100%; font-size: 1.9rem; line-height: 2.8rem; word-break: keep-all; letter-spacing: -1.425px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.photo_list_02{}
.photo_list_02 .column_01{float: left; width: 50%; padding-right: 1.15rem; box-sizing: border-box;}
.photo_list_02 .column_02{float: right; width: 50%; padding-left: 1.15rem; box-sizing: border-box;}
.photo_list_02 ul{ margin-left: -2.3rem; }
.photo_list_02 ul li.news_item{float: left; width: 50%; padding-left: 2.3rem; box-sizing: border-box;}
.photo_list_02 ul li.news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1.5rem; width: 100%; height: 17rem;}
.photo_list_02 ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.photo_list_02 ul li.news_item .thumb img{    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;}
.photo_list_02 ul li.news_item .text_area{}
.photo_list_02 ul li.news_item .text_area .tit{ display: block; max-height: 5.6rem; width: 100%; font-size: 1.9rem; line-height: 2.8rem; word-break: keep-all; letter-spacing: -1.425px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.photo_list_05{}
.photo_list_05 ul{ margin-left: -1.3rem; }
.photo_list_05 ul li.news_item{float: left; width: 20%; padding-left: 1.3rem; box-sizing: border-box;}
.photo_list_05 ul li.news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 2rem; width: 100%; height: 13.5rem;}
.photo_list_05 ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.photo_list_05 ul li.news_item .thumb img{    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;}
.photo_list_05 ul li.news_item .text_area{}
.photo_list_05 ul li.news_item .text_area .label{display: inline-block; padding: 5px 7px; margin-bottom: 1rem; color: #fff; font-size: 1.3rem; letter-spacing: -0.975px; background: #232f3c; text-decoration: none;}
.photo_list_05 ul li.news_item .text_area .tit{ display: block; max-height: 5.6rem; width: 100%; font-size: 1.6rem; line-height: 2.5rem; word-break: keep-all; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.component.pictorial{padding: 5rem 0 10rem; background: #232f3c; color:#fff;}
.component.pictorial .column_tit a{color:#fff;}
.component.pictorial .column_tit a i{display: inline-block; clear: both; content: ""; width: 2rem; height: 2rem; background: url(../img/aju_tv_arrow.png) no-repeat; background-size: 2rem; vertical-align: bottom;}
.component.pictorial .column_01{overflow: hidden; float: left; width: 54rem; box-sizing: border-box;}
.component.pictorial .column_02{overflow: hidden; float: right; width: 57.5rem; box-sizing: border-box;}
.component.pictorial .pictorial_banner_01{padding: 0 3rem; background: #0a1118; box-sizing: border-box; z-index: 0;}
.component.pictorial .pictorial_banner_01 .swiper-slide{overflow: hidden; height: 7.5rem; cursor: pointer;}
.component.pictorial .pictorial_banner_01 .swiper-slide img{position: absolute;left: 50%;top: 0;transform: translate(-50%, 0); min-height: 100%; width: 100%;}
.component.pictorial .pictorial_banner_01 .swiper-slide.swiper-slide-thumb-active{border: 6px solid #fff; box-sizing: border-box;}

.component.pictorial .pictorial_banner_02{overflow: visible; margin-bottom: 2rem;}
.component.pictorial .pictorial_banner_02 .swiper-wrapper{}
.component.pictorial .pictorial_banner_02 .swiper-slide{overflow: hidden; height: 34rem;}
.component.pictorial .pictorial_banner_02 .swiper-slide .thumb{display: block; position: relative; width: 100%; height: 100%;}
.component.pictorial .pictorial_banner_02 .swiper-slide .thumb img{position: absolute;left: 50%;top: 0;transform: translate(-50%, 0); height: 100%;}
.component.pictorial .pictorial_banner_02 .swiper-slide .text_area{position: absolute; left: 0; bottom: 0; padding: 2.8rem 3rem 0; width: 100%; height: 7.5rem; background: rgba(0,0,0,0.8); box-sizing: border-box;}
.component.pictorial .pictorial_banner_02 .swiper-slide .text_area .tit{display: block; height: 1.9rem; font-size: 1.9rem; letter-spacing: -1.425px; font-weight: 700; color:#fff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.component.pictorial .pictorial_banner_02 .button{position: absolute; bottom: -9.5rem; width: 3rem; height: 7.5rem; background-size: 1rem; z-index: 999; cursor: pointer;}
.component.pictorial .pictorial_banner_02 .button.button-prev{left: 0; background: #0a1118 url(../img/photo/pictorial_prev.png) 50% 50% no-repeat;}
.component.pictorial .pictorial_banner_02 .button.button-next{right:0; background: #0a1118 url(../img/photo/pictorial_next.png) 50% 50% no-repeat;}

.component.pictorial .column_02 ul{ margin-left: -1.5rem; }
.component.pictorial .column_02 ul li{position: relative; float: left; width: 50%; padding-left: 1.5rem; margin-bottom: 1.5rem; box-sizing: border-box;}
.component.pictorial .column_02 ul li .news_item{position: relative; overflow: hidden;}
.component.pictorial .column_02 ul li .news_item .thumb{overflow: hidden; position: relative; display: block; width: 100%; height: 21rem;}
.component.pictorial .column_02 ul li .news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.component.pictorial .column_02 ul li .news_item .thumb img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%; width: auto;}
.component.pictorial .column_02 ul li .news_item .text_area{position: absolute; left: 0; top: 21rem; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 8rem 3rem 0; box-sizing: border-box; transition: .3s;}
.component.pictorial .column_02 ul li .news_item .text_area .tit{ display: block; text-align: center; color: #fff; max-height: 5.6rem; width: 100%; font-size: 1.9rem; line-height: 2.8rem; word-break: keep-all; letter-spacing: -1.425px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.component.pictorial .column_02 ul li .news_item .more{position: absolute; right: 4px; bottom: 4px; width: 5.5rem; height: 3.5rem; background: rgba(0,0,0,0.8); text-align: center; }
.component.pictorial .column_02 ul li .news_item .more span{display: inline-block; color:#fff; font-size: 1.5rem; letter-spacing: -1.125px; line-height: 3.5rem;}
.component.pictorial .column_02 ul li .news_item .more span:before{display: inline-block; clear: both; content: ""; width: 2.5rem; height: 2rem; background: url(../img/photo/pictorial_more.png) 0 50% no-repeat; background-size: 2rem; vertical-align: sub;}
.component.pictorial .column_02 ul li:hover .news_item .text_area{top:0;}
.component.pictorial .column_02 ul li:hover .news_item .more{display: none;}

.list .photo_list_01{ margin-left: -3.5rem; margin-bottom: 2rem;}
.list .photo_list_01 li.news_item{float: left; width: 33.3333%; padding-left: 3.5rem; margin-bottom: 4.5rem; box-sizing: border-box;}
.list .photo_list_01 li.news_item .thumb{overflow: hidden; position: relative; display: block; margin-bottom: 1rem; width: 100%; height: 15rem;}
.list .photo_list_01 li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.list .photo_list_01 li.news_item .thumb img{    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;}
.list .photo_list_01 li.news_item .text_area{}
.list .photo_list_01 li.news_item .text_area .label{display: inline-block; padding: 5px 7px; margin-bottom: 1rem; color: #fff; font-size: 1.3rem; letter-spacing: -0.975px; background: #232f3c; text-decoration: none;}
.list .photo_list_01 li.news_item .text_area .tit{ display: block; height: 5.6rem; width: 100%; font-size: 1.9rem; line-height: 2.8rem; word-break: keep-all; letter-spacing: -1.425px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.list .photo_list_02{}
.list .photo_list_02 .photo_slide_wrap{overflow: hidden; margin-bottom: 3rem; padding: 3rem; border: 1px solid #dcdcdc; box-sizing: border-box;}
.list .photo_list_02 .photo_slide_wrap .photo_slide_head{position: relative; padding-right: 4rem; margin-bottom: 3rem; height: 4.2rem; border-bottom: 1px dashed #cccccc; box-sizing: border-box;}
.list .photo_list_02 .photo_slide_wrap .photo_slide_head .tit{display: block; font-size: 2.1rem; font-weight: 700; letter-spacing: -1.575px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list .photo_list_02 .photo_slide_wrap .photo_slide_head .num{position: absolute; right: 0; top: 0;}
.list .photo_list_02 .photo_slide_wrap .photo_slide_head .num span{display: inline-block; color:#111; font-size: 1.5rem; letter-spacing: -1.125px;}
.list .photo_list_02 .photo_slide_wrap .photo_slide_head .num span:before{display: inline-block; clear: both; content: ""; width: 2.5rem; height: 2rem; background: url(../img/photo/pictorial_more_02.png) 0 50% no-repeat; background-size: 2rem; vertical-align: sub;}

.list .photo_list_02 .photo_slide_wrap .photo_slide_con{position: relative;}
.list .photo_list_02 .photo_slide_wrap .swiper-container{overflow: visible;}
.list .photo_list_02 .photo_slide_wrap .swiper-container:after{position: absolute; right: -3rem; top: 0; display: block; clear: both; content: ""; width: 3rem; height: 100%; background: #fff; z-index: 9;}
.list .photo_list_02 .photo_slide_wrap .swiper-container:before{position: absolute; left: -3rem; top: 0; display: block; clear: both; content: ""; width: 3rem; height: 100%; background: #fff; z-index: 9;}
.list .photo_list_02 .photo_slide_wrap .photo_slide{}
.list .photo_list_02 .photo_slide_wrap .photo_slide .thumb{overflow: hidden; position: relative; display: block; width: 100%; height: 14.5rem;}
.list .photo_list_02 .photo_slide_wrap .photo_slide .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.list .photo_list_02 .photo_slide_wrap .photo_slide .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.list .photo_list_02 .photo_slide_wrap .button{position: absolute; top: 50%; width: 5.6rem; height: 5.6rem; z-index: 99; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%); transform: translateY(-50%); cursor: pointer; z-index: 99; transition: .3s; opacity: 0;}
.list .photo_list_02 .photo_slide_wrap:hover .button{opacity: 1;}
.list .photo_list_02 .photo_slide_wrap .button.button-prev{left: -2rem; background: rgba(255,255,255,0.85) url(../img/photo/photo_main_banner_prev.png) 50% 50% no-repeat;}
.list .photo_list_02 .photo_slide_wrap .button.button-next{right:-2rem; background: rgba(255,255,255,0.85) url(../img/photo/photo_main_banner_next.png) 50% 50% no-repeat;}

/* // 포토뉴스 */

/*사이트맵*/
.site_map{margin-top: 5rem; margin-bottom: 20rem;}
.page_tit{display: block; height: 5rem; font-size: 3rem; font-weight: 500; letter-spacing: -0.9px;}
.site_map_top {}
.site_map_top .inner{padding-bottom: 5rem; border-bottom: 3px double #cccccc; box-sizing: border-box;}
.site_map .archive_loacation{display: flex; align-items: center; height: 10rem; border-top: 1px solid #cccccc;}
.site_map .archive_loacation li{position: relative; margin-left: 3rem;}
.site_map .archive_loacation li:before{position: absolute; left: -1.9rem; top: 2px; display: block; clear: both; content: ""; width: 1rem; height: 1.6rem; background: url(../img/site_map_arrow.png) no-repeat; background-size: 1rem;}
.site_map .archive_loacation li:first-child{margin-left: 0;}
.site_map .archive_loacation li:first-child:before{display: none;}
.site_map .archive_loacation li a{display: block; font-size: 1.8rem; font-weight: 500; letter-spacing: -1.35px;}
.site_map .archive_loacation li.refresh_btn{margin-left: 1.5rem; width: 2.3rem; height: 2.3rem; background: #fff url(../img/icon_refresh.png) 50% 50% no-repeat; background-size: 1.4rem; border: 1px solid #999; border-radius: 1px;}
.site_map .archive_loacation li.refresh_btn:before{display: none;}
.site_map .archive_loacation li.refresh_btn a{display: block; width: 100%; height: 100%;}
.site_map .archive_select_list ul{display: block; margin-bottom: 5px; box-sizing: border-box; border-radius: 1rem}
.site_map .archive_select_list ul:last-child{margin-bottom: 0;}
.site_map .archive_select_list ul li{float: left; width: 8.3333%; height: 6rem; border: 1px solid #ccc; border-right: none; box-sizing: border-box;}
.site_map .archive_select_list ul li:first-child{border-radius: 7px 0 0 7px;}
.site_map .archive_select_list ul li:last-child{border-right: 1px solid #ccc; border-radius: 0 7px 7px 0;}
.site_map .archive_select_list ul li a{display: block; width: 100%; height: 100%; font-size: 1.4rem; line-height: 5.8rem; text-align: center;}
.site_map .archive_select_list ul li.on{background: #111;}
.site_map .archive_select_list ul li.on a{color: #fff; font-weight: 700;}
.site_map .site_map_list{}
.site_map .site_map_list ul{margin-top: 5rem;}
.site_map .site_map_list ul li{display: block; margin-bottom: 2rem;}
.site_map .site_map_list ul li a{display: inline-block; font-size: 1.9rem; letter-spacing: -1.425px; vertical-align: middle;}
.site_map .site_map_list ul li .label{display: inline-block; margin-left: 1rem; padding: 0 1rem; height: 2.5rem; border: 1px solid #dfdfdf; font-size: 1.3rem; letter-spacing: -0.975px; line-height: 2.3rem; box-sizing: border-box;     vertical-align: text-top;}
.site_map .site_map_list ul li:hover a{font-weight: 700;}
.site_map .site_map_list ul li:hover .label{background: #333; border: 1px solid #333; color:#fff;}
/* // 사이트맵*/

/*공지사항*/
.notice{margin-top: 5rem; margin-bottom: 20rem;}
.notice .component{}
.notice .component .notice_list_wrap{border-top: 3px double #cccccc; margin-bottom: 7rem;}
.notice .component .notice_list_wrap dl{border-bottom: 1px solid #e5e5e5;}
.notice .component .notice_list_wrap dl dt{display: flex; justify-content: space-between; align-items: center; padding: 2.7rem 5rem 2.7rem 3rem; box-sizing: border-box;}
.notice .component .notice_list_wrap dl dt a{flex-grow: 1; text-decoration: none;}
.notice .component .notice_list_wrap dl dt a .tit{display: inline-block; max-width: 85%; font-size: 1.9rem; font-weight: 500; vertical-align: middle; line-height: 1.5;}
.notice .component .notice_list_wrap dl dt a .label{display: inline-block; margin-right: 1rem; padding: 0 6px; height: 2.4rem; background: #232f3c; color: #fff; font-size: 1.3rem; letter-spacing: -0.975px; line-height: 2.4rem; vertical-align: middle;}
.notice .component .notice_list_wrap dl dt a .label.event{background: #f54c01;}
.notice .component .notice_list_wrap dl dt a .date{font-size: 1.5rem;}
.notice .component .notice_list_wrap dl dd{display: none; position: relative; padding: 6rem; background: #f6f6f6; box-sizing: border-box;}
.notice .component .notice_list_wrap dl dd p{display: block; font-size: 1.7rem; line-height: 3.5rem;}
.notice .component .notice_list_wrap dl dd .close_btn{position: absolute; right: 3rem; top: 3rem; width: 6rem; height: 6rem; background: #fff url(../img/notice_close.png) 50% 50% no-repeat; border: 1px solid #dfdfdf; box-sizing: border-box;}
.notice .component .tab_button{display: block; margin-bottom: 2rem; font-size: 0; }
.notice .component .tab_button li{display: inline-block; margin-right: 1rem; height: 4.5rem;}
.notice .component .tab_button li a{display: block; padding: 0 3.5rem; width: 100%; height: 100%; border: 1px solid #dfdfdf; box-sizing: border-box; line-height: 4.3rem; color:#666; font-size: 1.5rem; font-weight: 700; letter-spacing: -1.125px;}
.notice .component .tab_button li.on{}
.notice .component .tab_button li.on a{background: #111; border: 1px solid #111; color:#fff;}
/* // 공지사항*/

/*이벤트*/
.conference{margin-top: 5rem; padding-bottom: 20rem;}
.conference .conference_cont{}
.conference .cfrc_lst .menu_year{display: flex; align-items: center; margin-bottom: 3rem; width: 100%;}
.conference .cfrc_lst .menu_year li{flex-grow: 1; text-align: center; height: 6rem; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #109675; box-sizing: border-box;}
.conference .cfrc_lst .menu_year li:first-child{border-left: 1px solid #dfdfdf;}
.conference .cfrc_lst .menu_year li a{display: block; width: 100%; height: 100%; line-height: 5.8rem; font-size: 1.8rem;}
.conference .cfrc_lst .menu_year li a:hover{color:#109675; text-decoration: none;}
.conference .cfrc_lst .menu_year li.on{border: 1px solid #109675; background: #109675;}
.conference .cfrc_lst .menu_year li.on a{color:#fff;}
.conference .cfrc_lst .cfrc_lst_wrap{margin-left: -2rem;}
.conference .cfrc_lst .cfrc_lst_wrap:after{content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.conference .cfrc_lst .cfrc_lst_wrap li{float: left; padding-left: 2rem; margin-bottom: 2rem; width: 33.3333%; box-sizing: border-box;}
.conference .cfrc_lst .cfrc_lst_wrap li .thumb{overflow: hidden; display: block; width: 100%; height: 12.5rem; box-sizing: border-box;}
.conference .cfrc_lst .cfrc_lst_wrap li .thumb img{width: 100%;}
.conference .cfrc_lst .cfrc_lst_wrap li .txt_area{position: relative; padding: 2rem 8.5rem 0 3rem; height: 15.5rem; border: 1px solid #dfdfdf; border-top: none; box-sizing: border-box;}
.conference .cfrc_lst .cfrc_lst_wrap li .txt_area .tit{display: block; margin-bottom: 1rem; font-size: 1.8rem; line-height: 2.3rem; word-break: keep-all;}
.conference .cfrc_lst .cfrc_lst_wrap li .txt_area .date{display: block; font-size: 1.5rem; color:#666;}
.conference .cfrc_lst .cfrc_lst_wrap li .txt_area .state{position: absolute; right: 3rem; top: 2.6rem; width: 5.3rem; height: 5.3rem; line-height: 5.3rem; font-size: 1.2rem; color: #fff; text-align: center; background: #999; border-radius: 50%;}
.conference .cfrc_lst .cfrc_lst_wrap li .txt_area .state.ongoing{background: #f43c01;}
.conference .cfrc_lst .cfrc_lst_wrap li .btn_link2, .conference .cfrc_lst .cfrc_lst_wrap li .btn_link{display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 5rem; border-top: 1px solid #eee; box-sizing: border-box;}
.conference .cfrc_lst .cfrc_lst_wrap li .btn_link2 a, .conference .cfrc_lst .cfrc_lst_wrap li .btn_link a{flex-grow: 1; height: 100%; border-right: 1px solid #eee; font-size: 1.5rem; color:#333; line-height: 5rem; text-align: center;}
.conference .cfrc_lst .cfrc_lst_wrap li .btn_link2 a:last-of-type, .conference .cfrc_lst .cfrc_lst_wrap li .btn_link a:last-of-type{border-right: none;}
.conference .cfrc_lst .cfrc_lst_wrap li .btn_link2 a em, .conference .cfrc_lst .cfrc_lst_wrap li .btn_link a em{display: inline-block; width: 6px; height: 11px; margin-left: 5px; background: url(https://image.ajunews.com/images/site/img/ajunews/icon_all.png) -180px -170px no-repeat;}
/* // 이벤트*/

/*환율 가상화폐*/
.market_article_list_wrap{padding-bottom: 5rem; margin-bottom: 8rem; border-bottom: 3px double #000; box-sizing: border-box;}
.market_article_list_wrap ul li.news_item{align-items: center; margin-bottom: 2rem;}
.market_article_list_wrap ul li.news_item:last-child{margin-bottom: 0;}
.market_article_list_wrap ul li.news_item .thumb{float: left; flex-shrink: 0; position: relative; overflow: hidden; width: 27rem; height: 17rem;}
.market_article_list_wrap ul li.news_item .thumb img{height: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.market_article_list_wrap ul li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.market_article_list_wrap ul li.news_item .text_area{float: right; padding-left: 3.2rem; box-sizing: border-box;}
.market_article_list_wrap ul li.news_item .text_area .label{display: table; margin-bottom: 1rem; padding: 0 1rem; height: 2.5rem; box-sizing: border-box; line-height: 2.5rem; font-size: 1.4rem; text-align: center; background: #232f3c; color:#fff;}
.market_article_list_wrap ul li.news_item .text_area .tit{position: relative; margin-bottom: 7px; height: 3rem; font-size: 2rem; line-height: 3rem; letter-spacing: -1.5px;}
.market_article_list_wrap ul li.news_item .text_area .lead{margin-bottom: 1rem; height: 42px;font-size: 1.5rem;font-weight: 400;line-height: 2.1rem;color: #888;letter-spacing: -0.45px;}
.market_article_list_wrap ul li.news_item .text_area .date{display: flex;}
.market_article_list_wrap ul li.news_item .text_area .date li{position: relative; display: block; margin-right: 1.4rem; font-size: 1.4rem; color:#999999;}

.market_tabel_wrap .tab_button{display: flex; margin-bottom: 3rem;}
.market_tabel_wrap .tab_button li{width: 12.5rem; height: 5rem; border: 1px solid #dfdfdf; box-sizing: border-box;}
.market_tabel_wrap .tab_button li a{display: block; width: 100%; height: 100%; line-height: 4.8rem; text-align: center; color:#999; font-size: 1.5rem; letter-spacing: -1.125px; }
.market_tabel_wrap .tab_button li.on{border: 1px solid #232f3c; background: #232f3c;}
.market_tabel_wrap .tab_button li.on a{color:#fff;}

.market_table{position: relative;}
.market_table .p_txt{position: absolute; right: 0; top: -4.5rem; display: block; color:#666666; font-size: 1.3rem;}
.market_table table { width:100%; margin:10px 0 50px; }
.market_table table caption { display:none; }
.market_table table thead { background:#232f3c; }
.market_table table thead th { height:5rem; font-size:14px; color:#fff; font-weight: 400; border:1px solid #4f5963; }
.market_table table thead .tr1 th { border-top:none; }
.market_table table thead .tr1 th a:after { content:''; display:inline-block; margin-left: 5px; margin-bottom: -2px; width:1.1rem; height:1.4rem; background: url(../img/icon_table.png) 50% 50% / 1.1rem no-repeat; }
.market_table table thead .tr1 th a.up:after {background: url(../img/icon_table_up.png) 50% 50% / 1.1rem no-repeat;}
.market_table table thead .tr1 th a.down:after {background: url(../img/icon_table_down.png) 50% 50% / 1.1rem no-repeat;}
.market_table table thead .tr1 th:nth-child(1) { border-left:none; border-bottom:none; }
.market_table table thead .tr1 th:nth-child(1) a { color:#fff; }
/*.market_table table thead .tr1 th:nth-child(1) a:after { content:''; display:inline-block; width:0; height:0; margin:0 0 -2px 5px; border-style:solid; border-width:5px; border-color:#fff transparent transparent transparent; }
.market_table table thead .tr1 th:nth-child(1) a.up:after { margin:0 0 2px 5px; border-color:transparent transparent #fff transparent; }*/
.market_table table thead .tr1 th:nth-child(2) { border-bottom:none; }
.market_table table thead .tr1 th:nth-child(5) { border-bottom:none; }
.market_table table thead .tr2 th { border-bottom:none; }
.market_table table tbody tr td { height:7.4rem; font-size:14px; border:1px solid #dfdfdf; }
.market_table table tbody tr td:nth-child(2),.market_table table tbody tr td:nth-child(3),
.market_table table tbody tr td:nth-child(4),.market_table table tbody tr td:nth-child(5),
.market_table table tbody tr td:nth-child(6),.market_table table tbody tr td:nth-child(7) { font-family:Tahoma; letter-spacing:0; text-align:right; padding-right:15px; }
.market_table table tbody tr td:nth-child(1) { border-left:none; padding-left:20px; font-weight: 700;}
/*.market_table table tbody tr td:nth-child(2) { background:#fffff4; }*/
.market_table table tbody tr td:nth-child(7) { border-right:none; }
.market_table table tbody tr:nth-child(1) td { border-top:none; }
.market_table table tbody tr:last-child td { border-bottom:1px solid #cecece; }

.coin_table{position: relative;}
.coin_table .p_txt{position: absolute; right: 0; top: -4.5rem; display: block; color:#666666; font-size: 1.3rem;}
.coin_table table { width:100%; margin:10px 0 50px; }
.coin_table table caption { display:none; }
.coin_table table thead { background:#232f3c; }
.coin_table table thead th { height:5.4rem; font-size:14px; color:#fff; font-weight: 400; border:1px solid #4f5963; }
.coin_table table thead .tr1 th { border-top:none; }
.coin_table table thead .tr1 th a { color:#fff; }
.coin_table table thead .tr1 th a:after { content:''; display:inline-block; margin-left: 5px; margin-bottom: -2px; width:1.1rem; height:1.4rem; background: url(../img/icon_table.png) 50% 50% / 1.1rem no-repeat; }
.coin_table table thead .tr1 th a.up:after {background: url(../img/icon_table_up.png) 50% 50% / 1.1rem no-repeat;}
.coin_table table thead .tr1 th a.down:after {background: url(../img/icon_table_down.png) 50% 50% / 1.1rem no-repeat;}
.coin_table table thead .tr1 th:nth-of-type(1) a:after{display: none;}
.coin_table table thead .tr1 th:nth-of-type(1) { border-left:none; border-bottom:none; }
.coin_table table thead .tr1 th:nth-of-type(2) { border-bottom:none; }
.coin_table table thead .tr1 th:nth-of-type(5) { border-bottom:none; }
.coin_table table thead .tr2 th { border-bottom:none; }
.coin_table table tbody tr td { height:7.5rem; font-size:14px; border:1px solid #dfdfdf; }
.coin_table table tbody tr td:nth-of-type(2),
.coin_table table tbody tr td:nth-of-type(3),
.coin_table table tbody tr td:nth-of-type(4){ font-family:Tahoma; letter-spacing:0; text-align:right; padding-right:2rem; }
.coin_table table tbody tr td:nth-of-type(1) { border-left:none; padding-left:20px;}
.coin_table table tbody tr td:nth-of-type(7) { border-right:none; }
.coin_table table tbody tr:nth-of-type(1) td { border-top:none; }
.coin_table table tbody tr:last-of-type td { border-bottom:1px solid #cecece; }

.coin_table table tbody tr td .gab{text-align: right;}
.coin_table table tbody tr td .gab .change{display: inline-block; font-size: 1.4rem;}
.coin_table table tbody tr td .gab .rate{display: inline-block; margin-left: 1rem; font-size: 1.4rem;}
.coin_table table tbody tr td.red .price, .coin_table table tbody tr td.red .gab{color:#ff0000;}
.coin_table table tbody tr td.blue .price, .coin_table table tbody tr td.blue .gab{color:#0055ff;}
.coin_table table tbody tr td.red .gab .change:before{ display: inline-block; clear: both; content: ""; margin-right: 5px; width: 0px; height: 0px; border-top: none; border-bottom: 9px solid red; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.coin_table table tbody tr td.blue .gab .change:before{display: inline-block; clear: both; content: ""; margin-right: 5px; width: 0px; height: 0px; border-bottom: none; border-top: 9px solid blue; border-left: 7px solid transparent; border-right: 7px solid transparent;}
/* // 환율 가상화폐*/

/*랭킹뉴스*/
.realtiem_tab{width: 100%;}
.realtiem_tab li{float: left; width: 50%; height: 6rem; box-sizing: border-box; border: 1px solid #dfdfdf;}
.realtiem_tab li a{display: block; width: 100%; height: 100%; color:#999; font-size: 1.5rem; letter-spacing: -1.125px; text-align: center; line-height: 5.8rem;}
.realtiem_tab li.on {background: #232f3c; border: 1px solid #232f3c;}
.realtiem_tab li.on a{color:#fff;}

.realtiem_head{display: block; min-height: 17.9rem; margin-bottom: 5rem; border-bottom: 1px solid #aaaaaa; box-sizing: border-box;}
.realtiem_head .tool{position: relative; display: block; padding-top: 5.8rem; padding-bottom: 2rem; box-sizing: border-box; text-align: center;}
.realtiem_head .tool .time{display: inline-block; padding-left: 5rem; height: 4rem; line-height: 4rem; font-size: 3rem; text-align: center; background: url(../img/icon_realtiem.png) 0 50% / 4rem no-repeat;}
.realtiem_head .tool .txt{position: absolute; right: 0; bottom: 3rem; display: block; font-size: 1.4rem; color:#666; letter-spacing: -0.7px;}

.article_wrap .news_list.realtiem_list li.news_item{margin-bottom: 3rem;}
.article_wrap .news_list.realtiem_list li.news_item .num {flex-shrink: 0; width:7rem; font-family:Century Gothic; font-size:4rem;  text-align:center; }
.article_wrap .news_list.realtiem_list li.news_item .num .rise { display:block; font-family:Tahoma; font-size:1.4rem; color:#666; font-weight:bold; letter-spacing:0; margin-top:1.5rem; }
.article_wrap .news_list.realtiem_list li.news_item .num .rise em { display:inline-block; width:9px; height:7px; background:url(https://image.ajunews.com/images/site/img/ajunews/icon_stock.png) 0px 0px no-repeat; margin-right:3px; }
.article_wrap .news_list.realtiem_list li.news_item .num .rise.up { color:#ff3535; }
.article_wrap .news_list.realtiem_list li.news_item .num .rise.down { color:#0374ff; }
.article_wrap .news_list.realtiem_list li.news_item .num .rise.down em { background-position:0px -20px; }
.article_wrap .news_list.realtiem_list li.news_item .thumb{width: 18rem; height: 12rem;}
.article_wrap .news_list.realtiem_list li.news_item .text_area{width: 54rem;}

.rank_head{min-height: 22.8rem;}
.rank_head .date_select{display: flex; align-items: center; justify-content: center; padding-top: 5.8rem; padding-bottom: 7rem;}
.rank_head .date_select li{}
.rank_head .date_select li a{display: block; width: 100%; height: 100%;}
.rank_head .date_select li.date{margin-left: 2.5rem; margin-right: 1.5rem;}
.rank_head .date_select li.date span{display: block; line-height: 4rem; font-size: 3.5rem;}
.rank_head .date_select li.calendar{position: relative; margin-right: 2.5rem; width: 3.5rem; height: 3.5rem; background: url(../img/icon_date.png) 50% 50% no-repeat; background-size: 3.5rem;}
.rank_head .date_select li.calendar input{height: 100%; width: 100%; opacity: 0;}
.rank_head .date_select li.calendar .ui-datepicker-trigger{position: absolute; left: 0; top: 0; width: 3.5rem; height: 3.5rem; background: transparent; padding: 0; font-size: 0;}
.rank_head .date_select li.calendar .ui-datepicker-trigger img{display: none;}
.rank_head .date_select li.btn{width: 4rem; height: 4rem; background-size: 4rem;}
.rank_head .date_select li.btn.prev{background: url(../img/newsquick/icon_prev.png) 50% 50% no-repeat;}
.rank_head .date_select li.btn.next{background: url(../img/newsquick/icon_next.png) 50% 50% no-repeat;}
/* // 랭킹뉴스*/

/*RRS*/
.rich_site_summary{padding-top: 5rem; padding-bottom: 20rem;}
.rich_site_summary .page_tit{margin-bottom: 1rem; font-weight: 700;}
.rich_site_summary .page_sub_tit{display: block; margin-bottom: 5rem; font-size: 1.7rem; letter-spacing: -1.275px;}
.rich_site_summary .rrs_list{display: block; border-top: 3px double #cccccc;}
.rich_site_summary .rrs_list li{display: flex; align-items: center; height: 8rem; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
.rich_site_summary .rrs_list li .tit{flex-shrink: 0; width: 13rem; padding-left: 3rem; font-size: 1.7; letter-spacing: -1.275px; font-weight: 700; box-sizing: border-box;}
.rich_site_summary .rrs_list li .link_btn{display: block; padding-right: 2rem; font-size: 1.6rem; box-sizing: border-box;}
.rich_site_summary .rrs_list li .copy_btn{display: inline-block; height: 3rem; padding: 0 1rem; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.rich_site_summary .rrs_list li .copy_btn span{display: inline-block; font-size: 1.3rem; letter-spacing: -0.975px; line-height: 2.8rem;}
.rich_site_summary .rrs_list li .copy_btn span:before{display: inline-block; clear: both; content: ""; margin-bottom: -2px; margin-right: 5px; width: 1.6rem; height: 1.6rem; background: url(../img/icon_rss.png) 50% 50% / 1.6rem no-repeat; }
/* // RRS*/

#footer{}
.sitemap{padding: 5rem 0; border-top: 2px solid #111111; box-sizing: border-box;}
.sitemap dl{display: flex; flex-wrap: wrap; min-height: 4rem;}
.sitemap dl dt{width: 12.5%;}
.sitemap dl dt i{display: inline-block; margin-left: 1rem; width: 6px; height: 1.1rem; background: url(../img/v2/family_site_more.png) 50% 50% / 6px no-repeat;}
.sitemap dl dd{flex-grow: 1;}
.sitemap dl dd ul{display: flex; flex-wrap: wrap;}
.sitemap dl dd ul li{width: 16.66666666666667%; margin-bottom: 2rem;}
.sitemap dl dt a{display: inline-block; font-size: 1.5rem; font-weight: 500; letter-spacing: -1.125px;}
.sitemap dl dd a{display: inline-block; font-size: 1.4rem; letter-spacing: -0.42px; color:#666666;}
.sitemap dl.family_site {align-items: center;}
.sitemap dl.family_site dt a{color:#516b64;}
.footer_menu{height: 7rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;}
.footer_menu ul{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.footer_menu ul li{}
.footer_menu ul li.inc a{display: block; width: 12.4rem; height: 3.2rem; background: url(../img/inc.png) no-repeat; background-size: 12.4rem;}
.footer_menu ul li.rss a strong{position: relative;}
.footer_menu ul li.rss a strong:after{display: inline-block; clear: both; content: ""; margin-bottom: -2px; margin-left: 5px; width: 1.5rem; height: 1.5rem; background: url(https://image.ajunews.com/images/site/img/ajunews/icon_rss.gif) 50% 50% /1.5rem no-repeat;}
.footer_menu ul li a{display: block; font-size: 1.3rem; }
.footer_menu ul li a strong{font-weight: 700;}
.footer_info{padding-top: 5rem; padding-bottom: 5rem; box-sizing: border-box;}
.footer_info ul{display: flex; flex-wrap: wrap; justify-content: center; width: 90rem; margin: auto;}
.footer_info ul li{margin-left: 3rem; margin-bottom: 2.8rem; font-size: 1.3rem; letter-spacing: -0.975px;}
.footer_info ul li strong{font-weight: 700;}
.footer_info p{display: block; font-size: 1.3rem; color:#999; text-align: center;}
.footer_info p.info{margin-top: 1rem;}
.footer_info p.copyright{margin-top: 3.5rem;color:#111;}
.footer_info p.copyright strong{font-weight: 700;}

/*v2*/
.head_top_v2{position: relative; display: block; width: 100%; height: 13rem;}
.head_top_v2 .logo{position: absolute; left: 50%; top: 3.4rem; width: 20rem; height: 4.6rem; transform: translateX(-50%);}
.head_top_v2 .logo a{display: block; width: 100%; height: 100%; background: url(../img/v2/logo.png) no-repeat; background-size: 100%;}
.head_top_v2 .logo_v2{position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.head_top_v2 .logo_v2 a{display: block; width: 100%; height: 100%;}
.head_top_v2 .date{position: absolute; left: 50%; bottom: 2.5rem; font-size: 1.4rem; font-weight: 400; transform: translateX(-50%); font-family: 'Roboto';}
.head_top_v2 .date span{margin-right: 4px; font-family: 'Roboto';}
.head_top_v2 .global_link{position: absolute; left: 0; top: 1.5rem;}
.head_top_v2 .global_link dd{position: relative; float: left; margin-right: 2rem; font-size: 1.3rem;}
.head_top_v2 .global_link dd:after{position: absolute; right: -1rem; top: 1px; display: block; clear: both; content: ""; width: 1px; height: 1.2rem; background: #e6e6e6;}
.head_top_v2 .global_link dd:last-of-type:after{display: none;}
.head_top_v2 .sub_gnb{position: absolute; right: 0; top: 1.5rem;}
.head_top_v2 .sub_gnb li{position: relative; float: left; margin-left: 2rem; }
.head_top_v2 .sub_gnb li a{display: block; font-size: 1.3rem; font-weight: 400;}
.head_top_v2 .sub_gnb li:after{position: absolute; right: -1rem; top: 1px; display: block; clear: both; content: ""; width: 1px; height: 1.2rem; background: #e6e6e6;}
.head_top_v2 .sub_gnb li:last-of-type:after{display: none;}
.head_top_v2 .head_banner{position: absolute; right: 0; top: 4.5rem; display: block; width: 20rem; height: 6rem; box-sizing: border-box; font-size: 0;}
.head_top_v2 .head_banner .swiper-wrapper{height: 6rem;}
.head_top_v2 .head_banner .swiper-wrapper .swiper-slide a{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.head_top_v2 .head_banner .swiper-wrapper .swiper-slide a img{max-width: 100%; max-height: 100%;}
.head_top_v2 .head_banner .button_wrapper{margin-left: auto; width: 4rem; height: 2rem; border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 2px;}
.head_top_v2 .head_banner .button{display: inline-block; margin-left: auto; width: 50%; height: 100%; box-sizing: border-box; cursor: pointer; background: url(../img/head_banner_arrow.png) 50% 50% no-repeat; background-size: 1.8rem;}
.head_top_v2 .head_banner .button.button-prev{transform: rotate(-180deg);}
.head_top_v2 .head_banner .button.button-next{border-left: 1px solid #e1e1e1; }
.head_top_v2 .startpage{position: absolute; left: 0; bottom: 1.5rem; display: block; line-height: 1.9rem;}
.head_top_v2 .startpage:hover{text-decoration: none;}
.head_top_v2 .startpage:after{display: inline-block; clear: both; content: ""; margin-left: 4px; width: 1.9rem; height: 1.9rem; background: url(../img/v2/icon_startpage.png) 50% 50% / 1.9rem no-repeat; vertical-align: bottom;}
.head_top_v2 .startpage span{font-weight: 500; color:#1ea9a6;}
.head_top_v2 .startpage span:before{display: inline-block; clear: both; content: ""; margin-right: 4px; width: 2.8rem; height: 1.9rem; background: url(../img/v2/icon_startpage_logo.png) 50% 50% / 2.8rem no-repeat; vertical-align: bottom;}

.headline_stock_slide_wrap{overflow: hidden; padding: 1.5rem 6.1rem 0 3rem; margin-bottom: 1rem; width: 100%; height: 5rem; background: #f1f5ff; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 4px;}
.headline_stock_slide_wrap a:hover{text-decoration: none;}
.headline_stock_slide_wrap dl{height: 2.5rem; font-size: 0;}
.headline_stock_slide_wrap dl dt{position: relative; display: inline-block; margin-right: 4rem; font-weight: 500; font-size: 1.4rem;}
.headline_stock_slide_wrap dl dt:after{display: block; clear: both; content: ""; position: absolute; right: -2rem; top: 0; width: 2px; height: 1.4rem; border-left: 1px solid #c1c4cc; border-right: 1px solid #fff; box-sizing: border-box;}
.headline_stock_slide_wrap dl dd{display: inline-block; font-weight: 500; font-size: 1.7rem;}
.headline_stock_slide_wrap dl dd span{margin-left: 1rem; font-size: 1.4rem;}
.headline_stock_slide_wrap dl.blue dd{color: blue;}
.headline_stock_slide_wrap dl.blue dd span:before{display: inline-block; clear: both; content: ""; margin-right: 5px; margin-bottom: 2px; width: 0px; height: 0px; border-bottom: none; border-top: 6px solid blue; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.headline_stock_slide_wrap dl.red dd{color: red;}
.headline_stock_slide_wrap dl.red dd span:before{display: inline-block; clear: both; content: ""; margin-right: 5px; margin-bottom: 2px; width: 0px; height: 0px; border-top: none; border-bottom: 6px solid red; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.headline_stock_slide{overflow: hidden;}
.headline_stock_slide .slick-list{width: 100%;}
.headline_stock_slide li{opacity: 0;}
.headline_stock_slide li.slick-slide{opacity: 1;}
.headline_stock_slide li a{display: block; width: 100%; height: 100%;}
.headline_stock_slide .slick-slide{float: left; overflow: hidden; box-sizing: border-box;}
.headline_stock_slide .slick-arrow{position: absolute; top: 1.2rem; width: 2rem; height: 2.5rem; text-indent: -99999px;}
.headline_stock_slide .slick-arrow.slick-prev{right: 4.1rem; background: transparent url(../img/v2/headline_stock_slide_prev.png) 50% 50% / 2rem no-repeat;}
.headline_stock_slide .slick-arrow.slick-next{right: 2.1rem; background: transparent url(../img/v2/headline_stock_slide_next.png) 50% 50% / 2rem no-repeat;}

.main.main_v3 .component.headline{margin-bottom: 0;}
.main_v3 .headline .inner{}
.main_v3 .headline .column_01{float: left; width: 78rem;}
.main_v3 .headline .column_01 .headline_news{width: 100%; border-bottom: 3px double #000; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news .news_item{}
.main_v3 .headline .column_01 .headline_news .news_item .thumb{display: block; width: 100%; height: 40rem;}
.main_v3 .headline .column_01 .headline_news .news_item .thumb img{}

.main_v3 .headline .column_01 .headline_news .news_item .thumb_v2{overflow: hidden; position: relative;display: block; width: 100%; height: 40rem;}
.main_v3 .headline .column_01 .headline_news .news_item .thumb_v2 img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; transition: .5s;}
.main_v3 .headline .column_01 .headline_news .news_item .thumb_v2:hover img{transform: translate(-50%, -50%) scale(1.05);}

.main_v3 .headline .column_01 .headline_news .news_item .text_area{position: relative; padding: 3rem; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .label{position: absolute; left: 50%; top: -1.8rem; transform: translateX(-50%); display: inline-block; padding: 0 2rem; height: 3.6rem; background: #eee; color:#fff; font-weight: 700; font-size: 1.6rem; text-align: center; box-sizing: border-box; line-height: 3.6rem;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .tit{height: 4rem; line-height: 4rem; text-align: center; font-weight: 700; font-size: 3.6rem; letter-spacing: -1.08px; }
.main_v3 .headline .column_01 .headline_news .news_item .text_area .lead{margin-top: 1.5rem; height: 2rem; text-align: center; font-size: 2rem; font-weight: 400; letter-spacing: -1.5px; -webkit-line-clamp: 1;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .ad{display: block; margin-top: 1.5rem; width: 100%;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .ad li{position: relative; padding-left: 1.5rem; margin-bottom: 1.4rem; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .ad li:last-child{margin-bottom: 0;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .ad li:before{position: absolute; left: 0; top: 6px; display: block; clear: both; content: ""; width: 9px; height: 9px; border-left: 2px solid #20d0cc; border-bottom: 2px solid #20d0cc; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news .news_item .text_area .ad li a{display: block; font-size: 2rem;font-weight: 500;letter-spacing: -1.5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_v3 .headline .column_01 .headline_news.ad .news_item .text_area .tit{text-align: left;}
.main_v3 .headline .column_01 .headline_news.ad .news_item .text_area .label{left: 3rem; transform: none;}
.main_v3 .headline .column_01 .headline_news.blue .news_item .text_area .label{background: #20d0cc;}
.main_v3 .headline .column_01 .headline_news.red .news_item .text_area .label{background: #ff2b2b;}
.main_v3 .headline .column_01 .headline_news_list{padding: 3rem 0; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news_list .news_item{display: flex; align-items: center; margin-bottom: 1.5rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item:last-child{margin-bottom: 0;}
.main_v3 .headline .column_01 .headline_news_list .news_item .thumb{flex-shrink: 0; width: 15rem; height: 10rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item .thumb img{}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area{flex-grow: 1; padding-left: 2rem; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .tit{position: relative; height: 3rem; font-weight: 400; font-size: 2rem; letter-spacing: -1.65px; line-height: 3rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .tit .label{position: absolute; left: 0; top: 0; display: block; width: 6rem; height: 3rem; line-height: 3rem; color:#fff; background: #eee; text-align: center; font-size: 1.5rem; font-weight: 700; border-radius: 4px;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .lead{margin-top: 7px; font-size: 1.5rem; color:#888; letter-spacing: -0.75px; line-height: 2.1rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .ad{display: block; margin-top: 1rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .ad li{position: relative; padding-left: 1.2rem; margin-bottom: 1rem; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .ad li:before{position: absolute; left: 0; top: 3px; display: block; clear: both; content: ""; width: 7px; height: 7px; border-left: 2px solid #20d0cc; border-bottom: 2px solid #20d0cc; box-sizing: border-box;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .ad li:last-child{margin-bottom: 0;}
.main_v3 .headline .column_01 .headline_news_list .news_item .text_area .ad li a{display: block; font-size: 1.5rem;font-weight: 400;letter-spacing: 0px; line-height: 16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_v3 .headline .column_01 .headline_news_list .news_item.red .text_area .tit{padding-left: 7rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item.red .text_area .tit .label{background: #ff2b2b;}
.main_v3 .headline .column_01 .headline_news_list .news_item.blue .text_area .tit{padding-left: 7rem;}
.main_v3 .headline .column_01 .headline_news_list .news_item.blue .text_area .tit .label{background: #20d0cc;}
.main_v3 .headline .column_02{float: right; width: 35rem;}
.main_v3 .headline .column_02 .right_news_list{margin-bottom: 2rem;}
.main_v3 .headline .column_02 .right_news_list .news_item{display: flex; flex-direction: row-reverse; align-items: center; padding: 1rem 0; border-bottom: 1px solid #eee; box-sizing: border-box;}
.main_v3 .headline .column_02 .right_news_list .news_item:last-child{border-bottom: none;}
.main_v3 .headline .column_02 .right_news_list .news_item .thumb{flex-shrink: 0; margin-left: 2.5rem; width: 10rem; height: 7.5rem;}
.main_v3 .headline .column_02 .right_news_list .news_item .thumb img{}
.main_v3 .headline .column_02 .right_news_list .news_item .text_area{flex-grow: 1;}
.main_v3 .headline .column_02 .right_news_list .news_item .text_area .tit{position: relative; font-weight: 400; font-size: 1.9rem; -webkit-line-clamp: 2; letter-spacing: -1.65px; line-height: 3rem;}
.main_v3 .headline .column_02 .right_news_list .news_item .text_area .tit .label{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); display: block; width: 4rem; height: 4rem; line-height: 4rem; color:#fff; background: #eee; text-align: center; font-size: 1.4rem; font-weight: 700; border-radius: 4px;}
.main_v3 .headline .column_02 .right_news_list .news_item.red .text_area .tit{padding-left: 6rem;}
.main_v3 .headline .column_02 .right_news_list .news_item.red .text_area .tit .label{background: #ff2b2b;}
.main_v3 .headline .column_02 .right_news_list .news_item.blue .text_area .tit{padding-left: 6rem;}
.main_v3 .headline .column_02 .right_news_list .news_item.blue .text_area .tit .label{background: #20d0cc;}
.main_v3 .headline .column_02 .ad_banner{display: block; margin-bottom: 1rem; width: 100%; box-sizing: border-box;}
.main_v3 .headline .column_02 .ad_banner a{display: block;width: 100%; height: 100%; text-align: center;}
.main_v3 .headline .column_02 .ad_banner a img{max-width: 100%; height: 100%;}
.main_v3 .headline .column_02 .text_news_list{}
.main_v3 .headline .column_02 .text_news_list .news_item{padding: 1.5rem 0; border-bottom: 1px solid #eeeeee; box-sizing: border-box;}
.main_v3 .headline .column_02 .text_news_list .news_item:last-child{border-bottom: none;}
.main_v3 .headline .column_02 .text_news_list .news_item .text_area{flex-grow: 1;}
.main_v3 .headline .column_02 .text_news_list .news_item .text_area .tit{position: relative; font-weight: 400; font-size: 1.9rem; -webkit-line-clamp: 2; letter-spacing: -1.65px; line-height: 3rem;}
.main_v3 .headline .column_02 .text_news_list .news_item .text_area .tit .label{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); display: block; width: 4rem; height: 4rem; line-height: 4rem; color:#fff; background: #eee; text-align: center; font-size: 1.4rem; font-weight: 700; border-radius: 4px;}
.main_v3 .headline .column_02 .text_news_list .news_item.red .text_area .tit{padding-left: 6rem;}
.main_v3 .headline .column_02 .text_news_list .news_item.red .text_area .tit .label{background: #ff2b2b;}
.main_v3 .headline .column_02 .text_news_list .news_item.blue .text_area .tit{padding-left: 6rem;}
.main_v3 .headline .column_02 .text_news_list .news_item.blue .text_area .tit .label{background: #20d0cc;}

.headline_ad{display: block; margin-bottom: 5rem; margin-top: 2rem;}
.headline_ad .inner{height: 10rem; }
.headline_ad .inner a{display: block; width: 100%; height: 100%;}

.editor_v3{}
.editor_v3 .inner{padding-top: 3rem; border-top: 1px solid #000;}
.editor_v3 .column_tit{height: 5rem;}
.editor_v3 .news_item{display: flex; align-items: center; margin-bottom: 3rem;}
.editor_v3 .news_item:last-child{margin-bottom: 0;}
.editor_v3 .news_item .thumb{flex-shrink: 0; width: 7rem; height: 7rem; border-radius: 50%;}
.editor_v3 .news_item .thumb:after{display: none;}
.editor_v3 .news_item .thumb img{height: 100%;}
.editor_v3 .news_item .text_area{flex-grow: 1; padding-left: 1.5rem; box-sizing: border-box;}
.editor_v3 .news_item .text_area .tit{font-size: 1.6rem; max-height: 4.8rem; line-height: 2.4rem; font-weight: 700; -webkit-line-clamp: 2; letter-spacing: -1.2px;}
.editor_v3 .column_01, .editor_v3 .column_02{float: left; padding-right: 7rem; width: 39rem; box-sizing: border-box;}
.editor_v3 .column_01 .news_item .text_area .name{display: block; margin-top: 1rem; font-weight: 400; font-size: 1.4rem; color:#999; letter-spacing: -0.42px;}
.editor_v3 .column_02 .news_item .text_area .name{display: block; margin-bottom: 5px; font-weight: 500; font-size: 1.4rem; color:#1eaaa7; letter-spacing: -0.42px;}
.editor_v3 .column_03{overflow: hidden; float: right; padding: 2.7rem 2rem 2rem; width: 35rem; height: 34rem; background: #f3f3f3; border-radius: 1rem; box-sizing: border-box;}
.editor_v3 .column_03 .column_tit{height: 4rem;}

.main.main_v3 .component.editor{margin-bottom: 0; height: 36rem; box-sizing: border-box;}
.main_v3 .editor .inner{border-top: 1px solid #333; border-bottom: 1px solid #333; box-sizing: border-box;}
.main_v3 .editor .column_tit{height: 3rem;}
.main_v3 .editor .news_item{display: flex; align-items: center; margin-bottom: 3rem;}
.main_v3 .editor .news_item:last-child{margin-bottom: 0;}
.main_v3 .editor .news_item .thumb{flex-shrink: 0; width: 7rem; height: 7rem; border-radius: 50%;}
.main_v3 .editor .news_item .thumb:after{display: none;}
.main_v3 .editor .news_item .thumb img{height: 100%;}
.main_v3 .editor .news_item .text_area{flex-grow: 1; padding-left: 1.5rem; box-sizing: border-box;}
.main_v3 .editor .news_item .text_area .tit{font-size: 1.7rem; max-height: 5.2rem; line-height: 2.3rem; font-weight: 400; -webkit-line-clamp: 2; letter-spacing: -1.5px;}
.main_v3 .editor .column_01, .main_v3 .editor .column_02{position: relative; float: left; padding-top: 3rem; padding-right: 7rem; width: 39rem; height: 100%; box-sizing: border-box;}
.main_v3 .editor .column_01 .news_item .text_area .name{display: block; margin-top: 6px; font-weight: 400; font-size: 1.5rem; color:#888; letter-spacing: -1.125px;}
.main_v3 .editor .column_02 .news_item .text_area .name{display: inline-block; margin-bottom: 5px; padding: 0 1rem; height: 2.5rem; line-height: 2.5rem; font-weight: 500; font-size: 1.2rem; color:#fff; letter-spacing: -0.36px; background: #20d0cc; box-sizing: border-box;}
.main_v3 .editor .column_03{overflow: hidden; float: right; padding: 3rem 2rem 2rem; width: 35rem; height: 100%; background: #6e6b68; box-sizing: border-box;}
.main_v3 .editor .column_03 .column_tit{height: 5rem; font-weight:400; }
.main_v3 .editor .column_03 .column_tit a{color:#fff;}
.main_v3 .editor .column_03 .column_tit i{background: url(../img/aju_tv_arrow.png) no-repeat;}
.main_v3 .editor .column_01 ul, .main_v3 .editor .column_02 ul{height: 28rem; padding: 0;}
.main_v3 .editor .column_01 .news_item, .main_v3 .editor .column_02 .news_item{margin-bottom: 0; height: 33.333%;}
.main_v3 .editor .column_02{padding-left: 2rem; padding-right: 5rem;}
.main_v3 .editor .column_02:before{position: absolute; left: 0; top: 0; display: block; clear: both; content: ""; width: 1px; height: 100%; background: #dfdfdf;}

.main_v3 .component.aju_tv{margin-top: 5rem; margin-bottom: 6rem;}
.main_v3 .component.aju_tv .inner{position: relative; padding: 5rem 0; background: #232f3c; box-sizing: border-box; box-shadow:3rem 2rem 0 #17202a; }
.main_v3 .component.aju_tv .inner:before{display: block; clear: both; content: ""; position: absolute; left: -100%; top: 0; height: 100%; width: 100%; background: #232f3c; box-shadow:3rem 2rem 0 #17202a; z-index: -1;}
.main_v3 .component.aju_tv .inner:after{display: block; clear: both; content: ""; position: absolute; right: -15rem; top: 0; height: 100%; width: 15rem; background: #232f3c; box-shadow:3rem 2rem 0 #17202a;}
.main_v3 .component.aju_tv .inner .flex{align-items: center;}
.main_v3 .component.aju_tv .video{float: left; flex-shrink: 0; position: relative; width: 60rem; height: 34.5rem;}
.main_v3 .component.aju_tv .video iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_v3 .component.aju_tv .text_area{float: right; flex-grow: 1; padding-left: 3rem; width: 49rem; box-sizing: border-box;}
.main_v3 .component.aju_tv .text_area .cate{display: block; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; color:#fff; letter-spacing: -0.54px; text-decoration: none;}
.main_v3 .component.aju_tv .text_area .cate i{display: inline-block; clear: both; content: ""; margin-left: 5px; width: 2rem; height: 2rem; background: url(../img/aju_tv_arrow.png) no-repeat; background-size: 2rem; vertical-align: top;}
.main_v3 .component.aju_tv .text_area .tit{display: block; margin-bottom: 6px; max-height: 9rem; font-size: 3rem; font-weight: 700; color:#fff; line-height: 4.5rem; letter-spacing: -3.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main_v3 .component.aju_tv .text_area .lead{display: block; margin-bottom: 2.5rem; max-height: 7.5rem; font-size: 1.5rem; line-height: 2.5rem; color:#647280; letter-spacing: -0.75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-decoration: none;}
.main_v3 .component.aju_tv .text_area .more{display: inline-block; padding: 0 3.5rem; height: 4.5rem; border: 1px solid #fff; color:#fff; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.75px; text-align: center; line-height: 4.3rem; box-sizing: border-box; border-radius: 2.25rem;}

.main .editor_slide {position: relative; margin: auto; width: 26rem; box-sizing: border-box;}
.main .editor_slide .slick-list{overflow: hidden;}
.main .editor_slide .slick-slide{float: left;}
.main .editor_slide .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 3.5rem; text-indent: -99999px; z-index: 9;}
.main .editor_slide .slick-arrow.slick-prev{left: -2rem;  background: url(../img/v2/editor_slide_prev.png) 50% 50% / 2rem no-repeat;}
.main .editor_slide .slick-arrow.slick-next{right: -2rem; background: url(../img/v2/editor_slide_next.png) 50% 50% / 2rem no-repeat;}
.main .editor_slide .slick-arrow.slick-prev.slick-disabled{background: url(../img/v2/editor_slide_prev_disabled.png) 50% 50% / 2rem no-repeat;}
.main .editor_slide .slick-arrow.slick-next.slick-disabled{background: url(../img/v2/editor_slide_next_disabled.png) 50% 50% / 2rem no-repeat;}
.main .editor_slide .news_item{display: block; margin-bottom: 0; text-align: center;}
.main .editor_slide .news_item .thumb{margin: 0 auto 2rem; width: 11.5rem; height: 11.5rem; border-radius: 50%;}
.main .editor_slide .news_item .thumb img{height: 100%; width: auto;}
.main .editor_slide .news_item .text_area{padding-left: 0; box-sizing: border-box;}
.main .editor_slide .news_item .text_area .name{display: block; margin-bottom: 1rem; font-size: 1.6rem; font-weight: 700; font-family: "Noto Serif KR"; letter-spacing: -1.2px;}
.main .editor_slide .news_item .text_area .tit{padding: 0 2.5rem; max-height: 5.6rem; font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-family: "Noto Serif KR"; color:#3f63bf; -webkit-line-clamp: 2; letter-spacing: -1.35px;}
.main .editor_slide .slick-dots{position: absolute; left: 0; bottom: -2.5rem; display: flex; justify-content: center; width: 100%;}
.main .editor_slide .slick-dots li{margin: 0 2px; width: 1rem; height: 1rem; border-radius: 50%; background: #c9c9c9; cursor: pointer;}
.main .editor_slide .slick-dots li.slick-active{background: #3f63bf;}
.main .editor_slide .slick-dots li button{display: none;}

.main_v3 .component.editor .editor_slide .news_item .text_area .name{margin-bottom: 1rem; font-weight: 400; color:#cbb9a7; font-size: 1.7rem; letter-spacing: -1px;}
.main_v3 .component.editor .editor_slide .news_item .text_area .tit{max-height: 6rem; height: 6rem; color:#fff; font-weight: 500; font-size: 2rem; letter-spacing: -1px; line-height: 2.5rem;}
.main_v3 .component.editor .editor_slide .slick-dots{background-origin: -4rem;}
.main_v3 .component.editor .editor_slide .slick-dots li{background: #999999;}
.main_v3 .component.editor .editor_slide .slick-dots li.slick-active{background: #fff;}
.main_v3 .component.editor .editor_slide .slick-arrow.slick-prev{background: url(../img/v3/editor_slide_prev.png) 50% 50% / 2rem no-repeat;}
.main_v3 .component.editor .editor_slide .slick-arrow.slick-next{background: url(../img/v3/editor_slide_next.png) 50% 50% / 2rem no-repeat;}
.main_v3 .component.editor .editor_slide .slick-arrow.slick-prev.slick-disabled{background: url(../img/v3/editor_slide_prev_disabled.png) 50% 50% / 2rem no-repeat;}
.main_v3 .component.editor .editor_slide .slick-arrow.slick-next.slick-disabled{background: url(../img/v3/editor_slide_next_disabled.png) 50% 50% / 2rem no-repeat;}

.main_v3 .component.global{}
.main_v3 .component.global .inner{padding-top: 4rem;}
.main_v3 .component.global .column_01{float: left;  width: 55.4rem;}
.main_v3 .component.global .column_02{float: right; width: 55.4rem;}
.main_v3 .component.global .global_news_list{display: flex;}
.main_v3 .component.global .global_news_list>.news_item{flex-shrink: 0; width: 28rem;}
.main_v3 .component.global .global_news_list>.news_item .thumb{display: block; margin-bottom: 1rem; width: 100%; height: 17rem;}
.main_v3 .component.global .global_news_list>.news_item .thumb img{height: 100%;}
.main_v3 .component.global .global_news_list .news_item .text_area .tit{font-weight: 400; font-size: 2rem; line-height: 3rem; letter-spacing: -1.65px; -webkit-line-clamp: 2;}
.main_v3 .component.global .global_news_list ul{flex-grow: 1; padding-left: 2rem; box-sizing: border-box;}
.main_v3 .component.global .global_news_list ul .news_item{display: block; margin-bottom: 1.4rem; padding-bottom: 1.4rem; border-bottom: 1px dashed #cccccc; box-sizing: border-box;}
.main_v3 .component.global .global_news_list ul .news_item:last-child{margin-bottom: 0;}
.main_v3 .component.global .global_news_list ul .news_item .text_area .tit{font-weight: 400; font-size: 1.8rem; line-height: 2.6rem; letter-spacing: -1.5px; -webkit-line-clamp: 2;}

.main_v3 .exclusive{margin-bottom: 2rem;}
.main_v3 .exclusive .nna_tit{display: inline-block; margin-bottom: 1rem; padding: 0 1rem; height: 2.7rem; line-height: 2.7rem; background: #111; font-weight: 500; color:#ffa100; font-size: 1.5rem; letter-spacing: -1.125px; box-sizing: border-box;}
.main_v3 .exclusive .column_01{float: left;  width: 55.5rem;}
.main_v3 .exclusive .column_01 .column_tit{height: 4rem; font-size: 2rem; letter-spacing: -1.5px;}
.main_v3 .exclusive .column_01 .news_list{}
.main_v3 .exclusive .column_01 .news_list .news_item{display: flex; align-items: center; margin-bottom: 1rem;}
.main_v3 .exclusive .column_01 .news_list .news_item .thumb{flex-shrink: 0; width: 15rem; height: 10rem;}
.main_v3 .exclusive .column_01 .news_list .news_item .thumb img{height: 100%;}
.main_v3 .exclusive .column_01 .news_list .news_item .text_area{flex-grow: 1; padding-left: 1.5rem; box-sizing: border-box;}
.main_v3 .exclusive .column_01 .news_list .news_item .text_area .tit{margin-bottom: 7px; font-size: 2rem; font-weight: 400; letter-spacing: -1.35px;}
.main_v3 .exclusive .column_01 .news_list .news_item .text_area .lead{height: 42px; font-weight: 400; color:#888888; font-size: 1.5rem; line-height: 2.1rem; letter-spacing: -0.45px;}
.main_v3 .exclusive .column_01 .news_list_txt .news_item{padding: 2rem 0; border-top: 1px solid #dfdfdf; box-sizing: border-box;}
.main_v3 .exclusive .column_01 .news_list_txt .news_item .text_area .tit{font-size: 2rem; font-weight: 400; letter-spacing: -1.35px;}
.main_v3 .exclusive .column_02{float: right; width: 55.5rem;}
.main_v3 .exclusive .column_02 .column_tit a i{background: url(../img/v3/headline_banner_arrow.png) no-repeat;}
.main_v3 .exclusive .column_02 .top{display: block; margin-left: -5px; margin-bottom: 1rem; box-sizing: border-box;}
.main_v3 .exclusive .column_02 .top .news_item{float: left; padding-left: 5px; width: 50%; box-sizing: border-box;}
.main_v3 .exclusive .column_02 .top .news_item:last-child{border-right: none;}
.main_v3 .exclusive .column_02 .top .news_item .thumb{width: 100%; height: 16rem;}
.main_v3 .exclusive .column_02 .top .news_item .thumb img{height: 100%;}
.main_v3 .exclusive .column_02 .top .news_item .text_area{padding: 2rem; border: 1px solid #dfdfdf; border-top: none; box-sizing: border-box;}
.main_v3 .exclusive .column_02 .top .news_item .text_area .lead{font-size: 2rem; line-height: 3rem; letter-spacing: -1.65px;}
.main_v3 .exclusive .column_02 .bot{margin-left: -5px;}
.main_v3 .exclusive .column_02 .bot li{float: left; width: 50%; padding-left: 5px; box-sizing: border-box;}
.main_v3 .exclusive .column_02 .bot li .box{padding-top: 1.5rem; padding-bottom: 3rem; border-radius: 4px;}
.main_v3 .exclusive .column_02 .bot li .box .label{display: inline-block; margin-bottom: 1.6rem; padding: 0 1.5rem; height: 3.4rem; border-radius: 0 5px 5px 0; color:#fff; font-weight: 500; line-height: 3.4rem; font-size: 1.5rem; letter-spacing: -1.125px; }
.main_v3 .exclusive .column_02 .bot li .box .label:after{display: inline-block; clear: both; content: ""; margin-left: 5px; width: 1.2rem; height: 1.2rem; background: url(../img/label_arrow.png) no-repeat; background-size: 1.2rem;}
.main_v3 .exclusive .column_02 .bot li .box .tit{display: block; padding: 0 4rem; text-align: center; font-weight: 400; font-size: 2rem; letter-spacing: -1.2px; height:50px; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box;}
.main_v3 .exclusive .column_02 .bot li .box.qna{background: #eaf4ff;}
.main_v3 .exclusive .column_02 .bot li .box.qna .label{background: #4875a5;}
.main_v3 .exclusive .column_02 .bot li .box.lawandp{background: #e1f2ee;}
.main_v3 .exclusive .column_02 .bot li .box.lawandp .label{background: #1cba93;}

.main .component.stock_v3.line .inner{padding-top: 3rem;}
.stock_v3 .column_01{float: left; width: 55.5rem;}
.stock_v3 .column_01 .column_tit{height: 4rem;}
.stock_v3 .column_01 .column_tit span{display: inline-block; width: 10rem; height: 2.4rem; background: url(../img/v2/logo_koiners.png) 50% 50% / 10rem no-repeat; text-indent: -9999px; vertical-align: text-top;}
.stock_v3 .column_01 .column_tit i{vertical-align: bottom;}
.stock_v3 .column_01 ul{}
.stock_v3 .column_01 ul .news_item{display: flex; align-items: center; padding: 1.7rem 0; border-bottom: 1px solid #eee; box-sizing: border-box;}
.stock_v3 .column_01 ul .news_item .thumb{flex-shrink: 0; width: 21.5rem; height: 13rem;}
.stock_v3 .column_01 ul .news_item .thumb img{height: 100%;}
.stock_v3 .column_01 ul .news_item .text_area .tit{font-size: 2rem; font-weight: 500; line-height: 2.6rem; letter-spacing: -1.35px;}
.stock_v3 .column_01 ul .news_item .text_area .lead{height: 4.2rem; margin-top: 6px; font-size: 1.5rem; line-height: 2.1rem; color:#888; letter-spacing: -1.125px;}
.stock_v3 .column_01 ul .news_item:first-child{padding: 0 0 1rem;}
.stock_v3 .column_01 ul .news_item:first-child .text_area{flex-grow: 1; padding-left: 2rem; box-sizing: border-box;}
.stock_v3 .column_01 ul .news_item:first-child .text_area .tit{font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; -webkit-line-clamp: 2; letter-spacing: -1.8px;}
.stock_v3 .column_01 ul .news_item:last-child{border-bottom: none;}
.stock_v3 .column_02{float: right; width: 55.5rem;}
.stock_v3 .column_02 dl{position: relative; flex-wrap: wrap; padding-bottom: 3rem; margin-bottom: 3rem; width: 100%; border-bottom: 1px dashed #ccc; box-sizing: border-box;}
.stock_v3 .column_02 dl:last-of-type{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.stock_v3 .column_02 dl dt{display: none;}
.stock_v3 .column_02 dl .more{position: absolute; right: 0; bottom: -3.2rem; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.975px; z-index: 9;}
.stock_v3 .column_02 dl .more a{display: inline-block; color:#126bff; text-decoration: underline;}
.stock_v3 .column_02 dl dd{position: relative; text-align: center;}
.stock_v3 .column_02 dl dd:after{position: absolute; right: 0; top: 0; display: block; clear: both; content: ""; width: 1px; height: 100%; background: #f2f2f2;}
.stock_v3 .column_02 dl dd:last-child:after{display: none;}
.stock_v3 .column_02 dl dd .icon{position: absolute; left: 2rem; top: 2px; overflow: hidden; display: block; margin: 0 auto 1rem; width: 3.6rem; height: 3.6rem; border-radius: 50%;}
.stock_v3 .column_02 dl dd .icon img{width: 100%;}
.stock_v3 .column_02 dl dd strong{display: block; margin-bottom: 0.8rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -1.05px;}
.stock_v3 .column_02 dl dd .price{display: block; margin-bottom: 0.6rem; font-size: 2.2rem; font-family: "Roboto"; font-weight: 600;}
.stock_v3 .column_02 dl dd .gab{display: inline-block; padding: 0.5rem 1rem; border: 1px solid #dfdfdf; box-sizing: border-box; border-radius: 1.4rem; font-family: "Roboto";}
.stock_v3 .column_02 dl dd .gab .change{display: inline-block; font-size: 1.4rem;}
.stock_v3 .column_02 dl dd .gab .rate{display: inline-block; margin-left: 1rem; font-size: 1.4rem;}
.stock_v3 .column_02 dl dd.red .price, .stock_v2 .column_02 dl dd.red .gab{color:#ff0000;}
.stock_v3 .column_02 dl dd.blue .price, .stock_v2 .column_02 dl dd.blue .gab{color:#0055ff;}
.stock_v3 .column_02 dl dd.red .gab .change:before{ display: inline-block; clear: both; content: ""; margin-right: 5px; width: 0px; height: 0px; border-top: none; border-bottom: 9px solid red; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.stock_v3 .column_02 dl dd.blue .gab .change:before{display: inline-block; clear: both; content: ""; margin-right: 5px; width: 0px; height: 0px; border-bottom: none; border-top: 9px solid blue; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.stock_v3 .column_02 dl.stock_market dd{width: 33.333%;}
.stock_v3 .column_02 dl.exchange_rate dd{width: 25%;}
.stock_v3 .column_02 dl.exchange_rate.slide dd{float: left; width: auto;}
.stock_v3 .column_02 dl.coin_market dd{width: 33.333%;}
.stock_v3 .column_02 dl.coin_market dd strong{padding-left: 6rem; margin-bottom: 6px; text-align: left; box-sizing: border-box;}
.stock_v3 .column_02 dl.coin_market dd .price{padding-left: 6rem; margin-bottom: 1rem; text-align: left; box-sizing: border-box; font-size: 2rem;}
.stock_v3 .column_02 dl.coin_market.slide dd{float: left; width: auto;}
.stock_v3 .column_02 dl.exchange_rate dd:nth-of-type(3):after{display: none;}
.stock_v3 .column_02 dl.coin_market dd:nth-of-type(3):after{display: none;}

.main .planning_v3{padding: 4rem 0; margin-bottom: 4rem; background: #eaeaea;}
.planning_v3 .column_01{float: left; width: 55.5rem;}
.planning_v3 .column_02{float: right;width: 55.5rem;}
.planning_v3 ul{margin-left: -1.5rem;}
.planning_v3 .news_item{float: left; width: 50%; padding-left: 1.5rem; box-sizing: border-box;}
.planning_v3 .news_item .thumb{position: relative; margin-bottom: 1rem; width: 100%; height: 18rem;}
.planning_v3 .news_item .thumb img{height: 100%;}
.planning_v3 .news_item .thumb .label{position: absolute; left: 0; bottom: 0; width: 100%; height: 5rem; line-height: 5rem; padding: 0 2rem; text-align: center; box-sizing: border-box; background: rgba(0,0,0,0.6); color:#fff; font-weight: 500; font-size: 1.6rem; letter-spacing: -1.2px; z-index: 9; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box;}
.planning_v3 .news_item .text_area .tit{font-size: 2rem; font-weight: 400; line-height: 2.8rem;letter-spacing: -1.35px; -webkit-line-clamp: 2; padding:0 5px 0;}


.stock_slide{overflow: hidden; padding: 0 2rem; position: relative; width: calc(100% - 1px);}
.stock_slide .slick-list{display: block; width: 100%;}
.stock_slide .slick-arrow{position: absolute; top: 50%; width: 2rem; height: 6.6rem; border: 1px solid #ddd; box-sizing: border-box; border-radius: 2px; transform: translateY(-50%); text-indent: -9999px; z-index: 9;}
.stock_slide .slick-arrow.slick-prev{left: 0; background: #fff url(../img/stock_slide_prev.png) 50% 50% / 1rem no-repeat;}
.stock_slide .slick-arrow.slick-next{right: 0;background: #fff url(../img/stock_slide_next.png) 50% 50% / 1rem no-repeat;}
.stock_slide .slick-arrow.slick-disabled{display: none !important;}

.main .component.audio_clip{margin-bottom: 4rem;}
.main .component.audio_clip .column_tit{height: 6.3rem;}
.main .component.audio_clip .column_tit a{width: 13rem; height: 4.4rem; background: url(../img/v2/logo_audio_clip.png) 50% 50% / 13rem no-repeat; text-indent: -9999px;}
.main .component.audio_clip ul .channel a .text_area .tit{border-radius: 4px;}
/* // v2*/

/*팝업*/
.layer_wrap{display: none; position: fixed; top: 0; left: 0; padding: 30px 0; width: 100%; height: 100%; overflow: auto; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; z-index: 999999999999; box-sizing: border-box;}
.layer_wrap:before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.layer_wrap .layer_dialog{position: relative; display: inline-block; vertical-align: middle; white-space: normal; line-height: 1; text-align: left; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; z-index: 10; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
.layer_dialog_close{position: absolute;top: 0;right: 0;width: 5rem;height: 5rem; background: url(../img/view/icon_share_close.png) 50% 50% no-repeat; background-size: auto;}
.layer_wrap_background_close{position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
.layer_dialog{width: 35rem; box-sizing: border-box; border: 1px solid #e0e0e0; border-top: 3px solid #000; border-radius: 5px; background: #fff; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);}
.layer_wrap.is_show{display: block; opacity:1;}
.layer_wrap.is_show .layer_dialog{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.layer_wrap.is_hide{opacity:0;}
.layer_head{padding: 2.5rem 0 1.8rem 3rem;}
.layer_head strong{display: block; font-size: 1.7rem; line-height: 1.8rem; font-weight: 700; letter-spacing: -1.275px;}

.sticky_share_pop{position: absolute; padding: 0; text-align: right; overflow: visible; z-index: 9;}
.sticky_share_pop .layer_dialog{display: block; margin-left: auto; margin-top: -2.5rem;}
.newsquick_list .sticky_share_pop .layer_dialog{margin-top: -8rem;}
.share_pop .layer_content{padding: 0 3rem 3rem;}
.share_pop .sns_list{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.share_pop .sns_list li{display: block; width: 5.5rem; height: 5.5rem; background-repeat: no-repeat; background-size: auto; background-image: url(../img/view/icon_sns.png);}
.share_pop .sns_list li:nth-child(1){background-position: 0 0;}
.share_pop .sns_list li:nth-child(2){background-position: -6rem 0;}
.share_pop .sns_list li:nth-child(3){background-position: -12rem 0;}
.share_pop .sns_list li:nth-child(4){background-position: -18rem 0;}
.share_pop .sns_list li:nth-child(5){background-position: -24rem 0;}
.share_pop .sns_list li a{display: block; width: 100%; height: 100%;}
.share_pop .form_wrap{position: relative; height: 4rem;}
.share_pop .form_wrap input{padding: 0 9.5rem 0 1.5rem; width: 100%; height: 100%; border: 1px solid #cccccc; box-sizing: border-box; outline: none;}
.share_pop .form_wrap button{position: absolute; right: 0; top: 0; width: 8rem; height: 100%; background: #111; font-size: 1.3rem; font-weight: 700; color:#fff;}

.layer_wrap.img_pop{padding: 0; background: rgba(0,0,0,0.8);}
.layer_wrap.img_pop .layer_dialog{width: 100rem; border: none; border-top: none; border-radius: 0; box-shadow: none;}
/*.layer_wrap.img_pop .layer_dialog .layer_content{width: 100rem;}*/
.layer_wrap.img_pop .layer_dialog img{width: 100%; height: auto;}
.layer_wrap.img_pop .layer_dialog_close{position: fixed; top: 5rem; right: 4rem; background: url(../img/view/icon_img_close.png) 50% 50% no-repeat;}

.tab_contant{display: none;}
.tab_contant.on{display: block;}
/*.thumb img{transition: .3s;}
.thumb:hover img{transform: translate(-50%, -50%) scale(1.05) !important;}*/
/*.thumb img{transform: translate(-50%, -50%) scale(1.3) !important;}*/
/*.thumb {background: url(https://image.ajunews.com/images/site/img/ajunews/list_noimg.jpg) 50% 50% no-repeat; background-size: 100%;}*/
/*.thumb img{transition: 2s; opacity: 0;}*/

.news_item .thumb{overflow: hidden; position: relative; display: block;}
.main_v3 .news_item .thumb img{opacity: 1;}
.main_v3 .news_item .thumb:hover img{transform: translate(-50%, -50%) scale(1.05);}
.main_v3 .news_item .thumb.overHth:hover img{transform: translate(-50%, 0) scale(1.05) !important;}
.news_item .thumb img{width: 100%; height: 100%; transition: .5s;}
.news_item .thumb.overWth img{min-width: 100%; width: auto !important; height: 100% !important;}
.news_item .thumb.overHth img{top: 0 !important; width: 100% !important; height: auto !important; transform: translate(-50%, 0) !important;}
.news_item .text_area{}
.news_item .text_area .tit{display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box;}
.news_item .text_area .lead{display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.form_radio, .form_checkbox{display: inline-block;}
.form_radio label, .form_checkbox label{display: block; position: relative; padding: 0 0 0 2rem; height: 100%; cursor: pointer;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.form_radio input:checked + label:before{background: #fff; border-color:#0075ff;}
.form_radio input:checked + label:after{background: #0075ff;}
.form_radio label:before{box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); clear: both; content: ""; border: 1px solid #999999; width: 13px; height: 13px; border-radius: 50%;}
.form_radio label:after{ box-sizing: border-box; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); clear: both; content: ""; width: 9px; height: 9px; background: #fff; border-radius: 50%;}

.photo_view_slide_wrap_v3{position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 7rem; margin-bottom: 8rem; border-bottom: 3px double #000;}
.photo_view_slide_wrap_v3 .expansion_btn{position: absolute;right: 2rem;top: 2rem;width: 5rem;height: 5rem;background: url(../img/view/icon_expansion.png) no-repeat; background-size: auto;background-size: auto;background-size: 5rem;z-index: 9;cursor: pointer;}
.photo_view_slide_wrap_v3 .slider_for{position: relative; background: #eee;position: relative;margin-bottom: 2rem;height: 45rem;}
.photo_view_slide_wrap_v3 .slider_for a.slider_img{display: block;width: 100%;height: 100%;text-align: center;}
.photo_view_slide_wrap_v3 .slider_for a.slider_img img{height: 100%;}
.photo_view_slide_wrap_v3 .slider_for .slide_arrow{position: absolute;top: 50%;width: 7.5rem;height: 7.5rem;background-size: 3rem;transform: translateY(-50%);z-index: 9;cursor: pointer;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);font-size: 0;opacity: 0;transition: .3s;}
.photo_view_slide_wrap_v3 .slider_for .slide_arrow.slide_prev{left: 2rem;background: #fff url(../img/photo/photo_main_banner_prev.png) 50% 50% no-repeat;}
.photo_view_slide_wrap_v3 .slider_for .slide_arrow.slide_next{right: 2rem;background: #fff url(../img/photo/photo_main_banner_next.png) 50% 50% no-repeat;}
.photo_view_slide_wrap_v3 .slider_for:hover .slide_arrow{opacity: 1;}
.photo_view_slide_wrap_v3 .slider_for .slide_paging{position: absolute;right: 1rem;bottom: 1rem;padding: 0.7rem 1.5rem;background: #0a1118;box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);}
.photo_view_slide_wrap_v3 .slider_for .slide_paging li{display: block;color: #828282;font-size: 1.5rem;}
.photo_view_slide_wrap_v3 .slider_for .slide_paging li strong{color: #fff;}
.photo_view_slide_wrap_v3 .slider_nav{display: block; width: 100%; position: relative; padding: 0 3rem; height: 8.5rem; box-sizing: border-box; background: #000;}
.photo_view_slide_wrap_v3 .slider_nav:after{content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.photo_view_slide_wrap_v3 .slider_nav a.slider_img{position: relative; float: left; width: 20%; height: 100%; overflow: hidden; background: #000;}
.photo_view_slide_wrap_v3 .slider_nav a.slider_img img{position: absolute; left: 50%; top: 0; width: 100%; transform: translate(-50%, 0);}
.photo_view_slide_wrap_v3 .slider_nav a.slider_img.on:after{position: absolute; left: 0; top: 0; display: block; clear: both; content: ""; width: 100%; height: 100%; border: 6px solid rgba(255,255,255,0.8); box-sizing: border-box;}
.photo_view_slide_wrap_v3 .slider_nav .slide_arrow{position: absolute; top: 0; width: 3rem; height: 100%; background-size: 1rem; z-index: 10; cursor: pointer; font-size: 0;}
.photo_view_slide_wrap_v3 .slider_nav .slide_arrow.slide_prev{left: 0; background: #0a1118 url(../img/photo/pictorial_prev.png) 50% 50% no-repeat;}
.photo_view_slide_wrap_v3 .slider_nav .slide_arrow.slide_next{right: 0; background: #0a1118 url(../img/photo/pictorial_next.png) 50% 50% no-repeat;}

/* 광고 */
.main_ad_wrap{position: absolute; left: 50%; top: 0; width: 115rem; height: 0;box-sizing: border-box; transform: translateX(-50%); z-index: 0;}
/*.main_ad_left{position: absolute; left: -18rem; top: 73.8rem; width: 16rem; height: 60rem; background: #eee;}*/
.main_ad_left{position: absolute; left: -18rem; top: 2rem; /*top: 73.8rem;*/ width: 16rem; height: auto;}
.main_ad_left li{display: block; width: 100%;}
.main_ad_left li a{display: block; width: 100%; height: 100%; text-align: center;}
.main_ad_left li.ad_01{position: absolute; left: 0; top: 0; /*height: 240px;*/}
.main_ad_left li.ad_01 a{position: relative;}
.main_ad_left li.ad_01 a .count{position: absolute; left: 1.6rem; top: 3.2rem; display: inline-block; padding: 0 2rem; height: 2.8rem; box-sizing: border-box; background: #fff; border-radius: 2.8rem; line-height: 2.8rem; color:#4750bf; text-align: center; font-size: 1.6rem; font-weight: 700;}
.main_ad_left li.ad_01 a .count em{font-weight: 700;}
.main_ad_left li.ad_02{position: absolute; left: 0; top: 535px; /*height: 600px;*/}
.main_ad_left li.ad_03{position: absolute; left: 0; top: 260px; /*height: 200px;*/}
#div-gpt-ad-1607416033652-0{margin: 0 0 5rem !important;}
.aside .asd_rise{display: block; margin-bottom: 5rem;}
.aside .asd_banner{display: block; margin-bottom: 5rem;}

.banner_wrap{display: block;}
.banner_wrap.banner_wrap_01{margin-top: 5rem}
.banner_wrap.banner_wrap_01 #div-gpt-ad-1607416333808-0{margin: 0 !important;}
.banner_wrap.banner_wrap_02{margin-bottom: 5rem;}
.banner_wrap.banner_wrap_03{margin-bottom: 5rem;}
.banner_wrap.banner_wrap_04{margin-bottom: 5rem;}
.banner_wrap.banner_wrap_05{display: flex; align-items: center; box-sizing: border-box; margin-bottom: 5rem; width: 100%;}
.banner_wrap.banner_wrap_05 .banner_con{width: 50%; box-sizing: border-box; text-align: center;}
.banner_wrap.banner_wrap_06{display: flex; align-items: center; box-sizing: border-box; margin-top: 5rem; width: 100%;}
.banner_wrap.banner_wrap_06 .banner_con{width: 50%; box-sizing: border-box; text-align: center;}
.banner_wrap.banner_wrap_07{margin-bottom: 5rem; text-align: center;}
/* // 광고 */

/*제20대 대통령선거 2022*/
.election_2022_wrap{display: block; padding-top: 5rem; margin-bottom: 15rem;}
/*.election_2022_wrap section{margin-bottom: 7rem;}*/
.election_2022_wrap .election_visual{margin-bottom: 8rem;}
.election_2022_wrap .election_visual .count{position: absolute; right: 5rem; top: 5.8rem; display: flex; justify-content: space-between; align-items: center; height: 8.4rem; padding-left: 3rem; padding-right: 2.3rem; border: 3px solid #fff; box-sizing: border-box;}
.election_2022_wrap .election_visual .count span{display: block; margin-right: 2rem; font-size: 5rem; color:#fff; font-family: "Malgun Gothic";}
.election_2022_wrap .election_visual .count span em{}
.election_2022_wrap .election_visual .count dl{font-size: 1.6rem; color:#fff; font-weight: 400;}
.election_2022_wrap .election_visual .count dl dt{margin-bottom: 5px;}
.election_2022_wrap .article_wrap{margin-left: -3.5rem;}
.election_2022_wrap .article_wrap .column{float: left; width: 33.333%; padding-left: 3.5rem; box-sizing: border-box;}
.election_2022_wrap .election_tit{display: block; width: 100%; height: 4rem; font-size: 2.2rem; letter-spacing: -1.65px; box-sizing: border-box;}
.election_2022_wrap .election_tit.line{border-bottom: 3px solid #000;}
.election_2022_wrap .news_item{display: flex; align-items: center;}
.election_2022_wrap .news_item .thumb{position: relative;}
.election_2022_wrap .news_item .thumb:after { clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.election_2022_wrap .news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.election_2022_wrap .news_item .text_area{}
.election_2022_wrap .news_item .text_area .tit{font-size: 2.2rem; line-height: 3rem; letter-spacing: -1.65px; font-weight: 400; }
.election_2022_wrap .news_item .text_area .lead{}
.election_2022_wrap .election_article_list_01{margin-bottom: 5.5rem;}
.election_2022_wrap .election_article_list_01 .list_3 .news_item{flex-direction: row-reverse; padding: 2rem 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.election_2022_wrap .election_article_list_01 .list_3 .news_item:last-of-type{border-bottom: none;}
.election_2022_wrap .election_article_list_01 .list_3 .news_item .thumb{flex-shrink: 0; width: 10rem; height: 7.5rem; margin-left: 2.5rem;}
.election_2022_wrap .election_article_list_01 .list_3 .news_item .text_area{flex-grow: 1; padding-left: 1rem;}
.election_2022_wrap .election_article_list_01 .list_3 .news_item .text_area .tit{-webkit-line-clamp: 2; height: 6rem;}
.election_2022_wrap .election_article_list_01 .list_1 .news_item{ flex-wrap: wrap; padding: 2rem 0;}
.election_2022_wrap .election_article_list_01 .list_1 .news_item .thumb{flex-shrink: 0; width: 41.66666666666667%; height: 11rem;}
.election_2022_wrap .election_article_list_01 .list_1 .news_item .text_area{display: flex; align-items: center; flex-shrink: 0; padding: 0 2.5rem 0 1rem; width: 58.33333333333333%; height: 11rem; box-sizing: border-box;}
.election_2022_wrap .election_article_list_01 .list_1 .news_item .tit{-webkit-line-clamp: 3; height: 9rem;}
.election_2022_wrap .election_article_list_01 .list_1 .news_item .lead{margin-top: 2rem; padding-left: 1rem; height: 15rem; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.45px; color:#666; -webkit-line-clamp: 6; box-sizing: border-box;     overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;box-sizing: border-box;}
.election_2022_wrap .election_article_list_02{margin-bottom: 7.5rem;}
.election_2022_wrap .election_article_list_02 .election_tit{margin-bottom: 2rem;}
.election_2022_wrap .election_article_list_02 .news_item{display: block;}
.election_2022_wrap .election_article_list_02 .news_item .thumb{margin-bottom: 1.5rem; width: 100%; height: 20rem;}
.election_2022_wrap .election_article_list_02 .news_item .text_area{position: relative;}
.election_2022_wrap .election_article_list_02 .news_item .tit{padding-left: 1rem; -webkit-line-clamp: 2; height: 6rem;}
.election_2022_wrap .election_article_list_02 .news_item .label{position: absolute; left: 1rem; top: -3.5rem; width: 10rem; height: 3rem; z-index: 9; text-indent: -99999px;}
.election_2022_wrap .election_article_list_02 .news_item .label.green{background: url(../img/election_2022/label_green.png) 0 50% / 9.9rem no-repeat;}
.election_2022_wrap .election_article_list_02 .news_item .label.red{background: url(../img/election_2022/label_red.png) 0 50% / 8.4rem no-repeat;}
.election_2022_wrap .election_article_list_02 .news_item .label.purple{background: url(../img/election_2022/label_purple.png) 0 50% / 8.9rem no-repeat;}
.election_2022_wrap .election_article_list_03{padding: 8rem 0; margin-bottom: 8rem; background: #eff1f9; box-sizing: border-box;}
.election_2022_wrap .election_article_list_03 ul{}
.election_2022_wrap .election_article_list_03 ul li{float: left; height: 35rem;}
.election_2022_wrap .election_article_list_03 ul li a{overflow: hidden; position: relative; display: block; width: 100%; height: 100%;}
.election_2022_wrap .election_article_list_03 ul li .thumb{ position: relative; display: block; width: 100%; height: 100%;}
.election_2022_wrap .election_article_list_03 ul li .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.election_2022_wrap .election_article_list_03 ul li .tit{font-weight: 500; font-size: 2.2rem; letter-spacing: -1.65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_01{width: 59rem;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_01 .tit{position: absolute; left: 0; bottom: -7rem; padding: 0 2rem; width: 100%; height: 7rem; background: rgba(0,0,0,0.7); color:#fff; line-height: 7rem;  text-align: center; transition: .3s; }
.election_2022_wrap .election_article_list_03 ul li.photo_item_01:hover .tit{bottom: 0;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_02{width: 25rem;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_02 .thumb{height: 25rem;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_02 p{display: block; width: 100%; height: 10rem; padding: 2rem 2.5rem; background: #fff; box-sizing: border-box;}
.election_2022_wrap .election_article_list_03 ul li.photo_item_02 .tit{ line-height: 3rem; -webkit-line-clamp: 2; height: 6rem;}
.election_2022_wrap .election_article_list_03 ul li:nth-child(1){margin-right: 4rem;}
.election_2022_wrap .election_article_list_03 ul li:nth-child(2){margin-right: 2rem;}
.election_2022_wrap .election_article_list_04{}
.election_2022_wrap .election_article_list_04 .left_con{float: left; width: 80rem;}
.election_article_list_04 .news_list{min-height: 147rem; margin-bottom: 3rem; margin-top: 3rem;}
.election_article_list_04 .news_list li.news_item{align-items: center; margin-bottom: 3rem;}
.election_article_list_04 .news_list li.news_item:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.election_article_list_04 .news_list li.news_item:last-child{margin-bottom: 0;}
.election_article_list_04 .news_list li.news_item .thumb{float: left; flex-shrink: 0; overflow: hidden; position: relative; display: block; margin-right: 2rem; width: 20rem; height: 13rem;}
.election_article_list_04 .news_list li.news_item .thumb:after{clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box;}
.election_article_list_04 .news_list li.news_item .thumb img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.election_article_list_04 .news_list li.news_item .text_area{float: right; flex-grow: 1; display: block; /*padding-left: 2rem;*/ width: 59rem; /*margin-top: 1rem;*/ box-sizing: border-box;}
.election_article_list_04 .news_list li.news_item .text_area .tit{margin-bottom: 1.2rem; height: 2.5rem; width: 100%; font-size: 2.2rem; line-height: 2.5rem; word-break: keep-all; letter-spacing: -0.9px;}
.election_article_list_04 .news_list li.news_item .text_area .lead{height: 5rem; width: 100%;font-size: 1.5rem; line-height: 2.5rem; color: #666666; letter-spacing: -0.7px; text-decoration: none;}
.election_article_list_04 .news_list li.news_item .text_area .date{display: flex; margin-top: 1.4rem;}
.election_article_list_04 .news_list li.news_item .text_area .date li{display: block; margin-right: 0.8rem; font-size: 1.3rem; color: #999;}
.election_article_list_04 .more{position: relative; display: block; text-align: center; margin-top: 1rem;}
.election_article_list_04 .more:before{display: block; clear: both; content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ccc; z-index: -1;}
.election_article_list_04 .more a{display: inline-block; width: 15rem; height: 5rem; border: 1px solid #ccc; background: #fff; line-height: 4.8rem; font-size: 1.6rem; letter-spacing: -1.125px; box-sizing: border-box; text-decoration: none; border-radius: 27.5rem;}
.election_article_list_04 .more a span{display: inline-block; /*color:#247eda;*/ font-weight: 700;}
.election_article_list_04 .more a i{position: relative; display: inline-block; margin-right: 5px; width: 1.2rem; height: 1.2rem;}
.election_article_list_04 .more a i:after{display: block; clear: both; content: ""; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 2px; background: #000; transform: translate(-50%, -50%); border-radius: 2px;}
.election_article_list_04 .more a i:before{display: block; clear: both; content: ""; position: absolute; left: 50%; top: 50%; width: 2px; height: 1.2rem; background: #000; transform: translate(-50%, -50%); border-radius: 2px;}
.election_2022_wrap .election_article_list_04 .right_con{float: right; width: 30rem;     position: -webkit-sticky; position: sticky; top: 96px; -webkit-transition: top .3s ease; transition: top .3s ease;}
.election_2022_wrap .election_article_list_04 .right_con .banner{display: block; }
.election_2022_wrap .election_article_list_04 .right_con .banner a{display: block; width: 100%; height: 100%;}
.election_2022_wrap .election_article_list_04 .right_con .banner span{display: block; margin-top: 1rem; text-align: right; color:#999; font-size: 1.2rem;}
.election_article_list_04 .schedule_list{position: relative; margin-bottom: 5rem; padding-left: 5rem; box-sizing: border-box;}
.election_article_list_04 .schedule_list:before{display: block; clear: both; content: ""; position: absolute; left: 2.3rem; top: 4.6rem; height: calc(100% - 85px); width: 3px; background: #e8e8e8;}
.election_article_list_04 .schedule_list li{position: relative; padding: 2.5rem 3rem; margin-bottom: 1rem; border: 1px solid #dfdfdf; box-sizing: border-box; border-radius: 15px;}
.election_article_list_04 .schedule_list li:last-child{margin-bottom: 0;}
.election_article_list_04 .schedule_list li .date{display: block; margin-bottom: 1rem; font-size: 1.3rem; color:#666;}
.election_article_list_04 .schedule_list li .title{display: block; font-weight: 500; font-size: 1.8rem; letter-spacing: -1.35px;}
.election_article_list_04 .schedule_list li:before{display: block; clear: both; content: ""; position: absolute; left: -3.5rem; top: 50%; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; background: #e8e8e8; border-radius: 50%;}
.election_article_list_04 .schedule_list li:after{display: block; clear: both; content: ""; position: absolute; left: -3.1rem; top: 50%; transform: translateY(-50%);  width: 8px; height: 8px; background: #fff; border-radius: 50%;}
.election_article_list_04 .schedule_list li i{display: none; position: absolute; left: -1.4rem; top: 50%; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; background: url(../img/election_2022/arrow.png) 50% 50% / 1.5rem no-repeat;}

.election_article_list_04 .schedule_list li.on{border: 3px solid #3c46bc;}
.election_article_list_04 .schedule_list li.on i{display: block;}
.election_article_list_04 .schedule_list li.on:before{background: #3c46bc;left: -3.6rem;}
.election_article_list_04 .schedule_list li.on:after{left: -3.2rem;}
.election_article_list_04 .schedule_list li.on .title{font-weight: 700; color:#4750bf;}
/*// 제20대 대통령선거 2022*/

/*댓글추가*/
.comment_wrap{display: block; padding-bottom: 5rem;}
.comment_wrap .total_number{display: block; height: 4rem; font-weight: 700; font-size: 2.2rem;}
.comment_wrap .total_number em{font-weight: 700;}
.comment_form{position: relative; display: block; padding: 2rem 2rem 4rem; width: 100%; box-sizing: border-box; border-top: 1px solid #333; border-bottom: 1px solid #efefef;}
.comment_form .user_info{display: flex; align-items: center;}
.comment_form .user_info .user_thumb{position: relative; overflow: hidden; display: block; margin-right: 1rem; width: 3rem; height: 3rem; border-radius: 50%; background: #efefef;}
.comment_form .user_info .user_thumb img{position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%);}
.comment_form .user_info .user_name{display: block; box-sizing: border-box;}
.comment_form .user_info .user_name span{display: block; font-weight: 500; font-size: 1.5rem;}
.comment_form .user_info .date{position: relative; display: block; padding-left: 3rem; box-sizing: border-box;}
.comment_form .user_info .date:before{position: absolute; left: 16px; top: 2px; display: block; clear: both; content: ""; width: 1px; height: 9px; background: #dfdfdf;}
.comment_form .user_info .date span{display: block; color:#888; font-size: 1.3rem;}
.comment_form .user_info .comment_btn{position: absolute; right: 2rem; top: 3rem; width: 7rem; height: 2.8rem; border: 1px solid #dddddd; border-radius: 2px; box-sizing: border-box; text-decoration: none;}
.comment_form .user_info .comment_btn span{display: block; text-align: center; line-height: 2.6rem; color: #666; font-size: 1.2rem;}
.comment_form .comment_txt{display: block; margin-top: 1.5rem; width: 100%; font-size: 1.5rem; line-height: 2.1rem;}
.comment_form .comment_textarea{position: relative; display: block; width: 100%; height: 10rem;}
.comment_form .comment_textarea textarea{ font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size:1.4rem; display: block; margin-top: 2rem; padding: 1.5rem 7rem 1.5rem 2rem; width: 63rem; height: 100%; resize: none; line-height: 2.1rem; box-sizing: border-box; border: 1px solid #ccc; border-right: none; border-radius: 4px 0 0 4px; outline: none;}
.comment_form .comment_textarea .count{position: absolute; right: 11.5rem; bottom: 1.5rem; display: block; color:#999; font-size: 1.3rem; font-weight: 400;}
.comment_form .comment_textarea .count em{display: inline-block;color:#333;}
.comment_form .comment_textarea .write_btn{position: absolute; right: 0; top: 0; width: 10rem; height: 100%; background: #333; border-radius: 0 4px 4px 0; }
.comment_form .comment_textarea .write_btn span{display: block; color:#fff; text-align: center; font-size: 1.5rem; font-weight: 500;}
.comment_form .user_info + .comment_textarea textarea{margin-top: 1rem;}
.comment_list{}
.comment_list li{}
.comment_list li .comment_form{padding-top: 3rem; padding-bottom: 3.5rem; border-top: none;}
.comment_list li:last-child .comment_form{padding-bottom: 3rem; border-bottom: none;}
.comment_more{display: block; width: 100%; height: 6.2rem; box-sizing: border-box; border: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; text-decoration: none;}
.comment_more span{display: block; text-align: center; line-height: 6rem; font-size: 1.5rem;}
.comment_more span:after{display: inline-block; clear: both; content: ""; margin-left: 1rem; width: 1.1rem; height: 2.1rem; background: url(../img/view/comment_more.png) 50% 50% / 1.1rem no-repeat; vertical-align: middle;}

.alert_pop{}
.alert_pop .layer_dialog{border: none; border-top: 3px solid #000; border-radius: 0 0 4px 4px;}
.alert_pop .layer_content{padding: 2.5rem 3rem 4rem;}
.alert_pop .alert_txt{display: block; margin-bottom: 2.5rem; font-size: 1.8rem; line-height: 3rem;}
.alert_pop .alert_btn_wrap{display: block; margin-left: -1rem;}
.alert_pop .alert_btn_wrap li{float: left; padding-left: 1rem; width: 50%; height: 4rem; box-sizing: border-box;}
.alert_pop .alert_btn_wrap li .alert_btn{display: block; width: 100%; height: 100%; border: 1px solid #aaa; box-sizing: border-box; text-decoration: none;}
.alert_pop .alert_btn_wrap li .alert_btn span{display: block; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 3.8rem;}
.alert_pop .alert_btn_wrap li .alert_btn.fill span{color:#fff;}
.alert_pop .alert_btn_wrap li .alert_btn.fill{background: #20d0cc; border: 1px solid #20d0cc;}
.alert_pop .alert_btn_wrap li .alert_btn.fill.gray{background: #333; border: 1px solid #333;}
/*// 댓글추가*/

/* 2022 베이징올림픽 */
.main_beijing2022{display: block; margin-bottom: 4rem;}
.main_beijing2022 .inner{padding: 9rem 5rem 3rem; background: url(../img/beijing_2022/beijing2022_bg.png) 50% 50% / cover no-repeat; box-sizing: border-box;}
.main_beijing2022 .beijing_tit{position: absolute; left: 5rem; top: 2.5rem; width: 29.6rem; height: 4.2rem;}
.main_beijing2022 .beijing_tit a{display: block; width: 100%; height: 100%; background: url(../img/beijing_2022/beijing2022_tit.png) 50% 50% / 29.6rem no-repeat;}
.main_beijing2022 .util{position: absolute; right: 5rem; top: 0; display: flex; align-items: center; height: 9rem;}
.main_beijing2022 .util strong{display: block; margin-right: 1.4rem; color:#fff; font-size: 1.5rem; letter-spacing: -1px; font-weight: 500;}
.main_beijing2022 .util strong span{font-size: 2.5rem; color:#fcf9ba; font-weight: 700;}
.main_beijing2022 .util dl{display: flex; justify-content: space-between; flex-shrink: 0; width: 18.9rem; height: 100%; background: url(../img/beijing_2022/medal.png) 0 0% / 18.9rem no-repeat;}
.main_beijing2022 .util dl dd{font-size: 1.8rem; font-weight: 700; flex-shrink: 0; padding-top: 3.7rem; width: 5.6rem; text-align: center; box-sizing: border-box;}
.main_beijing2022 .news_list{}
.main_beijing2022 .news_list .news_item{float: left; width: 22rem; box-sizing: border-box; box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.15);}
.main_beijing2022 .news_list .news_item:nth-child(1){margin-right: 3.2rem; width: 56rem;}
.main_beijing2022 .news_list .news_item:nth-child(1) .thumb{height: 30rem;}
.main_beijing2022 .news_list .news_item:nth-child(1) .text_area{padding: 2rem 3rem; height: 13rem; box-sizing: border-box;}
.main_beijing2022 .news_list .news_item:nth-child(1) .text_area .tit{margin-bottom: 7px; height: 3rem; line-height: 3rem; font-size: 2.2rem; letter-spacing: -1px;}
.main_beijing2022 .news_list .news_item:nth-child(1) .text_area .lead{font-size: 1.5rem; line-height: 2.1rem; color:#888;}
.main_beijing2022 .news_list .news_item:nth-child(2){margin-right: 1.8rem; margin-bottom: 1rem;}
.main_beijing2022 .news_list .news_item:nth-child(3){margin-bottom: 1rem;}
.main_beijing2022 .news_list .news_item:nth-child(4){margin-right: 1.8rem;}
.main_beijing2022 .news_list .news_item:nth-child(5){}
.main_beijing2022 .news_list .news_item .thumb{width: 100%; height: 13rem;}
.main_beijing2022 .news_list .news_item .text_area{padding: 1.7rem 2rem; height: 8rem; background: #fff; box-sizing: border-box;}
.main_beijing2022 .news_list .news_item .text_area .lead{font-size: 1.7rem; line-height: 2.2rem; letter-spacing: -1px;}
/* // 2022 베이징올림픽*/

/*newspaper list*/
.newspaper_content{display: block; padding-top: 3rem; padding-bottom: 20rem;}
.newspaper_content .sub_visual{margin-bottom: 0;}
.newspaper_content .sub_visual .inner{height: 24rem; background: url(../img/newspaper/newspaper_sub_visual.png) 50% 50% / 100% no-repeat;}
.newspaper_content .sub_visual h2{display: block; padding-left: 6.7rem; padding-top: 6rem; font-size: 4.8rem; font-weight: 700; letter-spacing: -1px; color:#fff;}
.newspaper_content .sub_visual h2:after{display: block; clear: both; content: ""; margin-top: 2rem; margin-bottom: 2.4rem; width: 6rem; height: 1px; background: #fff;}
.newspaper_content .sub_visual p{display: block; padding-left: 6.7rem; font-size: 2rem; font-weight: 400; letter-spacing: -1px; color:#fff;}
.newspaper_content .sub_visual p span{font-weight: 700;}
.newspaper_content .tool .inner{display: flex; justify-content: center; align-items: center; height: 10rem;}
.newspaper_content .tool .inner .txt{margin-left: 1rem; margin-right: 2rem;}
.newspaper_content .newspaper_list{}
.newspaper_content .newspaper_list ul{margin-left: -4.4rem;}
.newspaper_content .newspaper_list ul li{float: left; padding-left: 4.4rem; margin-bottom: 5rem; width: 20%; box-sizing: border-box;}
.newspaper_content .newspaper_list ul li a{display: block; width: 100%; height: 100%; box-sizing: border-box;}
.newspaper_content .newspaper_list ul li a .thumb{position: relative; padding: 1rem; width: 100%; height: 27rem; border: 1px solid #dfdfdf; box-sizing: border-box;}
.newspaper_content .newspaper_list ul li a .thumb img{width: 100%;}
.newspaper_content .newspaper_list ul li a .label{display: block; margin: 2rem auto 0; width: 13rem; height: 3.5rem; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; text-align: center; line-height: 3.3rem; color:#333; border-radius: 3.5rem;}
.newspaper_content .newspaper_list ul li:hover a .thumb{border: 1px solid #444444;}
.newspaper_content .newspaper_list ul li:hover a .label{background: #444444; border: 1px solid #444444; color:#fff;}
.newspaper_content .newspaper_list .newspaper_list_btn{display: block; margin: 5rem auto 0; width: 26rem; height: 8rem; line-height: 8rem; background: #20d0cc; text-align: center; color:#fff; font-size: 2.5rem; letter-spacing: -1px; }
/* // newspaper list*/

.qr_code_wrap{display: block; margin-top: 7rem; width: 100%; text-align: center;}
.qr_code_wrap a{display: block;}
.qr_code_wrap img{display: block; margin: auto; width: 15rem}
.qr_code_wrap strong{display: block; margin-top: 1rem}

.sub_visual{display: block; width: 100%; margin-bottom: 4rem;}

.main_top_banner{display: block; width: 100%; height: 6rem; background: #4a2cb6;}
.main_top_banner .inner{}
.main_top_banner .inner img{width: 100%;}
.main_top_banner .inner .close_btn{position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.main_top_banner .inner .close_btn span{display: inline-block; color:#fff; font-size: 1.2rem; letter-spacing: -1px;}
.main_top_banner .inner .close_btn span:after{display: inline-block; clear: both; content: ""; margin-left: 1rem; width: 9px; height: 9px; background: url(../img/main_top_banner/close_btn.png) 50% 50% /9px no-repeat;}

.js_selectbox{position: relative; display: inline-block; box-sizing: border-box;}
.js_selectbox .select{position: relative; display: inline-block; padding: 0 3rem 0 1.5rem; height: 4rem; border: 1px solid #dfdfdf; box-sizing: border-box; line-height: 3.8rem; font-size: 1.6rem; border-radius: 4px;}
.js_selectbox .select:after{position: absolute; right: 9px; top: 18px; display: block; clear: both; content: ""; width: 9px; height: 5px; background: url(../img/js_selectbox_arrow.png) 50% 50% / 9px no-repeat; transition: .1s;}
.js_selectbox ul{display: none; position: absolute; left: 0; top: 0; padding: 5px 0; width: 100%; border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; border-radius: 4px; z-index: 99;}
.js_selectbox ul li{display: block; width: 100%; height: 3.5rem; padding: 0 3rem 0 1.5rem; box-sizing: border-box; line-height: 3.5rem;}
.js_selectbox ul li a{display: block; width: 100%; height: 100%; box-sizing: border-box; font-size: 1.6rem;}
.js_selectbox ul li:hover{background: #444444;}
.js_selectbox ul li:hover a{color:#fff;}
.js_selectbox.on .select:after{transform: rotate(180deg);}

.content_wrap{}
.content_wrap .inner{}
.content_wrap .inner:after{content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.content_wrap .left_content{float: left; width: 82rem; box-sizing: border-box;}
.content_wrap .right_content{float: right; width: 33rem; box-sizing: border-box;}
.cn{font-family: 'Microsoft YaHei', '微软雅黑'; letter-spacing: 0 !important;}
.vn{font-family: 'Roboto',sans-serif; letter-spacing: 0 !important;}
.scroll_top{position: fixed; right: 2rem; bottom: 5rem; width: 6rem; height: 6rem; border: 1px solid #dfdfdf; background: #fff url(../img/scroll_top_arrow.png) 50% 50% no-repeat; background-size: 2rem; z-index: 9;}
.scroll_top a{display: block; width: 100%; height: 100%;}
/*.startpage{position: fixed; right: 2rem; top: 3rem; width: 17rem; height: 3.5rem; background: rgba(0,0,0,0.7); border-radius: 4px; z-index: 12; transition: .3s;}
.startpage.active{top: -4rem; opacity: 0;}
.startpage a{display: block; width: 100%; height: 100%; font-size: 1.2rem; color:#fff; font-weight: 700; text-align: center; letter-spacing: -0.36px; line-height: 3.5rem;}*/
.is_scroll_blocking{overflow: hidden;}
.scroll_blocking{display: none; position: fixed; left: 0; top: 0;width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10;}
.inner{position: relative; display: block; margin: 0 auto; width: 115rem; height: 100%; box-sizing: border-box;}
.hide, .blind{width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden}
.clearfix:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
.flex{display: flex;}
