@charset "utf-8";

/*폰트*/
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO31.ttf') format('truetype'); font-weight: 300; font-style: normal;}
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO32.ttf') format('truetype'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO33.ttf') format('truetype'); font-weight: 500; font-style: normal;}
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO34.ttf') format('truetype'); font-weight: 600; font-style: normal;}
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO35.ttf') format('truetype'); font-weight: 700; font-style: normal;}
@font-face { font-family: 'YDYGO'; src: url('/site/times_2025/font/YDYGO36.ttf') format('truetype'); font-weight: 800; font-style: normal; letter-spacing: -2%;}

/*초기화*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,nav{margin:0; padding:0; }
fieldset,img{border:0 none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none; }
input,select,textarea,button {vertical-align:middle;}
input:focus {outline:none;}
body,th,td,input,textarea,button {font:14px/24px; color:#313131;  word-break: break-all;}
a:active, a:focus {text-decoration:none;}
a {color:#313131; text-decoration:none;}
body { font-family: "YDYGO", "sans-serif";  overflow-y: scroll;  }
#container{width: 1140px; margin:0 auto; background-color: #ffffff;}

/*폰트 크기*/
.t34{font-size: 34px; transform : rotate(0.04deg);}
.t28{font-size: 28px; transform : rotate(0.04deg);}
.t26{font-size: 26px; transform : rotate(0.04deg);}
.t22{font-size: 22px; transform : rotate(0.04deg);}
.t19{font-size: 19px; transform : rotate(0.04deg);}
.t18{font-size: 18px; transform : rotate(0.04deg);}
.t12{font-size: 12px; transform : rotate(0.04deg);}
.t14{font-size: 14px; transform : rotate(0.04deg);}
.t15{font-size: 15px; transform : rotate(0.04deg);}
.t16{font-size: 16px; transform : rotate(0.04deg);}


/*최상단영역*/
#head{ width: 100%; border-bottom: 1px solid #d9d9d9; }
.head_top{display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; width: 1140px; margin: 0 auto; align-items: center; box-sizing: border-box;}
.head_top .info > a, #head .head_top .user > a{margin-right: 18px; color:#595959} 
.head_top .info > a:last-child::after{display: none;}
.head_top .user > a:last-child{padding-right: 0;} 
.head_top .info{transform : rotate(0.04deg); display: flex; align-items: center;}
.head_top .user > a > img{width: 30px; height: 30px;}
.head_top .user{ transform : rotate(0.04deg); display: flex; align-items: center;}


