main { position: relative; } .secw_nav { position: relative; width: 100%; position: sticky; top: 0px; background-color: #fff; z-index: 9; } .secw_nav .inner { display: flex; align-items: flex-end; border-bottom: 1px solid #333; padding-bottom: 25px; } .secw_nav .logo { display: none; transition: all 0.5s; } .secw_nav strong { font-size: 40px; font-weight:700; } .secw_nav ul { display: flex; margin-left: 40px; } .secw_nav ul li + li { margin-left: 14px; } .secw_nav ul li { position: relative; } .secw_nav ul li:hover a { color: #111; } .secw_nav ul li::before { content: ''; position: absolute; top: 52%; left: 4px; transform: translateY(-50%); font-weight: 400; display: block; width: 8px; height: 8px; border-radius: 50%; background: #1ea9a6; transform: translate(-50%, -50%) scale(0); } .secw_nav ul li.on::before { content: ''; transform: translate(-50%, -50%) scale(1); transition: all 0.2s; } .secw_nav ul li a { font-size: 19px; font-weight: 400; display: block; width: 100%; height: 100%; padding: 0 17px 0 14px; box-sizing: border-box; } .secw_nav .btn_area { display: none; width:115px; margin-left: auto; } .secw_nav .btn_area .btn_search { width: 36px; height: 36px; background: url(../img/btn_search.png) center center no-repeat; background-size: 50% auto; } .secw_nav .btn_area .btn_menu_all { width: 36px; height: 36px; background: url(../img/btn_menuall.png) center center no-repeat; background-size: 50% auto; } .secw_nav .btn_area .link_login { width: 36px; height: 36px; margin-left: 7px; background: url(../img/ico_login.png) no-repeat; background-size: 36px auto; } .secw_nav .btn_area .link_login.on { background: url(../img/ico_login_2.png) no-repeat; background-size: 36px auto; } .secw_nav .btn_area .btn_search.on { background: url(../img/btn_close.png) center center no-repeat; background-size: 50% auto; } .secw_nav .btn_area .btn_menu_all.on { background: url(../img/btn_close.png) center center no-repeat; background-size: 50% auto; } .secw_nav.fixed { border-bottom: 1px solid #eee; z-index: 99; } .secw_nav.fixed .inner { border-bottom: 0; padding: 11px 0; align-items: center; } .secw_nav.fixed .logo { display: block; width:105px; transition: all 0.5s; } .secw_nav.fixed .logo a { display: block; width:100%; height: 24px; background: url(../img/logo/logo.png) no-repeat; background-size: 100% auto; } .secw_nav.fixed strong { font-size: 19px; line-height: 24px; margin-left: 29px; position: relative; } .secw_nav.fixed strong:after { content: ""; display: block; position: absolute; right: -20px; top: 6px; width: 1px; height: 11px; background-color: #d4deeb; } .secw_nav.fixed ul li a { font-size: 17px; line-height: 24px; } .secw_nav.fixed .btn_area { display:flex; } .secw_nav_banner { width: 100%; } .secw_nav_htit .inner { font-size: 30px; padding-top: 60px; padding-bottom: 20px; border-bottom: 1px solid #000; } .secw_nav_tit { font-size: 40px; margin-top: 68px; position: relative;} .secw_nav_tit .inner { border-bottom: 1px solid #333; padding-bottom: 25px; font-weight:700; } .secw_nav_tit2 .inner { border-bottom:0; } .secw_nav_tit_sub .inner { width: 100%; font-size: 15px; padding: 45px 0 45px; border-top: 1px solid #333; } .bin_sn { width: 100%; height: 68px; } .section_top .inner { border-bottom: 4px double #dfdfdf; padding: 40px 0; display: flex; justify-content: space-between; } .section_top .st_lst_1 { width: 780px; display: flex; justify-content: space-between; } .section_top .st_lst_1 .thumb { width: 300px; height: 206px; } .section_top .st_lst_1 .txt_area { width: calc(100% - 324px); align-content: center; } .section_top .st_lst_1 .txt_area .tit { font-size: 30px; line-height: 42px; font-weight:600; } .section_top .st_lst_1 .txt_area .desc { font-size: 14px; line-height: 21px; color: #777; margin-top: 9px; } .section_top .st_lst_2 { width: 380px; } .section_top .st_lst_2 li { display: flex; justify-content: space-between; align-items: center; } .section_top .st_lst_2 li + li { margin-top: 20px; } .section_top .st_lst_2 .thumb { width: 140px; height: 93px; } .section_top .st_lst_2 .tit { width: calc(100% - 155px); font-size: 17px; line-height: 25px; -webkit-line-clamp: 2; } .section_top .st_lst_3 .st_lst_3 { margin-left: auto; } .section_top .st_lst_3 { width: calc(50% - 25px); display: flex; justify-content: space-between; } .section_top .st_lst_3 .thumb { width: 270px; height: 185px; } .section_top .st_lst_3 .txt_area { width: calc(100% - 295px); align-content: center; } .section_top .st_lst_3 .txt_area .tit { font-size: 30px; line-height: 42px; font-weight:600; } .section_top .st_lst_3 .txt_area .desc { font-size: 14px; line-height: 21px; color: #777; margin-top: 9px; } .sc_news_lst li { display: flex; justify-content: space-between; align-items: center; } .sc_news_lst li + li { margin-top: 20px; } .sc_news_lst li .thumb { width: 195px; height: 130px; } .sc_news_lst li .txt_area { width: calc(100% - 213px); } .sc_news_lst li .txt_area .tit { font-size: 20px; -webkit-line-clamp: 1; font-weight:500; } .sc_news_lst li .txt_area .desc { font-size: 14px; line-height: 21px; font-weight: 400; color: #777; -webkit-line-clamp: 2; margin-top: 10px; } .sc_news_lst li .txt_area .date { margin-top: 8px; } .section_top_photo .inner { border-bottom: 4px double #dfdfdf; padding: 40px 0; } .accordion-slider { display: flex; width: 100%; height: 350px; max-height: 350px; overflow: hidden; } .accordion-slider .slide { flex: 210px; position: relative; transition: flex 0.5s ease-in-out; cursor: pointer; background-color: #293738; } .accordion-slider .slide + .slide { margin-left: 3px; } .accordion-slider .slide .photo_news { position: relative; width: 100%; height: 100%; } .accordion-slider .slide .photo_news .txt_area { width: 0; height:0; opacity: 0; } .accordion-slider .slide .photo_news .thumb { width: 100%; height: 100%; max-width: 250px; overflow: hidden; object-fit: contain; } .accordion-slider .slide.active { flex:794px; } .accordion-slider .slide.active .photo_news { width: 100%; height: 100%; display: flex; justify-content: space-between; box-sizing: border-box; padding:30px 20px 30px 30px; transition: all 0.5s; } .accordion-slider .slide.active .photo_news .txt_area { display: block; width: 224px; height: auto; align-content: center; opacity: 1; transition: all 0.5s; } .accordion-slider .slide.active .photo_news .txt_area .tit { font-size: 25px; line-height: 34px; color: #fff; -webkit-line-clamp: 3; } .accordion-slider .slide.active .photo_news .txt_area .desc { font-size: 14px; line-height: 21px; color: #b0b0b0; margin-top: 10px; } .accordion-slider .slide.active .photo_news .thumb { width: 500px; height: 290px; max-width: 500px; transition: all 0.5s; } .accordion-slider .slide.active .photo_news .thumb:hover img { transform: translate(-50%, 0px); } .scp_news_lst { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .scp_news_lst li { width: 290px; margin-bottom: 40px; width: calc(100% / 4); padding:0 10px; box-sizing: border-box; } .scp_news_lst li .thumb { width: 290px; height: 178px; } .scp_news_lst li .thumb img { width: auto; } .scp_news_lst li .tit { font-size: 18px; line-height: 25px; margin-top: 10px; } .scp_news_lst.scp_news_lst_pictorial li .thumb .num { display: block; position: absolute; right: 0; bottom: 0; width: 50px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; font-weight: 300; color: #fff; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; display: flex; align-items: center; justify-content: center; z-index: 1; } .scp_news_lst.scp_news_lst_pictorial li .thumb .num::before { content: ""; display: block; width: 14px; height: 14px; background:url(../img/ico_list_photo.png) no-repeat; background-size: 100% auto; margin-right: 5px; } .section_con h3 + .sc_news_lst { margin-top: 15px; } .section_con_photo h3 + .scp_news_lst { margin-top: 15px; } .section_con .h3 + .sc_news_lst { margin-top: 15px; } .section_con_photo .h3 + .scp_news_lst { margin-top: 15px; } .paging {display: block; width: 100%; margin-top: 50px; } .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: #20d0cc; 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: border-box; transform: rotate(-180deg);} .paging ul li.next a{background: url(../img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box;} .newsquick_tool .rt_txt { font-size: 25px; border-bottom: 1px solid #dfdfdf; padding-bottom: 30px; } .newsquick_tool .rt_txt strong { font-weight: 700; } .rt_date_select .date_form { display: flex; width: 100%; justify-content: center;align-items: center; } .rt_date_select .date_form .date_select { display: flex; align-items: center; } .rt_date_select .date_form .date_select button { width: 13px; height: 40px; } .rt_date_select .date_form .date_select button.btn_prev { background: url(../img/btn_prev.png) 0 8px no-repeat; margin-right: 20px; } .rt_date_select .date_form .date_select button.btn_next { background: url(../img/btn_next.png) 0 8px no-repeat; margin-left: 20px; } .rt_date_select .date_form .date_select .date { font-family: 'Roboto'; font-size: 30px; color: #111; line-height: 40px; } .rt_date_select .date_form .date_select .calendar { position: relative; width: 3rem; height: 3rem; background: url(../img/ico_date.png) 50% 50% no-repeat; background-size: 3rem; margin-left: 10px; } .rt_date_select .date_form .date_select input{height: 100%; width: 100%; opacity: 0;} .rt_date_select .date_form .date_select .ui-datepicker-trigger{position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: transparent; padding: 0; font-size: 0;} .rt_date_select .date_form .date_select .ui-datepicker-trigger img{display: none;} .rt_date_select .date_form .date_tab { display: flex; margin-left: 20px; } .rt_date_select .date_form .date_tab button { width: 86px; height: 35px; font-size: 16px; color: #fff; background-color: #ccc; border-radius: 18px; } .rt_date_select .date_form .date_tab button + button { margin-left: 5px; } .rt_date_select .date_form .date_tab button.on { background-color: #333; } .newsquick_tool .rt_date_select { padding: 50px 0 35px; } .newsquick_tool .date_select li.calendar{position: relative; margin-right: 2.5rem; width: 4rem; height: 4rem; background: url(../img/newsquick/ico_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: 2rem; padding: 0; border: 1px solid #ccc; border-top: 5px solid #20d0cc; background: #fff; border-radius: 4px;display: none;} .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/btn_date_prev.png) 50% 50% no-repeat; background-size: 2rem;} .ui-datepicker .ui-datepicker-next span{background: url(../img/btn_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-radius: 50%; line-height: 4rem; background: #fff;} .ui-datepicker-current-day .ui-state-active{background: #20d0cc; color:#fff;} .ui-datepicker-current-day .ui-state-active:hover { 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;display: block;} .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/btn_close_date.png) 50% 50% no-repeat; background-size: 2rem;} .newsquick_lst li + li { margin-top: 20px; } .newsquick_lst li { display: flex; align-items: center; } .newsquick_lst li .num { width: 40px; font-size: 35px; font-weight: 500; font-family: 'GmarketSansMedium'; text-align: center; margin-right: 20px; flex-shrink: 0; } .newsquick_lst li .txt_area .tit { font-size: 20px; -webkit-line-clamp: 1; } .newsquick_lst li .txt_area .desc { font-size: 14px; line-height: 21px; color: #777; -webkit-line-clamp: 2; margin-top: 10px; } .newsquick_lst li .thumb { width: 195px; height: 130px; margin-left: 30px; flex-shrink: 0; } .newsquick_no_data { display: block; width: 100%; text-align: center; padding-top: 15rem; background: url(../img/icon_warning.png) left 50% top 0 no-repeat; background-size: 110px; margin-top: 100px; } .newsquick_no_data p { font-size: 38px; letter-spacing: -1px; } .newsquick_no_data p strong { font-weight: 700; } .ranking_tool { margin-bottom: 30px; } .ranking_tool .rt_tab { display: flex; } .ranking_tool .rt_tab a { width: 122px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; background-color: #ccc; border-radius: 18px; } .ranking_tool .rt_tab a + a { margin-left: 5px; } .ranking_tool .rt_tab a.on { background-color: #333; } .ranking_tool .rt_txt { position: relative; font-size: 25px; font-weight: 400; margin-top: 30px; border-bottom: 1px solid #dfdfdf; padding-bottom: 30px; } .ranking_tool .rt_txt strong { font-weight: 600; } .ranking_tool .rt_txt em { font-size: 14px; color: #555; margin-left: 10px; } .ranking_tool .rt_txt .realtime { position: absolute; right: 0; bottom: 30px; display: block; line-height: 20px; font-size: 16px; color: #111; } .ranking_tool .rt_txt .realtime:before { content: ""; float: left; width: 16px; height: 16px; background: url(../img/ico_realtime_16.png) no-repeat; margin:2px 6px 0 0; } .ranking_tool .rt_date_select { padding: 50px 0 10px; } .ranking_lst li + li { margin-top: 20px; } .ranking_lst li { display: flex; align-items: center; } .ranking_lst li .num { width: 40px; font-family: 'GmarketSansMedium'; text-align: center; margin-right: 20px; flex-shrink: 0; } .ranking_lst li .num span { display: block; font-size: 35px; font-weight: 500; } .ranking_lst li .num em { display: block; font-size: 13px; color: #f94040; margin-top: 14px; } .ranking_lst li .num em i { display: inline-block; width: 10px; height: 10px; margin-right: 2px; } .ranking_lst li .num em.up i { color: #f94040; background: url(../img/ico_up2.png) no-repeat; } .ranking_lst li .num em.down i { color: #3e50f8; background: url(../img/ico_down2.png) no-repeat; } .ranking_lst li .txt_area { width:calc(100% - 265px); } .ranking_lst li .txt_area .tit { font-size: 20px; font-weight: 500; -webkit-line-clamp: 1; } .ranking_lst li .txt_area .desc { font-size: 14px; line-height: 21px; color: #777; -webkit-line-clamp: 2; margin-top: 10px; } .ranking_lst li .thumb { width: 195px; height: 130px; margin-left: 30px; flex-shrink: 0; } .ranking_lst li .date { margin-top: 10px; } .search_tool { padding-top: 30px; } .search_tool .search_box { width: 100%; height: 70px; border:2px solid #20d0cc; border-radius: 35px; box-sizing: border-box; display:flex; justify-content: center; align-items: center; padding: 0 30px; } .search_tool .search_box .search_text { width:100%; height: 50px; font-size: 20px; font-weight: 600; flex-grow: 1; } .search_tool .search_box .btn_search { width: 32px; height: 32px; background: url(../img/btn_search_2.png) no-repeat; flex-shrink: 0; margin-left: 20px; } .search_tool .search_option { margin-top: 50px; } .search_tool .search_option .option_hd { display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid #333; } .search_tool .search_option .option_hd .total { font-size: 19px; } .search_tool .search_option .option_hd .total span { color: #20d0cc; } .search_tool .search_option .option_hd .btn_option { font-size: 15px; line-height: 18px; } .search_tool .search_option .option_hd .btn_option:before { content: ''; float: left; width: 18px; height: 18px; background: url(../img/ico_option.png) no-repeat; margin-right: 4px; } .search_tool .search_option .option_hd .btn_option.open:before { background: url(../img/btn_close_option.png) no-repeat; } .search_tool .search_option .option_con { display: none; margin-top: -1px; } .search_tool .search_option .option_con { border:1px solid #dfdfdf; background-color: #fff; box-sizing: border-box; padding: 32px 39px; } .search_tool .search_option .option_con .tool_lst { display: flex; } .search_tool .search_option .option_con .tool_lst h4 { font-size: 15px; flex-shrink: 0; line-height:30px; font-weight:600; } .search_tool .search_option .option_con .tool_lst h4:after { content:""; float:right; width:1px; height:15px; background-color:#dfdfdf; margin:7px 0 0 20px; } .search_tool .search_option .option_con .tool_lst .h4 { font-size: 15px; flex-shrink: 0; line-height:30px; font-weight:600; } .search_tool .search_option .option_con .tool_lst .h4:after { content:""; float:right; width:1px; height:15px; background-color:#dfdfdf; margin:7px 0 0 20px; } .search_tool .search_option .option_con .tool_lst ul { display: flex; margin-left: 30px; } .search_tool .search_option .option_con .tool_lst ul li + li { margin-left:44px; } .search_tool .search_option .option_con .tool_lst li { position: relative; line-height:30px; } .search_tool .search_option .option_con .tool_lst li > input{opacity: 0;} .search_tool .search_option .option_con .tool_lst li > label {width: 100%;line-height: 30px;padding: 0;font-size: 14px; color: #666; font-weight: 400; box-sizing: border-box;text-align: center;line-height: inherit; cursor: pointer; } .search_tool .search_option .option_con .tool_lst li > label:before{box-sizing: border-box;position: absolute;left: 0;top: 50%;transform: translateY(-50%);clear: both;content: ""; width: 100%;height: 30px;border-radius:0} .search_tool .search_option .option_con .tool_lst li > label:after{box-sizing: border-box;position: absolute;left: 0;top: 50%;transform: translateY(-50%);clear: both;content: ""; width: 100%;height: 30px;background: transparent;border-radius: 0;} .search_tool .search_option .option_con .tool_lst li > input:checked + label{color: #111; font-weight: 400;} .search_tool .search_option .option_con .tool_lst li > input:checked + label:before{background: transparent;border-color:#1ea9a6;} .search_tool .search_option .option_con .tool_lst:nth-child(1) li:nth-child(5) { display: flex; margin-left: 14px; } .search_tool .search_option .option_con .tool_lst li > input:checked + label:after{background: transparent;color: #111;} .search_tool .search_option .option_con .tool_lst .form_date {position: relative; } .search_tool .search_option .option_con .tool_lst .form_date input {width: 100px;height: 30px;padding: 0 1.5rem; box-sizing: border-box; border: 1px solid #e2e2e2; border-radius:4px; } .search_tool .search_option .option_con .tool_lst .form_date + span { padding:0 5px; } .search_tool .search_option .option_con .tool_lst .li_ty2 { display:flex; margin-left: 30px; line-height:30px; } .search_tool .search_option .option_con .tool_lst .li_ty2 input { width: 400px; height: 30px; padding: 0 10px; font-size: 14px; box-sizing: border-box; border: 1px solid #e2e2e2; border-radius:4px; } .search_tool .search_option .option_con .tool_lst + .tool_lst { margin-top:15px; } .search_tool .search_option .option_con .tool_lst_btn { display:flex; justify-content: center; margin-top:30px; } .search_tool .search_option .option_con .tool_lst_btn button { width:80px; height:30px; box-sizing:border-box; border-radius:15px; } .search_tool .search_option .option_con .tool_lst_btn button + button { margin-left:10px; } .search_tool .search_option .option_con .tool_lst_btn button:nth-child(1) { background-color:#001913; color:#fff; } .sc_news_lst_search { margin-top: 50px; } .no_search_results { width: 100%; text-align: center; font-size: 30px; margin-top: 100px; } .no_search_results strong { font-weight: 600; } .no_search_results p { font-size: 16px; line-height: 25px; color: #666; font-weight: 400; margin-top: 40px; } .rrs_list { display: block; width: 100%; border-top: 1px solid #e5e5e5; } .rrs_list li { display: flex; align-items: center; height: 80px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } .rrs_list li .tit { flex-shrink: 0; width: 130px; padding-left: 30px; font-size: 17px; letter-spacing: -1.275px; font-weight: 600; box-sizing: border-box; } .rrs_list li .link_btn { display: block; padding-right: 20px; font-size: 16px; text-decoration: underline; text-underline-offset : 2px; box-sizing: border-box; letter-spacing: 0; font-weight: 300; } .rrs_list li .copy_btn { display: inline-block; height: 30px; padding: 0 9px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; } .rrs_list li .copy_btn span { display: inline-block; font-size: 14px; letter-spacing: -0.975px; line-height: 28px; font-weight: 300; } .rrs_list li .copy_btn span:before { display: inline-block; clear: both; content: ""; margin-bottom: -3px; margin-right: 5px; width: 16px; height: 16px; background: url(https://image.ajunews.com/images/site/news/kr/img/icon_rss.png) 50% 50% / 16px no-repeat; } .secw_nav_banner > div { display: flex; justify-content: center; } .secw_nav_banner > div > .bn_img { width: 1220px; } .secw_nav_banner > div > .bn_txt { width: 1220px; } .bn_factcheck { background-color:#F5D03D; } .bn_ajupick { background-color: #445FE0; } .bn_expand { background-color: #C5D6F4; } .bn_digitallap_01 { background-color: #abbac3; } .bn_digitallap_02 { background-color: #FFD75E; } .bn_digitallap_03 { background-color: #010B28; } .bn_digitallap_04 { background-color: #252E5E; } .bn_digitallap_07 { background-color: #FF4B4B; } .bn_digitallap_08 { background-color: #FF8A5B; } .bn_digitallap_09 { background-color: #8ADFE3; } .bn_digitallap_10 { background-color: #E6E8FF; } .bn_digitallap_12 { background-color: #4B64FF; } .bn_digitallap_13 { background-color: #754BFF; } .bn_digitallap_14 { background-color: #8910F0; } .bn_digitallap .bn_info { width: 1220px; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 30px; border-bottom: 1px solid #aaaaaa; border-top: 2px solid #333333; padding-top:40px; } .bn_digitallap .bn_info em { font-size: 40px; margin-bottom: 20px; font-weight: 500;letter-spacing: -0.75px; } .bn_digitallap .bn_info p { font-size: 15px; line-height: 24px; word-break: keep-all; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; letter-spacing: -0.5px; } .trend_area_digitallap { width: 1220px; margin:20px auto 10px; } .secw_nav_banner > div.trend_area_digitallap { justify-content: flex-start; } .trend_area_digitallap .trend_tit { font-size: 15px; letter-spacing: -0.3px; font-weight: bold; display: flex; align-items: center; } .trend_area_digitallap .trend_tit::before { content: ''; display: block; margin-right: 7px; width: 18px; height: 18px; background: url(../img/ic_calendar.png) no-repeat 100%; } .bn_newspaper .bn_txt { height: 24rem; background: url(../img/bn_tit_newspaper.png) 50% 50% / 100% no-repeat; } .bn_newspaper .bn_txt h3{display: block; padding-left: 6.7rem; padding-top: 6rem; font-size: 4.8rem; font-weight: 700; letter-spacing: -1px; } .bn_newspaper .bn_txt h3:after{display: block; clear: both; content: ""; margin-top: 2rem; margin-bottom: 2.4rem; width: 6rem; height: 1px; background-color: #111; } .bn_newspaper .bn_txt .h3{display: block; padding-left: 6.7rem; padding-top: 6rem; font-size: 4.8rem; font-weight: 700; letter-spacing: -1px; } .bn_newspaper .bn_txt .h3:after{display: block; clear: both; content: ""; margin-top: 2rem; margin-bottom: 2.4rem; width: 6rem; height: 1px; background-color: #111; } .bn_newspaper .bn_txt p{display: block; padding-left: 6.7rem; font-size: 2rem; font-weight: 400; letter-spacing: -1px; } .bn_newspaper .bn_txt p span{font-weight: 700;} .section_con_digital article { padding-top: 50px; } .section_con_digital .week_wrap { display: flex;align-items: center; margin-bottom: 20px; } .section_con_digital .week_wrap .day_list { font-size: 16px; font-weight: bold; letter-spacing: -0.5px; display: flex; align-items: center; gap: 6px; margin-left: 20px; } .section_con_digital .week_wrap .btn_day { width: 50px; height: 50px; line-height: 49px; text-align: center; border-radius: 50%; border: 1px solid #ebebeb; box-sizing: border-box; } .section_con_digital .week_wrap .btn_day.on { background: #1ea9a6; color: #fff; border: none; } .section_con_digital .day_content { padding-bottom: 50px; border-bottom: 1px solid #dfdfdf; } .section_con_digital .day_content .con_list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 26px; row-gap: 32px; display: none; } .section_con_digital .day_content .con_list.on { display: grid;} .section_con_digital .day_content .con_list .con_item a { display: flex; align-items: center; border: 1px solid #dfdfdf; box-sizing: border-box; } .section_con_digital .day_content .con_list .con_item .img_box { width: 140px; height: 140px; } .section_con_digital .day_content .con_list .con_item .img_box img { width:100%; height:100%; } .section_con_digital .day_content .con_list .con_item .info_area { display: flex; flex-direction: column; flex: 1; padding: 20px 20px 23px; box-sizing: border-box; padding: 0 20px; } .section_con_digital .day_content .con_list .con_item .info_area .time { font-size: 15px; color: #1ea9a6; font-family: Roboto; } .section_con_digital .day_content .con_list .con_item .info_area .con_tit { font-size: 18px; letter-spacing: -0.7px; font-weight: 500; padding: 7px 0 10px; } .section_con_digital .day_content .con_list .con_item .info_area .desc { line-height: 22px; font-size: 15px; letter-spacing: -0.5px; padding-top: 8px; border-top: 1px solid #eeeeee; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; } .section_con_digital .btn_more { position: absolute; top: 30px; right: 0; color: #f54c01; font-size: 15px; } .section_con_digital .btn_more::after { content: ''; display: inline-block; background: url(../img/ic_arrow2.png) no-repeat center; background-size: 100%; width: 6px; height: 11px; margin-left: 5px; } .section_con_digital .btn_more:hover { color:#f54c01; } .section_con_digital .sc_news { margin-top:50px; } .section_con_digital .sc_news .sc_title { font-size: 18px; font-weight: bold; letter-spacing: -0.7px; } .section_con_digital .sc_news .news_list { margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 20px; row-gap: 12px; } .section_con_digital .sc_news .news_list .news_item { border: 1px solid #dfdfdf; box-sizing: border-box; position: relative; } .section_con_digital .sc_news .news_list .news_item a { display: flex; flex-direction: column; align-items: center; height: 80px; justify-content: center; gap: 8px; } .section_con_digital .sc_news .news_list .news_item.dot::before { content: ''; width: 12.5px; height: 12.5px; background: #1ea9a6; border-radius: 50%; display: inline-block; position: absolute; right: 10px; top: 10px; } .section_con_digital .sc_news .news_list .news_item .con_sub { font-size: 14px; letter-spacing: -0.3px; color: #999999; } .section_con_digital .sc_news .news_list .news_item .con_tit { letter-spacing: -0.5px; font-weight: bold; } .section_con_digital .sc_news .end_list { margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 20px; } .section_con_digital .sc_news .end_item { border: 1px solid #eeeeee; background: #f9f9f9; box-sizing: border-box; } .section_con_digital .sc_news .end_item a { display: flex; flex-direction: column; align-items: center; height: 80px; justify-content: center; gap: 8px; } .discovery_head{margin-top: 50px;} .discovery_head .inner{display: block; height: 20rem; background: url(../img/tit_discovery.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 a{font-weight: 700; text-decoration: underline;} .discovery_list .inner { display:block; } .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.more span:before{display: inline-block; clear: both; content: ""; margin-right: 1rem; width: 2rem; height: 2rem; background: url(../img/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/icon_mail.png) 50% 50% no-repeat; background-size: 2rem; vertical-align: sub;} .discovery_list .inner .d_list:after { content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0; font-size: 0; } .discovery_list .paging{margin-top: 4rem;} .bn_discovery{ margin-top:50px; } .bn_discovery .inner{display: flex; width: 100%; align-items: center; position: relative; padding-left: 5rem; height: 15rem; background: url(../img/bg_discovery_list.png) 50% 50% no-repeat; background-size: 100%; box-sizing: border-box;} .bn_discovery .inner .thumb{overflow: hidden; width: 11rem; height: 11rem; border-radius: 50%; } .bn_discovery .inner .thumb img{width: 100%; height: 100%;} .bn_discovery .inner .text_area{padding-left: 3rem;} .bn_discovery .inner .text_area .name{font-size: 4rem; font-weight: 700; letter-spacing: -3px; text-decoration: none; cursor: default;} .bn_discovery .inner .text_area .name span{margin-left: 1.2rem; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.9px;} .bn_discovery .inner .mail{position: absolute; right: 5rem; top: 5rem; width: 16rem; height: 5rem; background: #159a99; text-decoration: none;} .bn_discovery .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 h4 { margin-bottom: 2rem; height: 3.3rem; border-bottom: 1px solid #000; display: block; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px; } .discovery_aside_list .h4 { margin-bottom: 2rem; height: 3.3rem; border-bottom: 1px solid #000; display: block; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px; } .discovery_aside_list ul{padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ccc;} .discovery_aside_list ul + ul { margin-top: 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; display: flex;} .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;} .list_tit { display: block; height: 4rem; font-size: 1.9rem; font-weight: 700; letter-spacing: -1.425px; } .secw_nav_notice { position: relative; width: 100%; background-color: #fff; z-index: 9; } .secw_nav_notice .inner { display: flex; align-items: flex-end; border-bottom: 1px solid #333; padding-bottom: 25px; } .secw_nav_notice strong { font-size: 40px; } .secw_nav_notice strong a { outline:0; } .secw_nav_notice ul { display: flex; margin-left: 56px; } .secw_nav_notice ul li + li { margin-left: 48px; } .secw_nav_notice ul li { position: relative; } .secw_nav_notice ul li a { font-size: 17px; } .secw_nav_notice ul li.on a::before { content: ''; position: absolute; top:4px; left: -14px; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #20d0cc; } .section_con_notice .inner { display: block; } .section_con_notice .notice_list { display: none; } .section_con_notice .notice_list.on { display: block; } .notice_list li { border-bottom:1px solid #dfdfdf;} .notice_list li .li_tit { display: flex; align-items: center; width: 100%; height: 66px; cursor: pointer; } .notice_list li .li_tit .ctg { flex-shrink: 0; width:130px; height: 66px; line-height: 66px; font-size: 14px; color: #999; } .notice_list li .li_tit .tit { width: 100%; height: 66px; line-height: 66px; font-size: 16px; } .notice_list li .li_tit .date { position: relative; flex-shrink: 0; width:150px; height: 66px; line-height: 66px; font-size: 14px; color: #aaa; } .notice_list li .li_tit .date:before { content:""; display: block; position: absolute; right: 30px; top: 45%; width:17px; height:10px; background: url(../img/btn_open_notice.png) no-repeat; } .notice_list li .li_tit.on .date:before { transform: rotate(3.142rad); transition:all 0.2s; } .notice_list li .detail { display: none; box-sizing: border-box; padding: 60px; background-color: #f6f6f6; } .notice_list li .detail p { display: block; font-size: 1.7rem; line-height: 3.5rem; } .notice_list li .detail p img { width: 100%; } .section_con_newspaper { display: block; padding-top: 3rem; } .section_con_newspaper .inner { display: block; } .section_con_newspaper .tool {display: flex; justify-content: center; align-items: center; height: 10rem;} .section_con_newspaper .tool .txt{margin-left: 1rem; margin-right: 2rem;} .section_con_newspaper .newspaper_list ul { display: flex; flex-wrap: wrap; justify-content:start; } .section_con_newspaper .newspaper_list ul li { width: 220px; margin-bottom: 50px; margin-right: 30px; } .section_con_newspaper .newspaper_list ul li:nth-child(5n) { margin-right: 0; } .section_con_newspaper .newspaper_list ul li a { display: block; width: 100%; } .section_con_newspaper .newspaper_list ul li a .img { width: 100%; min-height: 304px; box-sizing: border-box; border:1px solid #dfdfdf; padding: 10px; } .section_con_newspaper .newspaper_list ul li a .img img { width: 100%; height: 100%; } .section_con_newspaper .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;} .section_con_newspaper .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; } .section_con_newspaper .newspaper_list .no_data{display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 17rem; padding-bottom: 17rem; margin-bottom: 10rem;} .section_con_newspaper .newspaper_list .no_data strong{display: block; padding-top: 18rem; font-weight: 400; font-size: 3rem; letter-spacing: -1px; text-align: center; box-sizing: border-box; background: url(https://image.ajunews.com/images/site/news/kr/img/newspaper/list_no_data.png) 50% 0 / 140px no-repeat;} .section_con_newspaper .newspaper_list .no_data strong span{font-weight: 600;} .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(https://image.ajunews.com/images/site/news/kr/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; box-sizing: border-box; line-height: 3.5rem;} .js_selectbox ul li a{display: block; padding: 0 3rem 0 1.5rem; 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);} .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{ display: flex; 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: inline-block; 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;-webkit-line-clamp: 1;} .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 .desc{margin-bottom: 1rem; font-size: 1.5rem;font-weight: 400;line-height: 2.1rem;color: #888;letter-spacing: -0.45px;-webkit-line-clamp: 2;} .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(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(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;} .tab_contant{display: none;} .tab_contant.on{display: block;} .section_con_sitemap .inner { display: block; } .section_con_sitemap .archive_loacation{display: flex; align-items: center; height: 10rem; border-top: 1px solid #cccccc;} .section_con_sitemap .archive_loacation li{position: relative; margin-left: 3rem;} .section_con_sitemap .archive_loacation li:before{position: absolute; left: -1.9rem; top: 2px; display: block; clear: both; content: ""; width: 1rem; height: 1.6rem; background: url(https://image.ajunews.com/images/site/news/kr/img/site_map_arrow.png) no-repeat; background-size: 1rem;} .section_con_sitemap .archive_loacation li:first-child{margin-left: 0;} .section_con_sitemap .archive_loacation li:first-child:before{display: none;} .section_con_sitemap .archive_loacation li a{display: block; font-size: 1.8rem; font-weight: 500; letter-spacing: -1.35px;} .section_con_sitemap .archive_loacation li.refresh_btn{margin-left: 1.5rem; width: 2.3rem; height: 2.3rem; background: #fff url(https://image.ajunews.com/images/site/news/kr/img/icon_refresh.png) 50% 50% no-repeat; background-size: 1.4rem; border: 1px solid #999; border-radius: 1px;} .section_con_sitemap .archive_loacation li.refresh_btn:before{display: none;} .section_con_sitemap .archive_loacation li.refresh_btn a{display: block; width: 100%; height: 100%;} .section_con_sitemap .archive_select_list ul{display: flex; margin-bottom: 5px; box-sizing: border-box; border-radius: 1rem} .section_con_sitemap .archive_select_list ul:last-child{margin-bottom: 0;} .section_con_sitemap .archive_select_list ul li{ width: 8.3333%; height: 6rem; border: 1px solid #ccc; border-right: none; box-sizing: border-box;} .section_con_sitemap .archive_select_list ul li:first-child{border-radius: 7px 0 0 7px;} .section_con_sitemap .archive_select_list ul li:last-child{border-right: 1px solid #ccc; border-radius: 0 7px 7px 0;} .section_con_sitemap .archive_select_list ul li a{display: block; width: 100%; height: 100%; font-size: 1.4rem; line-height: 5.8rem; text-align: center;} .section_con_sitemap .archive_select_list ul li.on{background: #111;} .section_con_sitemap .archive_select_list ul li.on a{color: #fff; font-weight: 700;} .section_con_sitemap .site_map_list ul{margin-top: 5rem;} .section_con_sitemap .site_map_list ul li{ margin-bottom: 2rem; list-style:disc; margin-left:20px; font-size:1.9rem; vertical-align:middle;} .section_con_sitemap .site_map_list ul li a{display: inline-block; font-size: 1.9rem; letter-spacing: -0.75px; line-height:30px; vertical-align: middle;} .section_con_sitemap .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;} .section_con_sitemap .site_map_list ul li:hover a{font-weight: 700;} .section_con_sitemap .site_map_list ul li:hover .label{background: #333; border: 1px solid #333; color:#fff;} .today_newsquick_share { border: solid 1px #ccc; text-align: center; border-radius: 30px; padding: 11px 25px; font-size: 15px; font-weight: bold; margin-left: 5px;} .today_newsquick_share em {font-weight:bold;}