@charset "utf-8";

select::-ms-expand { display: none;}
.select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea{width: 100%; all: unset; border-radius: 0; box-sizing: border-box; font-size: 14px; color:#797979 ;}
#container > #content{margin-top: 34px;}

/*bbs_list 공통*/
.bbs_list .view_header{height: 50px; padding:0 9px; background: #f5f5f5; border-top: 2px solid #00205b; margin-top: 18px; display: flex; align-items: center; justify-content: space-between;}
.bbs_list .view_header .title{font-weight: 500; transform : rotate(0.04deg);}
.bbs_list .view_header .title >span{font-size: 12px; color:#797979; font-weight: 400; transform : rotate(0.04deg);}
.bbs_list .view_type .view_photo, .bbs_list .view_type .view_title{display: flex; align-items: center; gap:4px}
.bbs_list .view_type .view_photo, .bbs_list .view_type .view_title{cursor: pointer;}
.dep_title{font-size: 19px; font-weight: 600; transform : rotate(0.04deg);}
.dep_title2{font-size: 24px;font-weight: 600;transform : rotate(0.04deg);}
.bbs_list .view_content .t12 > span{transform : rotate(0.04deg); color:#9C9C9C; position: relative; padding-right: 8px; margin-left:3px; }
.bbs_list .view_content .t12 > span::after{content: ""; display: block; width: 1px; height: 10px; background-color: #A9A9A9;  position: absolute; top:1px; right:1px;}
.bbs_list .view_content .t12 > span:first-child{margin-left:0;}
.bbs_list .view_content .t12 > span:last-child::after{display: none;}
.t12 span:first-child{padding-left: 0;} 
.t12 span:last-child{border-right: none;}
.bbs_list .blog {margin-top: 10px ;}
.bbs_list .type1 > li{padding:20px 0 12px 0; border-bottom: 1px solid #d9d9d9;}
.bbs_list .blog > li > a{display: flex; gap:17px; align-items: center; }


/*bbs_list - type1*/
.bbs_list .thumb{width: 160px ; flex-shrink: 0; height: 106px; border: 1px solid #d9d9d9; box-sizing: border-box;}
.bbs_list .thumb > img{width: 100%; overflow: hidden; object-fit: cover; height: 100%;}
.bbs_list .type1 .view_content{  flex: 1; display: flex; flex-direction: column; gap:12px;  min-width: 0;}
.bbs_list .type1 .view_content .t16{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; font-weight: 500;}
.bbs_list .type1 .view_content .t14{overflow: hidden; line-height: 1.5;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#747474 }


/*bbs_list - type2*/
.bbs_list .type2 {display: none;}
.bbs_list .type2 .view_content{display:flex; justify-content: space-between; align-items:center; width:100%; white-space:nowrap}
.bbs_list .type2 .view_content > a{display: flex;  gap:5px; justify-content: space-between; transform : rotate(0.04deg); flex-wrap: wrap;} 
.bbs_list .type2 .view_content .t16{font-weight: 500; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.bbs_list .type2 > li{padding:10px 0 12px 0; }
.bbs_list .type2 > li:hover .t16{text-decoration: underline;}
.bbs_list .type2 > li:nth-child(5n+1){border-top: 1px solid rgba(0,0,0,.08); margin-top: 18px; padding-top: 18px; }
.bbs_list .type2 > li:first-child{border: none;}

/*view_type*/
.bbs_list .view_type{display: flex; gap:8px; align-items: center; font-size: 12px; transform : rotate(0.04deg);  }
.bbs_list .view_type .type{padding: 8px; border: 1px soild #d9d9d9; border-radius: 5px; background: #fff;}
.bbs_list .view_type .view_title{background-color: #fff;}
.view_type .type.on{background-color: #00205b; color:#fff;}

/* 페이징 */
.dc-paging {width:100%; display:flex; justify-content:center; overflow:hidden; margin-top:40px}
.dc-paging a {display:inline-block; width:38px; height:38px; font-size:14px; color:#231f20; line-height:38px; padding:0; margin:0 -1px 0 0px; border:1px solid #d6e1e5; overflow:hidden; text-align:center;}
.dc-paging .on {color:#fff; background:#12447c; border:1px solid #12447c;}
.dc-paging a.first {font-size:0; background:url("/site/irt2/res/img/bbs_first.png") no-repeat center center; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.dc-paging a.prev {font-size:0;     background: url(/site/irt2/res/img/bbs_prev.png) no-repeat center center;}
.dc-paging a.next {font-size:0;     background: url(/site/irt2/res/img/bbs_next.png) no-repeat center center;}
.dc-paging a.last {font-size:0; background:url("/site/irt2/res/img/bbs_last.png") no-repeat center center; border-top-right-radius:5px; border-bottom-right-radius:5px; }

#bbs .dc-paging {width:100%; display:flex; justify-content:center; overflow:hidden; margin-top:40px}
#bbs .dc-paging a {display:inline-block; width:38px; height:38px; font-size:14px; color:#231f20; line-height:38px; padding:0; margin:0 -1px 0 0px; border:1px solid #d6e1e5; overflow:hidden; text-align:center;}
#bbs .dc-paging .on {color:#fff; background:#12447c; border:1px solid #12447c;}
#bbs .dc-paging a.first {font-size:0; background:url("/site/irt2/res/img/bbs_first.png") no-repeat center center; border-top-left-radius:5px; border-bottom-left-radius:5px; }
#bbs .dc-paging a.prev {font-size:0;     background: url(/site/irt2/res/img/bbs_prev.png) no-repeat center center;}
#bbs .dc-paging a.next {font-size:0;     background: url(/site/irt2/res/img/bbs_next.png) no-repeat center center;}
#bbs .dc-paging a.last {font-size:0; background:url("/site/irt2/res/img/bbs_last.png") no-repeat center center; border-top-right-radius:5px; border-bottom-right-radius:5px; }

/*공지사항*/
#bbs{width:100%}
#bbs .board_container{margin-top:20px}
#bbs .board_container .board caption {font-size:0; height:0;}
#bbs .board_container table {border-top:2px solid #1886e4; margin-bottom:20px;}
#bbs .board_container th {font-size:17px; color:#313131; padding:15px 5px; line-height:24px; border:none; border-bottom:1px solid #dddddd; white-space:nowrap;}
#bbs .board_container td {font-size:16px; color:#313131; padding:15px 5px; line-height:24px; border-bottom:1px solid #dddddd;}
#bbs .board_container td+.body_col_title img {margin-top:-8px;}
#bbs .board_container td a {color:#313131;}
#bbs .board_container td a:HOVER {font-weight:bold;}
#bbs .board_container .al {text-align:left !important;}
#bbs .board_container .order {background:none;}
#bbs .board_container .body_col_regdate {color:#5c5c5c;}
#bbs .board_container .body_col_number {text-align:center;}
#bbs .board_search_panel {width:auto; height:auto; line-height:30px; padding:23px 0 13px; margin-top:40px !important;; border:1px solid #ddd; background:#eeeeee;}
#bbs .board_search_panel .search_content {top:0; left:0; text-align:center;}
#bbs .board_search_panel .search_content div {float:none !important; margin:0 0 10px !important; display:inline-block;}
#bbs .board_search_panel select {min-width:100px; height:40px; border:1px solid #ddd;}
#bbs .board_search_panel input[type=text] {width:220px; height:40px; margin:0 10px; border:1px solid #ddd;}
#bbs .board_search_panel .search_content img {vertical-align:middle;}
/*breadcrumb*/
.breadcrumb{display: flex; gap:16px; }
.breadcrumb>li a{position: relative; display: block; color:#747474; font-size: 14px; transform : rotate(0.04deg); }
.breadcrumb>li a::after{content: ""; display: block; width: 16px; height: 16px; background: url(/site/times_2025/img/breadcrumb_right.svg)  no-repeat center ; position: absolute; top:-1px; right:-16px; background-size: contain;}
.breadcrumb>li:last-child a::after{display: none;}

/*bbs_view*/
#view{margin-top: 20px;}
.bbs_view{margin: 20px 0;}
.bbs_view .title{margin-bottom:10px}
.bbs_view .t34{font-weight: 600; line-height: 1.3;}
.bbs_view .t12{padding: 12px 0 12px 14px; border-bottom: 1px solid #d9d9d9}
.bbs_view .text > p{line-height: 1.8; color:#313131; transform : rotate(0.04deg);}
.bbs_view .text > p >img{width: 100%; padding: 10px 0;}
.bbs_view .t12{color:#9c9c9c; display: flex; justify-content: space-between; align-items: center;}
.bbs_view .t12 .item1{display: flex;}
.bbs_view .t12 .item1 span{padding:0 8px; position: relative; color:#313131; transform : rotate(0.04deg); display: block;}
.bbs_view .t12 .item1 span:first-child{padding-left: 0;}
.bbs_view .t12 .item1 span::after{content: ""; display: block; width: 1px; height: 8px; background: #d9d9d9; position: absolute; top:3px; right:0}
.bbs_view .t12 .item1 span:last-child::after{display: none;}
.bbs_view .reporter_name{position: relative; }
.bbs_view .reporter_name::before{content:""; width: 16px; height: 16px; display: block; background: url(/site/times_2025/img/reporter_name.svg) no-repeat center 100%; position: absolute; top:-1px; left:-18px; background-size: contain; }


/*comment*/
#comment{margin-top: 50px;}
.reply_header{display: flex; justify-content: space-between; }
.reply_title{font-size:18px; font-weight: 500; transform : rotate(0.04deg);}
.reply_option > .select{width: 80px; padding: 8px 18px 8px 14px; border-radius: 50px; background: url(/site/times_2025/img/down.png) no-repeat calc(100% - 5px) center;}
.reply_option > .select option{padding: 0 3px; border: 1px solid #9c9c9c;}
.reply_cont{display: flex; gap:20px; padding: 22px 0 48px 0; border-top:1px solid #D4D4D4;}

.reply_cont{margin-top: 14px;}
.user_name{font-weight: 500; display: inline-block;}
.user_name, .user_date_date{transform : rotate(0.04deg);}
.user_date{font-size: 12px; color:#797979; padding-left: 8px; transform : rotate(0.04deg);}
.reply_btn{font-size: 12px; color: #797979; cursor: pointer; transform : rotate(0.04deg);}
.user_view{padding: 16px 0; }
.comment_write{ width: 100%; border: 1px solid #d9d9d9; border-radius: 5px; padding: 20px 0 0px 0px; transform : rotate(0.04deg); margin-top:20px}
.comment_write > .t14{ font-weight: 500; padding: 0px 0 20px 19px;}
.comment_content { display: block; width: 100%; max-width: 100%; padding: 12px 19px; background: #fff; min-height: 80px; resize: none; font-size: 14px; line-height: 1.5; caret-color: black; border-radius: 5px; box-sizing: border-box;}
.comment_footer{border-top: 1px solid #d9d9d9; display: flex; justify-content: flex-end;  box-sizing: border-box; align-items: center;  padding: 10px 0; gap:10px}
.length{font-size: 12px; color:#797979}
.write_btn{background: #00205b;  border-radius: 5px; color:#fff; padding: 8px 22px; font-size: 14px; box-sizing: border-box; margin-right: 10px; cursor: pointer;transform : rotate(0.04deg);}

/*신문사 소개*/
#news .tab{margin-top: 12px;}
#news .tab .dep3 > a{ display: table-cell; width: 190px; padding: 0 10px; height: 56px; font-size: 16px; color: #313131; text-align: center; line-height: 20px; vertical-align: middle; border: 1px solid #ddd; border-top: 2px solid #00205b; transform : rotate(0.04deg); border-left: 0;}
#news .tab .dep3 > a.on{background: #F2F2F2;}
.intro_content{margin-top: 28px;}
.intro .t18{font-weight: 400; margin:20px 0; line-height: 1.5; color:#315cac}
.intro .t13{line-height: 1.5; color:#1a1919 }
.intro .t22{ font-weight:500; margin-top: 20px;}
.intro .t28{line-height: 1.3; margin: 8px 0 16px 0;  font-weight: 600; color:#1D1D1D }

.history .t13{line-height: 1.5; color:#797979 }
.history .t18{font-weight: 500; margin:10px 0; line-height: 1.5; }
.history .t34{line-height: 1.3; margin: 8px 0;  font-weight: 500; color:#1D1D1D }
.history table{    width: 100%; margin-top: 10px; border-top: 2px solid #427ee2; border-right: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 1px solid #dbdbdb; border-collapse: collapse;}
.history table tr{border-bottom: 1px solid #dbdbdb;} 
.history table tbody th { border: 1px solid #dbdbdb;}
.history table th{padding: 5px; font-size: 16px; font-weight: 500; color: #313131; border: 1px solid #dbdbdb; background: #f3f3f3; width: 20%; }
.history table tbody tr > th{transform : rotate(0.04deg);}
.history table td{padding: 15px 12px; font-size: 15px; color: #222; line-height: 22px; border: 1px solid #dbdbdb; transform : rotate(0.04deg);}
.history table td strong {font-weight: 500;}

.map {margin-bottom:50px;}
.map .tb20 {font-size:20px; font-weight:bold; color:#284662; margin:20px 0 10px;}
.map .tb14-1 {font-size:14px; font-weight:bold; color:#221e1f; margin-bottom:10px;}
.map .tb14 {font-size:14px; font-weight:bold; color:#669fd6; margin-bottom:5px;}
.map .t13 {font-size:13px; color:#5c5c5c; line-height:24px; margin-bottom:10px;}

.table01{width: 100%; border-top: 1px solid #284662 !important; border-left: 2px solid #fff !important; border-right: 2px solid #fff !important; border-collapse: collapse; margin-top:10px}
.table01 th{ padding: 10px 5px; height: 20px; font-size: 14px; font-weight: 600; line-height: 20px; color: #221e1f; border-left: 1px solid #dad9d9; background: #f7f7f7;}
.table01 tr > th{transform : rotate(0.04deg);} 
.table01 td{ padding: 10px 5px; height: 20px; font-size: 14px; line-height: 20px; color: #5c5c5c; border: 1px solid #dad9d9;}
.tac{text-align: center;}

/*호별기사*/
.issue {margin:0px 0 50px; overflow:hidden;}
.issue ul {margin-right:-50px; margin-top:12px}
.issue ul li {float:left; width:140px; margin-right:25px; margin-bottom:45px;}
.issue ul li img {width:140px; height:179px; margin-bottom:12px; border:1px solid #ebebeb;}
.issue ul li a {font-size:15px; color:#5c5c5c;}
.issue ul li a b {color:#424242; transform : rotate(0.04deg);}

/*pdf 보기*/
.board_search_panel {padding:22px; line-height:25px; text-align:center; border:1px solid #dbdbdb ; background:#f7f7f7;}
.board_search_panel .search_content {position:inherit; display:flex; justify-content: center;}
.board_search_panel .search_content div {display:inline-block; float:none !important; font-size:14px; color:#231f20;}
.board_search_panel .search_content select {min-width:100px; height:40px; border:1px solid #ddd;}
.board_search_panel .search_content input {width:90%; max-width:258px; height:40px; border:1px solid #ddd; margin: 0 10px;}
.board_search_panel .search_content img {vertical-align:middle;}

.pdf{width:100%}
.pdf {padding:3%; margin-top:30px;border:1px solid #d4d4d4;  overflow:hidden; width:100%}
.pdf .view {float:left;  padding-right:30px; overflow:hidden; width:670px;}
.pdf .view .img {position:relative; width:calc(100% - 2px); border:1px solid #e1e1e1; overflow:hidden; }
.pdf .view .img img {width:100%;}
.pdf .view .img .title {position:absolute; bottom:0; left:0; width:100%; height:52px; padding:15px 0; font-size:18px; font-weight:500; color:#fff; text-align:center; background:url("/site/times/res/img/pdf_bg.png"); transform : rotate(0.04deg);}
.pdf .view .img .title span {display:block; font-size:16px; color:#a6a6a6; padding: 10px 0;}
.pdf .view .btn {text-align:center; margin-top:28px; display:flex; align-items:center; justify-content:space-between;}
.pdf .view .btn a {display:inline-block; width:200px; height:56px; font-size:15px; font-weight:500; line-height:56px; border-radius:5px; margin-bottom:20px;}
.pdf .view .btn .a1 {color:#424242; border:1px solid #c8c8c8;}
.pdf .view .btn .a2 {color:#fff; border:1px solid #375c7f; background:#00205B;}
.pdf .view .btn .a2 img, .pdf .view .btn .a1 img {vertical-align:middle;}
.pdf .view .btn .a2+.a1 {margin-left:20px;}
.pdf .view .btn .a1+.a2 {margin-left:20px;}
.pdf .list {width:360px; vertical-align:top; overflow:hidden;}
.pdf .list .tb15 {font-size:15px; font-weight:bold; color:#231f20; margin-top:8px; transform : rotate(0.04deg); text-align:center;}
.pdf .list .tb15 > img{vertical-align:middle;}
.pdf .list ul {height:635px; padding:20px 20px 20px 30px; margin-top:15px; border:1px solid #e7e7e7; overflow-y:scroll; text-align:center;}
.pdf .list ul li {font-size:15px; color:#5c5c5c; padding:3px 0}


/*모바일 1040px*/
@media screen and (max-width:1040px) {
	#intro {width: 100%;}
	.iw{width: 100%;}
	.issue ul {text-align:center; margin-right:0px; margin-top: 24px;}
	.issue ul li {float:none; display:inline-block; margin:0 2% 45px; width:170px}
	.issue ul li img {width:170px; height:220px}
	.pdf .view {width:100%; padding-right:0;}
	.pdf .list {width:100%;}
}