/*헤더영역*/
.header_bg{background-color: #fafafa; }
header{width: 1140px; margin:0 auto; }
header .logo h1{text-align: center; padding: 34px; box-sizing: border-box;}
header .logo h1 > a > img{height: auto; width: 390px}
#gnb .gnb_inner{background: #fff; padding: 12px 0; position: relative; display: flex; gap:54px; justify-content:center; align-items: center; }
#gnb .gnb_inner::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, #00205B 70%, #B80009 30%);}
#gnb .gnb_inner::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, #B80009 0%, #B80009 30%, #8F8F8F 30%, #8F8F8F 100%);}
#gnb nav .dep1{display: flex; gap:66px; font-size: 21px; font-weight: 500; color: #1D1D1D; align-items: center; }
#gnb nav .dep1 > li > a { display: inline-block; transform: rotate(0.04deg); backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#gnb nav .dep1 > li > a { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#gnb nav .dep1>li{position: relative; }
#gnb nav .dep1>li:last-child{display: hidden;}
#gnb nav .dep1>li:hover>a{color:#00205B}
#gnb nav .dep2{ white-space: nowrap; min-width: 80px; left: 50%; transform: translateX(-50%);; font-size: 14px; font-weight: 400;  text-align: center; position: absolute; background: #fff; z-index: 999; top:39px; border: 1px solid #797979; border-top:none; display: none;  }
#gnb nav .dep2>li>a{display: block; height: 100%; padding: 12px 18px; color: #747474; font-weight:500}
#gnb nav .dep2>li:hover >a{background: #eeeeee; font-weight: 500; color: #313131;}
#search{position: relative; left:30px}
#search input[type=text]{ width: 205px; padding: 10px 40px 10px 10px ; border-radius:0px; border:  1px solid #cecece; box-sizing: border-box; }
#search .search_btn{display: block; width: 24px; height: 35px;  position: absolute; right:10px; top:0; z-index: 2; display: flex; align-items: center; justify-content: center; }
#search .search_btn > img{width: 22px; height: 22px;  display: block;}

/*뉴스 영역*/
#container > #content{display: flex; justify-content: space-between; margin-top: 55px;}
#content > #news{width: 814px;}
#content #widget{width: 291px;}
.news_header{border-bottom: 2px solid #00205B; padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 19px; font-weight: 600; transform : rotate(0.04deg);}
.news_header .more{display: block; width: 16px; height: 16px;}
.news_header .more > img{width: 16px; height: 16px;}
.news-article{margin-bottom: 28px;}
.item_content {  width: calc(100% - 128px);}

/*모바일 gnb*/
.mo_gnb{display: none;}
#mo_form, .mo_slide_menu{display: none;}


/*지면보기*/
.widget_title{padding: 18px 0 0 16px; font-size: 19px; font-weight: 600; display: block; box-sizing: border-box; transform : rotate(0.04deg);}
.paper_view{width: 100%; border: 1px solid #d9d9d9; height: 270px; background: #fff;}
.paper_box{display: flex; padding: 13px; gap:20px} 
.paper_photo{width: 135px; overflow: hidden; }
.paper_photo >img {object-fit: cover; overflow: hidden; width: 100%; }
.paper_content .subject{font-weight:600; font-size: 18px; transform : rotate(0.04deg); display: block; }
.paper_content .date{margin-bottom: 18px; transform : rotate(0.04deg);}
.paper_content .btn{display: block; border: 1px solid #9c9c9c; padding: 6px 12px; margin-top: 6px; font-size: 14px; transform : rotate(0.04deg);}
.paper_content .btn:hover{background: #00205B; color:#fff}


/*인기뉴스*/
.popular_news{width: 100%; border: 1px solid #d9d9d9; margin-top: 30px; background: #fff; padding-bottom: 10px;}
.rank{padding: 18px 10px 0 16px;}
.rank >ul>li{margin-bottom: 8px;  font-size: 14px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; transform : rotate(0.04deg); font-weight: 500;  }
.rank >ul>li:hover a{text-decoration: underline; }
.num{display: inline-block; width: 22px; height: 22px; line-height: 23px; background: #fff; box-sizing: border-box; border: 0.5px solid #9c9c9c; font-size: 14px; text-align: center; margin-right: 3px;}
.top_rank{background-color: #B80009; color:#fff; border: none;}

/*배너*/
.banner{margin: 30px 0}
#slider img{width: 100%; }
.slide{overflow: hidden; }
.slide > a > img{width: 100%; overflow: hidden; height: 240px;}
.slide_title{background-color: #00205B; color:#fff; font-size: 14px; height: 30px; text-align: center; line-height: 30px; position: relative;}
.slide_title > span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; text-align: center; display: block; margin: 0 auto; transform : rotate(0.04deg);} 
.slick-prev{position: absolute; bottom:-8px; left:5px;  z-index: 99; background:url(/site/times_2025/img/left.png) no-repeat  100%; text-indent: -999999px; width: 24px; height: 24px; border:none ; cursor: pointer; transform: translateY(-50%);}
.slick-next{position: absolute;  bottom:-8px; right:5px;  z-index: 99; background:url(/site/times_2025/img/right.png) no-repeat  100%; text-indent: -999999px; width: 24px; height: 24px; border:none ; cursor: pointer; transform: translateY(-50%);}

/*오피니언*/
.opinion_photo{width: 83px; height: 83px; border-radius: 83px; background-color: #fff; border: 1px solid #c3c3c3; overflow: hidden; flex-shrink: 0}
.opinion_photo >img{object-fit:contain ; width: 100%;}
.opinion > .widget_title{padding-bottom: 10px; border-bottom: 2px solid #00205B;}
.opinion_item{border-bottom: 1px solid #d9d9d9; padding: 22px 0; }
.opinion_item:hover .opinion_title{text-decoration: underline;}
.opinion_item >a{display: flex; align-items: center;}
.opinion_content{padding-left: 10px;}
.opinion_name{font-size: 12px; color:#313131; transform : rotate(0.04deg); display: block;}
.opinion_title{display: block; font-size: 15px; margin-top: 8px; font-weight: 500; transform : rotate(0.04deg); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*푸터*/
footer{width: 100%; background-color: #F8F8F8; margin-top: 86px;}
#tail{width: 1140px; margin:0 auto; padding: 56px 0;}
#tail .top>ul{display: flex; gap:52px; font-size: 14px; justify-content: center; font-weight: 500;}
#tail .top>ul>li{position: relative; transform : rotate(0.04deg); }
#tail .top>ul>li::after{content: ""; display: block; width: 1px; height: 20px; background: #d9d9d9; position: absolute; top:-3px; right:-26px}
#tail .top>ul>li::after{display: none;}
#tail .t14{text-align: center; color :#797979; margin-top: 40px; transform : rotate(0.04deg);}
#tail .t14 > span{display: block; margin-top: 16px;}
#tail .sns{display: none;}

/*모바일*/

@media screen and (max-width:1040px) {
	#container > #content{margin-top: 30px; padding: 0 12px; width: 100%; box-sizing: border-box;}
	#container{width: 100%;}
	#content > #news{width: 100%;}
	#widget, #gnb, #head{display: none;}
	
	
	/*head*/
	header{width:100%;}
	header .logo h1{padding: 20px 0; position: relative; }
	header .logo h1::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, #00205B 0%, #00205B 33%, #B80009 33%, #B80009 66%, #8F8F8F 66%, #8F8F8F 100%);}
	header .logo h1 > a{ display: inline-block; text-align: center;}
	header .logo h1 > a> img{width: 220px; vertical-align: middle; text-align: center; height: auto; }
	.bbs_content .t34 {font-size: 30px;}
	
	/*푸터*/
	footer{margin-top:30px }
	#tail{width: 100%; padding: 36px 12px; box-sizing: border-box; }
	#tail .top>ul{font-size: 12px; flex-wrap: wrap; gap:30px 40px }
	#tail .top>ul>li:nth-child(3)::after{display: none;}
	#tail .t14 >span:first-child{display: none;}
	#tail .t14 >span{ font-size: 12px;}
	#tail .sns{display: block; padding: 10px 20px; text-align: right;}
	#tail .sns > a >img{width: auto; height: auto; width: 30px;}
	
	
	/*모바일 메뉴*/
	.mo_gnb{display: block;}
	.mo_search{left:12px; position: absolute; top:22px;  display: block; cursor: pointer;  z-index: 99; }
	.mo_search > img, .mo_menu > img{width: 24px}
	.mo_menu{right:12px ; position: absolute; top:26px; display: block; cursor: pointer; z-index: 99; }
	.mo_close > img{width: 24px;}
	.mo_logo > h3 > img{vertical-align: middle; width: 165px;}
	#mo_form{width: 100%;background: #2c2c2c; height: 45px; position: absolute; top:67px; display: none; }
	#mo_form input{position: relative; background: none; width: 90%; color:#fff; height: 45px; border: none; padding-left: 10px; box-sizing: border-box;}
	#mo_form .mo_search_btn{padding:12px 10px; display: block; position: absolute; right:0; top:50%; transform: translateY(-50%) ; box-sizing: border-box;}
	#mo_form .mo_search_btn > img{width: 18px; height: 18px; text-align: center; }
	.mo_user > img{width: 24px;}
	
	.mo_slide_menu{width: 295px; background: #fff; height: 100%; position: fixed; top:0; right:0; display: none; z-index: 99;}
	.mo_slide_menu.move{display: block;}
	.mo_slide_menu .mo_header{display: flex; justify-content: space-between; padding: 20px 15px 20px 15px; align-items: center;  }
	.mo_slide_menu .profile_area{background: #2c2c2c; height: 40px; padding: 0 15px}
	.mo_slide_menu .profile_area ul{display: flex; gap:20px; ; height: 100%; align-items: center;}
	.mo_slide_menu .profile_area ul li{position: relative; }
	.mo_slide_menu .profile_area ul li::after{content: ""; width: 1px; height: 10px; background: #d9d9d9; position: absolute; top:2px; right:-10px}
	.mo_slide_menu .profile_area ul li:nth-child(n+3):after{display: none;}
	
	.mo_slide_menu .profile_area ul li a{color:#fff; font-size: 12px; display: block;  transform : rotate(0.04deg);}
	.mo_slide_menu .profile_area ul li:last-child a{padding-left: 30px;}
	.mo_slide_menu .mo_close{cursor: pointer;}
	.mo_slide_menu .mo_dep1>li>a{padding: 20px 15px; border-bottom: 1px solid #d9d9d9; font-weight: 500; display: block;  transform : rotate(0.04deg);}
	.mo_slide_menu .mo_dep2>li>a{background-color: #F5F6FA; font-size: 14px; font-weight: 400; display: block; padding: 20px 15px; border-bottom: 1px solid #d9d9d9;  transform : rotate(0.04deg);}
	
	.mo_slide_menu .mo_dep2{display: none;}
	.bg{background: rgba(59, 59, 59, 0.73); width: 100%; height: 100%; position: fixed; top:0; left:0; display: none; z-index: 10;} 

}