/* - - - - - - - - - - 공통 - - - - - - - - - - */

.inner { width: 100%; }
.s_only { display: block; }


/* - - - - - - - - - - 헤더 - - - - - - - - - - */

#top_navi { display: none; }
.top_date { font-size: 14px; }
.top_link a { font-size: 14px; }
#gnb_wrap { padding: 15px 0 0; }

h1 {
    float: none;
    margin-left: 15px;
    margin-bottom: 15px;
}

h1 a {
    width: 254px;
    height: 40px;
    background-size: auto 40px;
}

#gnb { display: none; }

.side_ico {
    position: absolute;
    top: 15px;
    right: 15px;
    left: unset;
    margin-left: 0;
}

.btn_sform_on {
    float: left;
    width: 34px;
    height: 34px;
    background-size: 22px;
}

.btn_sform_off {
    float: left;
    width: 34px;
    height: 34px;
    background-size: 22px;
}

.btn_menu_on {
    float: right;
    display: inline-block;
    margin-left: 5px;
    width: 34px;
    height: 34px;
    background: url('/images/newshome/2024/ico_menu.png') center center no-repeat;
    background-size: 22px;
    text-indent: -999em;
    cursor: pointer;
}

#pop_sform {
    top: 58px;
    padding: 20px 0;
}

#pop_sform.on { top: 68px; }

#pop_sform .sform_input {
    width: 90%;
    height: 50px;
}

.sform_input input {
    width: 70%;
    height: 50px;
    font-size: 16px;
}
.sform_input a {
    width: 50px;
    height: 50px;
    background-size: 26px;
}

.keyword { margin-top: 15px; }

.keyword li {
    float: none;
    display: inline-block;
}

.keyword li:first-child {
    display: block;
    margin-bottom: 5px;
}

.keyword a { font-size: 16px; line-height: 22px; }
.keyword span { font-size: 16px; line-height: 22px; }

/* 모바일메뉴 - medium과 small 동일하게 적용 */
#m_gnb_wrap {
    position: fixed;
	overflow: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    background: url('/images/newshome/2024/bg_black60.png') repeat;
    z-index: 25;
    transition-property: visibility, width, left;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
}

#m_gnb_wrap.hide { visibility: hidden; left: 100%; width: 0; }
#m_gnb_wrap.show {visibility: visible; left: 0; width: 100%; }

#m_gnb {
    display: inline-block;
    padding: 0;
    width: 80%;
    max-width: 500px;
    min-height: 100%;
    vertical-align: top;
    background-color: #f0f1f5;
    overflow-y: auto;
    overflow: hidden;
}
#m_gnb #menu_top {
    padding: 16px 5px 16px 20px;
    background-color: #21449c;
    overflow: hidden;
}

#m_gnb .menu_title {
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 40px;
}

#m_gnb .btn_menu_close {
    float: right;
    padding: 0 10px;
}

#m_gnb .btn_menu_close a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: left;
    background: url('/images/newshome/2024/ico_close_w.png') center center no-repeat;
    background-size: 24px;
    text-indent: -999em;
}

#m_gnb .menu {
    display: block;
    padding: 0;
}

#m_gnb .menu li {
    float: none;
    display: block;
    margin-left: 0;
    width: 100%;
}

#m_gnb .menu a {
    display: block;
    padding: 10px 20px;
    font-size: 18px;
    color: #000000;
    text-align: left;
    line-height: 30px;
    border-bottom: 1px solid #bdc3dd;
    background: url('/images/newshome/2024/ico_next.png') center right 20px no-repeat;
    background-size: 14px;
}

.mtop_link {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #bdc3dd;
}

.mtop_link li {
    margin-left: 20px;
    text-align: left;
}

.mtop_link a {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    color: #21449c;
    line-height: 30px;
}

.mtop_link a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #bdc3dd;

}


/* - - - - - - - - - - 메인 - - - - - - - - - - */

/* 공통 */
.control { right: 50px; }

.control .num {
    font-size: 18px;
    line-height: 30px;
}

.control_item { margin-left: 10px; }

.control_item div a {
    width: 32px;
    height: 28px;
    background-size: 14px;
}

.control .num span:after { top: 4px; }

.more a {
    width: 32px;
    height: 32px;
    background-size: 14px;
}

h3 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
}

/* 핫뉴스 */
#section1 .image {
    float: none;
    width: 100%;
}

