

/*********** List *************/
.thumb_list{border-top: 1px solid var(--border);}
.thumb_list .list{position: relative; border-bottom: 1px solid var(--border);}
.thumb_list .list.notice{background:rgba(240,244,248,.6);}
.thumb_list .list .checkbox{display: inline-block; position:absolute; left:5px; top:5px; z-index: 2;}
.thumb_list .list a{display: block; padding:50px 30px; box-sizing:border-box;}
.thumb_list .list dl{display: flex; align-items:center;}
.thumb_list .list dl dt{width: 315px; overflow:hidden; aspect-ratio:3 / 2; display:flex;}
.thumb_list .list dl dt img{display: block; width: 100%; height: 100%; object-fit:cover; transition:all .4s;}
.thumb_list .list dl dd {width:calc(100% - 315px); box-sizing:border-box; padding:0 0 0 50px;}
.thumb_list .list dl dd .catname{width: 160px; padding: 0 20px 0 0; font-size:0.889rem; line-height: 130%; letter-spacing:var(--letter-spacing-body); font-weight: 500; color:var(--main); box-sizing:border-box; display: block; position: relative;}
.thumb_list .list.notice dl dd .catname{font-size:0; height: 24px; line-height: 24px;}
.thumb_list .list.notice dl dd .catname::before{content:'\e98e'; display: block; width: 24px; height: 24px; line-height: 24px; font-size:24px; font-family:var(--icon); color:var(--main); position: absolute; left:0; top:0;}
.thumb_list .list dl dd .fs26 {font-weight: 700; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width: 100%; color:var(--black);}
.thumb_list .list dl dd .date {margin-top: 15px; font-weight: 400; color:#999;}
.thumb_list .list dl dd .date::before{content:'\ebcc'; display: inline-block; vertical-align: middle; margin: -2px 6px 0 0; font-size:19px; font-family:var(--icon); font-weight: 400;}
.thumb_list .list dl dd .multiple {margin-top:20px; overflow:hidden; height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5em; text-overflow:ellipsis;}

.thumb_list a:hover dt img{transform:scale(1.1);}
.thumb_list a:hover {background:rgba(6,78,145,.05);}


/*********** View *************/
.bbs_view{}
	.bbsView_tit{padding:100px 0 30px; box-sizing:border-box; position: relative; text-align:center; border-bottom: 1px solid var(--border);}
	.bbsView_tit .star{display: block; margin: 0 0 10px;}
	.bbsView_tit .catname{display: block; font-weight: 500; color:var(--main); padding:0 0 15px;}
	.bbsView_tit .subject{line-height:130%; font-weight:700; color:var(--black);}
	
	
	.bbsView_tit .view_detail{margin:15px 0 0; display:flex; flex-wrap:wrap; justify-content: center; gap:8px 25px;}
	.bbsView_tit .view_detail li{font-size:1rem; color:var(--basic); font-family:var(--eng); font-weight: 300; line-height:150%;}
	.bbsView_tit .view_detail li::before{display: inline-block; vertical-align: middle; margin:-2px 5px 0 0; font-size:20px; font-family:var(--icon); font-weight: 400;}
	.bbsView_tit .view_detail li.date::before{content:'\ebcc';}
	.bbsView_tit .view_detail li.count::before{content:'\e8f4';}
	
	
	.view_content{padding:30px 0; box-sizing:border-box; overflow-x: auto;}
	.view_content img{max-width:100%; height:auto !important;}
	.view_content::after{content:''; display: block; clear:both;}
	.view_content p{vertical-align: top;}

	.view_file{margin:40px 0 0; padding: 35px 30px; box-sizing:border-box; background:rgba(243, 243, 243, 0.8); display:flex;}	
	.view_file .btit{width:150px; font-size:1rem; font-weight: 500; letter-spacing:var(--letter-spacing-body); line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}	
	.view_file .btit::before{content:'\e226'; display: inline-block; vertical-align: middle; margin:-2px 5px 0 0; font-size:20px; font-family:var(--icon); font-weight: 400; transform:rotate(90deg);}
	.view_file .bstxt{width:calc(100% - 150px); line-height: 120%; box-sizing:border-box;}	
	.view_file .bstxt a{display:inline-block; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:150%; color:var(--basic); border-bottom:1px solid var(--basic); margin: 10px 0 0;}
	.view_file .bstxt a:first-child{margin: 0;}
	

	.bbs_bottom{border-top:1px solid var(--border); display:flex; align-items:center;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:185px; padding:20px; font-size:1rem; font-weight: 700; letter-spacing:var(--letter-spacing-body); line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:#D9D9D9; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 185px); padding:20px 0; font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height: 120%; box-sizing:border-box;}
	.bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}


/* 250725 공지사항 detail css */
.notice_detail {line-height:155%;}
.notice_detail h2 {font-size:1.667rem; font-weight:bold; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:135%; margin-bottom:10px}
.notice_detail h2 span{color:var(--main); line-height:inherit;}
.notice_detail h3 {font-size:1.111rem; font-weight:bold; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:135%; margin-bottom:10px}
.notice_detail h3 span{color:var(--main); line-height:inherit;}
.notice_detail b{ color:var(--black); line-height:inherit; }
.notice_detail .fs18{font-size:1rem; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:155%;}

.notice_detail .point_list{background:rgba(240,244,248,.6); padding:20px; border:1px solid #ddd;}
.notice_detail .point_list li{padding:2px 0}
.notice_detail .point_list li b{color:var(--main)}

.tpad_10{padding-top:10px}
.bpad_10{padding-bottom:10px}
.bpad_30{padding-bottom:30px}
.b_line{border-bottom:1px solid var(--border); margin-bottom:30px; padding-bottom:30px}


/** 정기 공지사항 **/
.notice_tit {background:url('/twcenter/bbs/skin/thumbBasic/image/notice_tit.gif') left top no-repeat; padding:15px 0; color:#333; font-weight:600; line-height:140%;  font-size:1.125rem; letter-spacing:var(--letter-spacing-default);}
.notice_msg {padding:25px; line-height:150%; letter-spacing:var(--letter-spacing-default); background:#f6f6f6; margin-bottom:40px;}
.notice_msg * {line-height:150%; letter-spacing:var(--letter-spacing-default);}
.notice_cnt * {line-height:150%; letter-spacing:var(--letter-spacing-default);}


.posting {border-collapse:collapse; border-spacing:0;  }
.posting td.top {height:10px}
.posting td.img {width:331px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:20px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting td.img2 {width:666px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:15px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting .img2 img{width:665px}
.posting .img img{width:316px}
.posting td.bot { background:url('/twcenter/bbs/skin/thumbBasic/image/posting_botbg.gif') bottom right no-repeat; height:64px; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting .thum{clear:both; *zoom:1;}
.posting .thum .thum_L { float:left; padding-bottom:5px; padding-right:5px;}
.posting .thum .thum_R { float:left; padding-bottom:5px;}

.posting_700{border-left:1px solid #ddd; border-right:1px solid #ddd;background:url('/twcenter/bbs/skin/thumbBasic/imageposting_topbg.gif') right top no-repeat; width:720px; margin-bottom:10px; clear:both; *zoom:1; }
.posting_700 .img {background:url('/twcenter/bbs/skin/thumbBasic/image/posting_botbg.gif') right bottom no-repeat; padding:10px 10px 50px 10px; width:100%;overflow:hidden; text-align:center;}
	:root .posting_700 .img {background:url('/twcenter/bbs/skin/thumbBasic/image/posting_botbg.gif') right bottom no-repeat; padding:10px 0px 50px 0px; width:100%;overflow:hidden;}

.posting_700 .thum{clear:both; *zoom:1;}
	:root .posting_700 .thum{margin-left:10px;}
.posting_700 .thum .thum_L { float:left; padding-bottom:5px; padding-right:5px;}
.posting_700 .thum .thum_R { float:left; padding-bottom:5px;}

.conte_700{width:720px; border:1px solid #ddd; padding:10px; background-color:#fafafa;}
	:root .conte_700{width:700px; border:1px solid #ddd; padding:10px; background-color:#fafafa;}


.posting_345{border-left:1px solid #ddd; border-right:1px solid #ddd;background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') right top no-repeat; width:365px; margin-bottom:10px; margin-right:10px; float:left;clear:both; *zoom:1;}
.posting_345 .img {background:url('/twcenter/bbs/skin/thumbBasic/image/posting_botbg.gif') right bottom no-repeat; padding:10px 10px 50px 10px; width:100%;overflow:hidden;}
	:root .posting_345 .img {background:url('/twcenter/bbs/skin/thumbBasic/image/posting_botbg.gif') right bottom no-repeat; padding:10px 0px 50px 0px; width:100%;overflow:hidden; text-align:center;}

.posting_345 .thum{}
	:root .posting_345 .thum{margin-left:10px;}
.posting_345 .thum .thum_L { float:left; padding-bottom:2px; padding-right:5px;}
.posting_345 .thum .thum_R { float:left; padding-bottom:2px;}
.conte_345{float:left; width:343px; height:320px; border:1px solid #ddd; padding:10px; background-color:#fafafa; overflow:hidden;}
	:root .conte_345{float:left; width:323px; height:300px; border:1px solid #ddd; padding:10px; background-color:#fafafa; overflow:hidden;}

/* 171221 스토리 가로 사이즈 조절 */
.posting.new {border-collapse:collapse; border-spacing:0;  }
.posting.new td.img {width:474px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:20px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting.new td.img2 {width:474px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:15px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting.new .img2 img {width:972px}
.posting.new .img img {width:472px}

/* 251231 스토리 가로 사이즈 조절 */
.posting.new2 {width:100%; max-width:1350px; border-collapse:collapse; border-spacing:0;  }
.posting.new2 td.img {width:100%; max-width:647px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:20px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting.new2 td.img2 {width:100%; max-width:647px; background:url('/twcenter/bbs/skin/thumbBasic/image/posting_topbg.gif') center top no-repeat; padding:15px 12px 0 12px !important; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.posting.new2 .img2 img {width:972px}
.posting.new2 .img img {width:100%; max-width:647px;}

.award_list {position:relative;}
.award_list h4 {background: #3e424a; font-size:1.5rem; display: block; padding: 15px 10px; letter-spacing:-1pt; color: #fff; text-align: Center;}
.award_list .cnt {background:#f4f4f4; padding:40px;}
.award_list .cnt dl {display:flex; flex-wrap:wrap; gap:0 60px;}
.award_list .cnt dl dt {width:460px;}
.award_list .cnt dl dd {align-self:center; width:calc(100% - 520px);}
.award_list .cnt .site_tit {color:#333; font-size:2rem; line-height:150%; letter-spacing:-1pt; margin-bottom:20px;}
.award_list .cnt .site_txt {line-height:170%; letter-spacing:-.5pt; font-size:1rem;}
.award_list .cnt .linkBtn {width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:50px;}
.award_list .cnt .linkBtn a:link, .award_list .cnt .linkBtn a:visited {width:49.5%; line-height:1; font-size:1rem;line-height:130%; text-align:center; padding:15px 25px; color:#fff; background:#218adb; text-decoration:none; letter-spacing:-.5pt; border:1px solid #218adb; border-radius:10rem; box-sizing:border-box;}
.award_list .cnt .linkBtn a:hover {color:#218adb; background:#fff;}
.award_list .cnt .linkBtn a.portfolio {background:#064e91; border-color:#064e91;}
.award_list .cnt .linkBtn a.portfolio:hover {color:#064e91; background:#fff;}


/*******************************************************************************
    @media  1300px              
*******************************************************************************/
@media all and (max-width:1300px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list dl dt{display: block;}
.thumb_list .list dl dt .catname{width: 100%; padding: 0; margin-bottom: 10px;}
.thumb_list .list.notice dl dt .catname{height: 24px;}
.thumb_list .list dl dt .tit{width: 100%;}


}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list a{padding:20px;}
/* .thumb_list .list dl dt{width: calc(100% - 150px); padding: 0 30px 0 0;} */
/* .thumb_list .list dl dd{width: 150px;} */

.thumb_list .list dl dt{width:290px;}
.thumb_list .list dl dd{width:calc(100% - 290px); padding:0 0 0 30px;}
.thumb_list .list dl dd .fs30 {font-size:18px}
.thumb_list .list dl dd .date{margin-top: 10px;}


/*********** View *************/
.bbs_view{}
	.bbsView_tit{padding:70px 0 25px;}
	.bbsView_tit .star{margin: 0 0 6px;}
	.bbsView_tit .catname{padding:0 0 10px;}
	.bbsView_tit .view_detail{margin:10px 0 0; gap:8px 20px;}
	
	.view_content{padding:20px 0;}

	.view_file{margin:30px 0 0; padding: 25px 30px;}	
	.view_file .btit{width:120px;}	
	.view_file .bstxt{width:calc(100% - 120px);}	
	
	.bbs_bottom{}
	.bbs_bottom dt{width:145px; padding:15px;}
	.bbs_bottom dd{width:calc(100% - 145px); padding:15px 0;}

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list a{padding:20px 10px;}
.thumb_list .list dl{flex-wrap:wrap;}
.thumb_list .list dl dt{width: 100%; display:flex;}
.thumb_list .list dl dd .fs30 {font-size:16px}
.thumb_list .list dl dt .catname{margin-bottom: 6px;}
.thumb_list .list.notice dl dt .catname{height: 20px;}
.thumb_list .list.notice dl dt .catname::before{width: 20px; height: 20px; line-height: 20px; font-size:20px; left: 50%; transform:translateX(-50%);}
.thumb_list .list dl dt .date::before{font-size:16px;}
.thumb_list .list dl dd{width: 100%; padding: 15px 0 0;}
.thumb_list .list dl dd .date {margin-top:5px;}
.thumb_list .list dl dd .multiple {margin-top:10px;}


/*********** View *************/
.bbs_view{}
	.bbsView_tit{padding:50px 0 20px;}
	.bbsView_tit .catname{padding:0 0 6px;}
	
	.bbsView_tit .view_detail{gap:8px 10px;}
	.bbsView_tit .view_detail li::before{font-size:16px;}
	

	.view_file{margin:20px 0 0; padding: 15px 20px;}	
	.view_file .btit{width:100px;}	
	.view_file .btit::before{font-size:16px;}
	.view_file .bstxt{width:calc(100% - 100px);}	
	.view_file .bstxt a{margin: 6px 0 0;}
	
	.bbs_bottom{}
	.bbs_bottom dt{width:120px; padding:10px;}
	.bbs_bottom dt .arrow{right:15px;}
	.bbs_bottom dd{width:calc(100% - 120px); padding:10px 0;}


/* 250725 공지사항 detail css */
.notice_detail h2{font-size:1.25rem; margin-bottom:6px}
.notice_detail h3{font-size:1rem; margin-bottom:6px}

.notice_detail .point_list{padding:15px;}

.tpad_10{padding-top:6px}
.bpad_10{padding-bottom:6px}
.bpad_30{padding-bottom:20px}
.b_line{margin-bottom:20px; padding-bottom:20px}

}