.sub_title { display: flex; align-items: baseline; padding-bottom: 17px; border-bottom: 1px solid #111; margin-top: 65px; font-family: "Barlow"; }
.sub_title h3 { font-size: 50px; font-weight: 800; letter-spacing: 0.1px; }
.sub_title .sub_nav { display: flex; margin-left: 28px; }
.sub_title .sub_nav li + li { margin-left: 30px; }
.sub_title .sub_nav li a { font-size: 18px; font-weight: 500; }
.sub_title .sub_nav li.on a { color: #4fa9b5;}

.section_con { display: flex; justify-content: space-between; width: 100%; padding-top: 36px; }
.list_article { width: 900px; padding-top: 4px; }

.atc_lst_top { display: flex; justify-content: space-between; }
.atc_lst_top .thumb { flex-shrink: 0; width: 280px; height: 190px; }
.atc_lst_top .text_area { display: flex; flex-direction: column; width: 600px; margin-top: -7px; }
.atc_lst_top .text_area .tit { font-size: 25px; line-height: 33px; font-weight: 900; letter-spacing: 0.05px; width: 92%; }
.atc_lst_top .text_area .desc { font-size: 14px; line-height: 21px; font-family: "Barlow"; letter-spacing: -0.05px; margin-top: 8px; }
.atc_lst_top .text_area .date { font-size: 13px; color: #999; font-family: "Barlow"; margin-top: 10px; }

.atc_lst li { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 30px 0; }
.atc_lst li .thumb { flex-shrink: 0; width: 210px; height: 140px; }
.atc_lst li .text_area { display: flex; flex-direction: column; width: 670px; margin-top: -8px; }
.atc_lst li .text_area .tit { font-size: 21px; line-height: 30px; font-weight: 900; letter-spacing: 0.05px; -webkit-line-clamp: 2; }
.atc_lst li .text_area .desc { font-size: 14px; line-height: 21px; font-family: "Barlow"; letter-spacing: -0.05px; -webkit-line-clamp: 2; margin-top: 9px; }
.atc_lst li .text_area .date { font-size: 13px; color: #999; font-family: "Barlow"; margin-top: 10px; }
.atc_lst_top + .atc_lst { border-top: 1px solid #eee; margin-top: 40px; }

.paging {display: block; width: 100%; margin-top: 50px; font-family: "Barlow"; }
.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: #38b7c8; 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(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; transform: rotate(-180deg); }
.paging ul li.next a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; }

aside { width: 320px; padding-bottom: 50px; }
aside .sticky { position: sticky; top: 100px; }

.aside_ajplay .h_title { height: 25px; display: flex; justify-content: space-between; /*align-items: flex-end; align-items: baseline; */}
.aside_ajplay .h_title h3 { font-size: 21px; }
.aside_ajplay .h_title .link_youtube { width: 141px; height: 23px; background: url(../img/link_youtube.png) no-repeat; margin-top: 5px; }
.aside_ajplay .video_box { position: relative; width: 100%; padding-bottom: 56.41%; overflow: hidden; margin-top: 10px; border-radius: 10px; }
.aside_ajplay .video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.aside_latest { margin-top: 45px; }
.aside_latest h3 { font-size: 21px; font-weight: 800; border-bottom: 1px solid #111; padding-bottom: 10px; margin-bottom: 15px; }
.aside_latest li + li { margin-top: 10px; }
.aside_latest li:nth-child(6) { border-top: 1px solid #dfdfdf; padding-top: 15px; margin-top: 15px; }
.aside_latest li a { display: flex; justify-content: space-between; align-items: center; }
.aside_latest li a .tit { font-size: 15px; line-height: 21px; -webkit-line-clamp: 3; align-content: center; max-height: 63px; }
.aside_latest li a .thumb { width: 120px; height: 80px; flex-shrink: 0; margin-left: 15px; }

.journalist_hd { width: 900px; font-family: "Barlow"; margin-top: 65px; border-bottom: 1px solid #111; padding-bottom: 27px; }
.journalist_hd .h_title { display: flex; align-items: center; }
.journalist_hd .h_title h3 { font-size: 50px; flex-shrink: 0; margin-right: 18px; }
.journalist_hd .h_title::after { content: ""; clear: both; display: block; width: 100%; height: 1px; background-color: #111; }
.journalist_hd .editor { display: flex; flex-wrap: wrap; align-items: center; padding-left: 20px; margin-top: 23px; }
.journalist_hd .editor .photo { width: 120px; height: 120px; margin-right: 20px; border: 1px solid #eee; box-sizing: border-box; border-radius: 50%; }
.journalist_hd .editor .photo img { width: 100%; }
.journalist_hd .editor .name_area .name { display: block; font-size: 28px; }
.journalist_hd .editor .name_area .email { display: block; font-size:17px; color: #38b7c8; text-decoration: underline; text-underline-offset : 2px; margin-top: 4px; }

.journalist_hd .editor .share { margin-left: 10px; position: relative; }
.journalist_hd .editor .share > button { width: 50px; height: 50px; background: url(../img/btn_share.png) no-repeat; }
.journalist_hd .editor .share .option_lay { position: absolute; left: 0; top: 60px; border:1px solid #ddd; background-color: #fff; border-radius: 10px; padding: 37px 28px 19px; z-index: 1; display: none; }
.journalist_hd .editor .share .option_lay .h_tit { display: block; position: absolute; left: 14px; top: 9px; font-size: 16px; font-weight: 600; }
.journalist_hd .editor .share .option_lay ul { display: flex; }
.journalist_hd .editor .share .option_lay ul li + li { margin-left: 18px; }
.journalist_hd .editor .share .option_lay ul li button { display: block; width: 46px; height: 46px; }
.journalist_hd .editor .share .option_lay ul li span { display: block; width: 100%; font-size: 12px; font-weight: 500; text-align: center; margin-top: 4px; }
.journalist_hd .editor .share .option_lay ul li.facebook button { background: url(../img/btn_facebook.png) no-repeat; }
.journalist_hd .editor .share .option_lay ul li.twitter button { background: url(../img/btn_twitter.png) no-repeat; }
.journalist_hd .editor .share .option_lay ul li.url button { background: url(../img/btn_url.png) no-repeat; }
.journalist_hd .editor .share .option_lay ul li.email button { background: url(../img/btn_email.png) no-repeat; }
.journalist_hd .editor .share .option_lay .btn_close { position: absolute; right: 12px; top:9px; width: 17px; height: 17px; background: url(../img/btn_close_2.png) no-repeat; }
.journalist_hd .editor .share.active .option_lay { display: block; }
.journalist_con { padding-top: 10px; }
.journalist_con .list_article { padding-top: 0; }

/* search */
.search_tool { position: relative; font-family: "Barlow"; }
.search_tool .h_title { font-size: 40px; }

.search_list_top { position:relative; border-top: 1px solid #aaaaaa; margin-top: 30px;}
.search_list_top .period .title { font-size:18px; font-weight:500; width: 14%; display: inline-block; margin: 0;}
.search_list_top .period ul { display:flex;flex-wrap: nowrap; flex: 1;}
.search_list_top .period li + li { margin-left:2.7%; }
.search_list_top .period li input[type=radio] { display:inline-block; }
.search_list_top .period li input[type=radio] + label { display:block; position:relative; padding:0 0 0 1.9rem; height:2.5rem; line-height:2.5rem; font-size:15px; letter-spacing:-0.03rem; cursor:pointer; -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; -khtml-user-select:none; user-select:none; }
.search_list_top .period li input[type=radio]:checked + label:before { background:#fff; border-color:#0075ff;}
.search_list_top .period li input[type=radio]:checked + label:after { background:#0075ff; }
.search_list_top .period li input[type=radio] + label:before { box-sizing:border-box; position:absolute; left:0; top:50%; transform:translateY(-50%); clear:both; content:""; border:1px solid #999999; width:15px; height:15px; border-radius:50%; }
.search_list_top .period li input[type=radio] + label:after { box-sizing:border-box; position:absolute; left:3px; top:50%; transform:translateY(-50%); clear:both; content:""; width:9px; height:9px; background:#fff; border-radius:50%; }
.search_list_top .period li .date_select { display:flex;  align-items:center; }
.search_list_top .period li .date_select .form_text { position:relative; height:3.5rem; line-height:3.5rem; }
.search_list_top .period li .date_select .form_text input { display:block; width:10rem; height:3.5rem; font-size:15px; padding:0 1rem; box-sizing:border-box; text-align:center; border:1px solid #eee; background:#f6f6f6; }
.search_list_top .period li .date_select span { width:1.8rem; line-height:2.5rem; text-align:center; }
.search_list_top .period li .date_select button { width:8rem; height:2.5rem; line-height:2.5rem; font-size:15px; color:#fff; background:#333; margin-left:20px; }
.search_list_top .period_box { display: flex; align-items: center; margin-top: 24px; }
.search_list_top .period ul label {font-weight: 500; }
.search_list_top .search_input{ margin-top: 24px; display: flex; align-items: center; }
.search_list_top .search_input input { width: 300px; height: 30px; font-size: 15px; line-height: 30px; padding: 0 16px; border: 1px solid #dfdfdf; }
.search_list_top .sch_button { width: 150px; height: 50px; color: #fff; background: #005bac; margin: 0 auto; margin-top: 40px; display: block; font-size: 15px; }

.ui-datepicker{ font-family: "Barlow"; 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: 3px solid #005bac; 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/icon/icon_date_prev.png) 50% 50% no-repeat; background-size: 2rem;}
.ui-datepicker .ui-datepicker-next span{background: url(../img/icon/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-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/icon/icon_date_close.png) 50% 50% no-repeat; background-size: 2rem;}

.search_result { margin-top: 70px; }
.search_result .result_count { display: block; font-family: "Barlow"; font-size: 25px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }
.search_result .result_count span { color: #005bac; }

.no_data { font-family: "Barlow"; font-size: 22px; margin-top: 100px; text-align:center; }
.no_data strong { font-size:35px; font-weight:500; }
.no_data p { font-size:15px; line-height:25px; color: #666666; text-align: center; margin: 0 auto; margin-top: 31px; }