#section1 .text_area {
    position: relative;
    bottom: unset;
    left: unset;
    padding: 15px 20px 20px;
    width: 100%;
}

#section1 .section {
    font-size: 16px;
    line-height: 22px;
}

#section1 .title {
    margin-top: 6px;
    height: 64px;
    font-size: 24px;
    line-height: 32px;
    -webkit-line-clamp: 2;
}

#section1 .btn_view {
    margin-top: 15px;
    padding: 3px 40px 3px 10px;
    font-size: 16px;
}

#section1 .btn_view:before {
    top: 10px;
    right: 16px;
    height: 14px;
}

#section1 .btn_view:after {
    top: 16px;
    right: 10px;
    width: 14px;
}

#section1 .control {
    right: 10px;
    bottom: 20px;
    left: unset;
}

.bg_section1 { display: none; }
.bg_section2 { display: none; }

/* 언론 속 KOREATECH */
.section2_bg { padding: 30px 15px 0; }
#section2 .section_article ul { display: block; }

#section2 .section_article li {
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
    overflow: hidden;
}

#section2 .section_article li:first-child { margin-top: 0; }
#section2 .section_article li:hover { margin-top: 0; }

#section2 .date {
    margin-right: 15px;
    padding-top: 4px;
    width: 60px;
    height: 60px;
    font-size: 12px;
}

#section2 .date span {
    font-size: 32px;
    line-height: 38px;
}

#section2 .title {
    display: table-cell;
    padding-top: 0;
    height: 60px;
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
}

/* 바로가기 */
#section3 { padding: 0 15px; }
#section3 li { padding: 20px 0; }
#section3 a { line-height: 42px; }

#section3 img {
    margin-right: 0;
    width: 42px;
    height: 42px;
}

#section3 a span {
    display: block;
    margin-top: 6px;
    margin-left: 0;
    font-size: 14px;
    line-height: 18px;
}

#section3 .letter span {
    margin-top: 6px;
    text-align: center;
    line-height: 18px;
}

/* 보도자료 */
.section4_bg {
    margin: 30px auto;
    padding: 0 15px;
}

#section4 {
    float: none;
    width: 100%;
}

#section4 .section_article li {
    width: 48%;
    margin-left: 4%;
}

#section4 .section_article li:nth-child(odd) { margin-left: 0; }
#section4 .text_area { margin-top: 10px; }

#section4 .title {
    font-size: 18px;
    line-height: 24px;
}

#section4 .date {
    margin-top: 6px;
    font-size: 13px;
}

#section4 .section_article li:nth-child(3) { display: none; }

/* 많이 본 기사 */
#section5 {
    float: none;
    margin-top: 30px;
    padding-top: 30px;
    width: 100%;
    border-top: 1px solid #f0f1f5;
}

#section5 .more { top: 30px; }

#section5 .title {
    margin-top: 3px;
    font-size: 18px;
    line-height: 24px;
}

/* 동문 인터뷰 */
.section6_bg {
    position: relative;
    padding: 30px 15px;
}

#section6 {
    float: none;
    width: 100%;
}

#section6 .section_article li { border-radius: 20px; }

#section6 .image {
    float: none;
    width: 100%;
    border-radius: 20px 20px 0 0;
}

#section6 .text_area_wrap {
    position: relative;
    display: block;
    width: 100%;
}

#section6 .text_area { padding: 15px 20px; }

#section6 .title1 {
    font-size: 18px;
    line-height: 24px;
}

#section6 .title2 { margin-top: 4px; }

#section6 .title2 span {
    font-size: 18px;
    line-height: 24px;
}

#section6 .name {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 38px;
}

#section6 .info1 {
    font-size: 18px;
    line-height: 24px;
}

#section6 .info2 {
    margin-top: 5px;
    font-size: 18px;
    line-height: 24px;
}

/* 소식지 */
#section7 {
    float: none;
    margin-top: 40px;
    padding-top: 30px;
    width: 100%;
    border-top: 1px dashed #e1e4eb;
}

#section7 .section_article {
    margin: 0 auto;
    width: 80%;
    max-width: 400px;
}

#section7 .section_article a:after { right: 0; }

#section7 .image {
    width: 80%;
    height: auto;
    text-align: center;
}

#section7 .image img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#section7 .btn_view {
    max-width: 90%;
    font-size: 18px;
    line-height: 22px;
}

#section7 .control {
    position: absolute;
    margin-top: 0;
    width: 100%;
    bottom: 20px;
}

#section7 .control .num { margin-right: 20px; }
#section7 .control .control_item { margin-left: 20px; }

/* 기획 */
.section8_bg {
    margin-top: 40px;
    padding: 0 15px;
}

#section8 {
    float: none;
    width: 100%;
}

#section8 .section_article li {
    width: 48%;
    margin-left: 4%;
}

#section8 .section_article li:nth-child(odd) { margin-left: 0; }
#section8 .text_area { margin-top: 10px; }

#section8 .title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
}

/* 산학협력 */
#section9 {
    float: none;
    margin-top: 40px;
    width: 100%;
}

#section9 {
    float: none;
    width: 100%;
}

#section9 .section_article li {
    width: 48%;
    margin-left: 4%;
}

#section9 .section_article li:nth-child(odd) { margin-left: 0; }
#section9 .text_area { margin-top: 10px; }

#section9 .title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
}


/* - - - - - - - - - - 서브 - - - - - - - - - - */

#sub_container { padding: 15px 15px 0; }
#sub_container:after { height: 66px; }

#cont_tit h3 {
    font-size: 18px;
    line-height: 30px;
}

#cont_tit { padding: 10px 15px; }

#cont_tit .loc li {
    margin-left: 5px;
    padding: 5px 0 5px 15px;
    font-size: 16px;
    color: #4c4c4c;
    background-size: auto 14px;
}

/* 기사보기 */
#article_view .title_wrap { padding: 30px 20px; }

#article_view .info_wrap {
    background-color: #ffffff;
    overflow: hidden;
}

#article_view .info_item {
    display: block;
    padding: 10px 20px;
    background-color: #f0f1f5;
}

#article_view .share_wrap { margin: 10px 0; }

#article_view .share_wrap a {
    width: 36px;
    height: 36px;
    background-size: 36px;
}

#article_view_content img { max-width: 100%; }

#article_view .title {
    font-size: 28px;
    line-height: 36px;
    word-break: break-all;
}

#article_view .stitle {
    font-size: 20px;
    line-height: 28px;
    word-break: break-all;
}

#article_view_content { font-size: 18px; }
#files .file_name { font-size: 16px; }
#article_more li { padding: 10px 15px; }

#article_more .more_prev,
#article_more .more_next {
    margin-right: 16px;
    padding: 0 16px 0 26px;
    font-size: 16px;
    background-size: 16px;
}

#article_more .more_title { font-size: 16px; }

#btn_wrap a {
    padding: 15px 40px;
    font-size: 18px;
}


/* 게시판 검색 */
#article_info {
    margin-top: 0;
    padding: 20px 0 ;
}

#article_info .article_item {
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: right;
}

#article_info .article_form {
    float: none;
    text-align: right;
}

#article_info select {
    padding: 4px 40px 4px 10px;
    font-size: 16px;
    line-height: 30px;
}

#article_info input {
    margin: 0 5px;
    width: 150px;
    font-size: 16px;
    line-height: 30px;
    height: 40px;
}

#article_info a {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
}

.empty {
    padding: 150px 0;
    font-size: 16px;
}

.best_date { padding: 20px; }

.best_date .best_ico {
    margin-right: 0;
    margin-bottom: 5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    text-align: center;
}

.best_date img { height: 40px; }

.best_date .best_txt {
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.letter_guide {
    margin-bottom: 0;
    padding: 20px 0;
}

.letter_guide .letter_ico {
    display: none;
    margin-right: 0;
    margin-bottom: 5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    text-align: center;
}

.letter_guide img { height: 40px; }

.letter_guide .letter_wrap {
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.letter_guide .letter_tit {
    font-size: 22px;
    line-height: 30px;
}


/* 중그룹 기사목록 : 일반 */
#normal_article .section_article a { padding: 20px 0; }

#normal_article .image {
    margin-right: 15px;
    width: 140px;
}

#normal_article .text_wrap { height: 105px; }

#normal_article .title {
    font-size: 18px;
    line-height: 24px;
}

#normal_article .stitle { display: none; }
#normal_article .text { display: none; }

#normal_article .date {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
}

#normal_article li.imgN .text {
    display: -webkit-box-;
    font-size: 16px;
    line-height: 22px;
    -webkit-line-clamp: 2;
}


/* 중그룹 기사목록 : 갤러리 */
#photo_article .section_article ul { padding-top: 30px; }

#photo_article .section_article li {
    margin-bottom: 30px;
    margin-left: 3%;
    width: 48.5%;
}

#photo_article .section_article li:nth-child(4n+1) { margin-left: 2%; }
#photo_article .section_article li:nth-child(2n+1) { margin-left: 0; }
#photo_article .text_wrap { margin-top: 10px; }

#photo_article .title {
    font-size: 17px;
    line-height: 22px;
}

#photo_article .date {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
}


/* 중그룹 기사목록 : 제목(표) */
#title_article .section_article .col1 { width: 60px; }
#title_article .section_article .col3 { width: 90px; }

#title_article .section_article th {
    padding: 10px 10px;
    font-size: 16px;
}

#title_article .section_article td { padding: 10px 0; }

#title_article .section_article td.num,
#title_article .section_article td.date { font-size: 14px; }

#title_article .section_article td.subject {
	padding-right: 10px;
    padding-left: 10px;
    font-size: 17px;
    line-height: 24px;
}


/* 중그룹 기사목록 : 최신호 강조 */
#point_article .section_article ul { padding-top: 30px; }

#point_article .section_article li {
    margin-bottom: 30px;
    margin-left: 3%;
    width: 48.5%;
}

#point_article .section_article li:nth-child(4n+1) { margin-left: 2%; }
#point_article .section_article li:nth-child(2n+1) { margin-left: 0; }

#point_article .section_article li .text_wrap { margin-top: 10px; }

#point_article .section_article li .title {
    font-size: 17px;
    line-height: 22px;
}

#point_article .section_article li .date {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
}

#point_article .newest a {
    padding: 30px 0;
    background-color: #ffffff;
}

#point_article .newest .image {
    float: none;
    width: 100%;
}

#point_article .newest .text_wrap {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    margin-top: 20px;
}

#point_article .newest .title {
    font-size: 22px;
    line-height: 30px;
    -webkit-line-clamp: 3;
}

#point_article .newest .stitle {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
}

#point_article .newest .text {
    margin-top: 8px;
    font-size: 16px;
    line-height: 22px;
    -webkit-line-clamp: 2;
}

#point_article  .newest .btn_wrap { margin-top: 10px; }

#point_article  .newest .btn_view {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 20px;
}

#point_article .newest a:hover .btn_wrap {
    margin-top: 10px;
    margin-bottom: 0;
}


/* 검색기사목록 */
#search_article .section_article a { padding: 20px 0; }

#search_article .image {
    margin-right: 15px;
    width: 140px;
}

#search_article .text_wrap { height: 105px; }

#search_article .section {
    margin-bottom: 6px;
    padding: 2px 10px;
}

#search_article .title {
    font-size: 18px;
    line-height: 24px;
}

#search_article .stitle { display: none; }
#search_article .text { display: none; }

#search_article .date {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
}

#search_article li.imgN .text {
    display: -webkit-box-;
    font-size: 16px;
    line-height: 22px;
    -webkit-line-clamp: 2;
}


/* 전체기사목록 */
#today_article .section_article a { padding: 20px 0; }

#today_article .image {
    margin-right: 15px;
    width: 100px;
}

#today_article .text_wrap { height: 75px; }

#today_article .section {
    margin-bottom: 4px;
    padding: 2px 10px;
}

#today_article .title {
    font-size: 17px;
    line-height: 24px;
}

#today_article .date {
    margin-top: 0;
    font-size: 14px;
    line-height: 20px;
}


/* 많이본기사목록 */
#best_article .section_article .num {
    left: 0;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}

#best_article .section_article a {
    margin-left: 40px;
    padding: 20px 0;
}

#best_article .image {
    margin-right: 15px;
    width: 100px;
}

#best_article .text_wrap { height: 75px; }
#best_article .section { margin-bottom: 4px; }

#best_article .title {
    font-size: 17px;
    line-height: 24px;
}


/* 뉴스레터목록 */
#letter_article .section_article ul { padding-top: 30px; }

#letter_article .section_article li {
    margin-bottom: 30px;
    margin-left: 3%;
    width: 48.5%;
}

#letter_article .section_article li:nth-child(4n+1) { margin-left: 3%; }
#letter_article .section_article li:nth-child(2n+1) { margin-left: 0; }

#letter_article .title {
    font-size: 16px;
    line-height: 22px;
}

#letter_article .date {
    font-size: 13px;
    line-height: 16px;
}


/* 뉴스레터목록2 */
#letter_article2 .section_article ul { padding-top: 30px; }

#letter_article2 .section_article li {
    margin-bottom: 30px;
    margin-left: 3%;
    width: 48.5%;
}

#letter_article2 .section_article li:nth-child(4n+1) { margin-left: 3%; }
#letter_article2 .section_article li:nth-child(2n+1) { margin-left: 0; }

#letter_article2 .section_article li .title {
    font-size: 16px;
    line-height: 22px;
}

#letter_article2 .section_article li .date {
    font-size: 13px;
    line-height: 16px;
}

#letter_article2 .bg_section1 { display: none; }
#letter_article2 .bg_section2 { display: none; }
#letter_article2 .bg_section3 { display: none; }

#letter_article2 .newest .image {
    display: block;
    margin: 0 auto;
    width: 80%;
    max-width: 400px;
}

#letter_article2 .newest .text_wrap {
    display: block;
    margin-top: 20px;
    padding: 0 20px;
    max-width: 100%;
}

#letter_article2 .newest .title {
    font-size: 20px;
    line-height: 30px;
}

#letter_article2 .newest .date { margin-top: 0; }
#letter_article2 .newest .btn_wrap { margin-top: 20px; }


/* 페이징 */
#page_list { display: none; }

#page_list2 ul li {
    margin-left: 2px;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
}

#page_list2 ul a {
	font-size: 16px;
    line-height: 36px;
}

#page_list2 .now_page {
	font-size: 16px;
	border-radius: 36px;
}

#page_list2 ul .first_page { background-position: center -31px; }
#page_list2 ul .first_page a { background-position: center 9px; text-indent: -999em; }
#page_list2 ul .prev_page { background-position: center -31px; }
#page_list2 ul .prev_page a { background-position: center 9px; text-indent: -999em; }
#page_list2 ul .next_page { background-position: center -31px; }
#page_list2 ul .next_page a { background-position: center 9px; text-indent: -999em; }
#page_list2 ul .last_page { background-position: center -31px; }
#page_list2 ul .last_page a { background-position: center 9px; text-indent: -999em; }

/* 공공누리 */
#open { padding: 20px; }
#open figure { text-align: center; }

#open .fi_link {
    float: none;
    margin-bottom: 10px;
}

#open figcaption { font-size: 16px; }


/* 구독신청해지 */
#subscription .subs_txt {
	padding: 30px 0;
	font-size: 20px;
	line-height: 30px;
}

#subscription .subs_txt .br {
    display: block;
    font-size: 0;
    line-height: 0;
}

#subscription .subs_tab a {
    padding: 15px 20px;
    font-size: 18px;
    line-height: 26px;
}

#subscription .subs_tab .on:after {
    width: 20px;
    height: 10px;
    background-size: 20px auto;
}

#subscription .subs_tab a span { display: none; }

#subscription .form_agree {
    font-size: 16px;
    line-height: 24px;
}

#subscription .form_agree li {
    font-size: 16px;
    line-height: 24px;
}

#subscription .frm_label {
    float: none;
    padding: 15px 20px;
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
}

#subscription .frm_input {
    margin-left: 0;
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

#subscription .frm_input input[type=text] {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}

#subscription .subs_btn a {
	padding: 15px 40px;
	font-size: 18px;
}

#subscription .bg_section1 { display: none; }
#subscription .bg_section2 { display: none; }


/* - - - - - - - - - - 푸터 - - - - - - - - - - */
.footer_bg {
    margin-top: 50px;
    padding: 30px 15px 32px;
}

#footer { text-align: center; }

.btm_logo {
    float: none;
    margin-left: 0;
    width: 100%;
    text-align: center;
}

.btm_logo a {
    display: inline-block;
    width: 124px;
    height: 40px;
    background-size: auto 40px;
}

.btm_info {
    float: none;
    display: inline-block;
    margin-top: 20px;
    margin-left: 0;
    font-size: 15px;
    word-break: keep-all;
}

.btm_info .address {
    margin-right: 0;
    padding-right: 0;
}

.btm_info .address:after { display: none; }
.btm_info .tel { display: block; }

.btm_sns {
    float: none;
    display: inline-block;
    margin-top: 20px;
    margin-left: 0;
}

.btm_sns a {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-size: 40px;
}

.btm_sns li:first-child { margin-left: 0; }


/* layer popup */
.pop_layer {
	top: 50px;
	right: 0;
	/*bottom: 0;*/
	right: 0;
}

.pop_box {
	margin: 10px;
	width: auto !important;
	height: auto !important;
}