/* width */
	.width_100p{width:100%;}
	.width_70{width:70px;}
	.width_100{width:100px;}
	.width_120{width:120px;}	
	.width_150{width:150px;}	
	.width_200{width:200px;}	

	.height_50{height:50px;}
	.height_100{height:100px;}
	.height_150{height:150px;}
	.height_200{height:200px;}
	.height_1100{height:1100px;}
	.min_height_253{min-height:253px;}
	
	.font_normal{font-weight:normal;}
	.over_hide{overflow:hidden}
	
/* Home CSS -1 */
.swiper-main .swiper-slide {	
	background-position:center;
	background-size:cover;	
	background-color:none;
	height: 550px;   /*중간이미지 높이조절*/
	position:relative; 
}
//.swiper-main .swiper-slide.slide-item-1 {background-image:url('/wktks/images/main/intro_1.jpg'); }
//.swiper-main .swiper-slide.slide-item-2 {background-image:url('/wktks/images/main/intro_2.jpg'); }

.swiper-main .swiper-slide.slide-item-1 {background-image:url('/_data/banner/2021/cacc97e2caf8dab0d1c849197a0a94c7.jpg'); }
.swiper-main .swiper-slide.slide-item-2 {background-image:url('/_data/banner/2021/fd63fb6e14c73be26b5ad15a6ec3d86e.jpg'); }
.swiper-main .swiper-slide.slide-item-3 {background-image:url('/_data/banner/2021/bd4c26322fd2f729af4fc8d689710352.jpg'); }
.swiper-main .swiper-slide.slide-item-4 {background-image:url('/_data/banner/2021/c1709150d8ae753191d57cb6302ec58d.jpg'); }

.swiper-main .swiper-slide.swiper-slide-active .slogan-head { animation: text 1s .3s both;}
.swiper-main .swiper-slide.swiper-slide-active .slogan-body { animation: text 1s .8s both;}

/* text background color */
.txt-bg-color{background-color: rgba(0, 0, 0, .2);padding:0px 20px;}

@media (max-width: 800px) {
	.swiper-main .swiper-slide {
		height: 45vh;
	}
	
	.swiper-button-prev{ display:none;}  /* 왼쪽 오른쪽 중간이미지의 화살표 안나오게 */
	.swiper-button-next{ display:none;}
}


/* Home CSS -2 */
span.new {
    font-size: 9px;
    border: 0px solid #666;
    padding: 0 5px;
    margin: 0 5px;
    display: inline-block;
    color: #666;
    line-height: 15px;
    font-family: Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
    background: #F60;
    color: #fff;
    border-radius: 10px;
    letter-spacing: 0;
}
.main-section-box{background-color:#fff;padding:50px;}
.notice-boxSet {display: table; table-layout: fixed; width: 100%;}
.notice-boxSet .notice-box1 {display: table-cell; vertical-align: middle; width: 50%; padding: 0 5px;}
.notice-boxSet .notice-box2 {display: table-cell; vertical-align: middle; width: 50%; padding: 0 5px;}
.notice-boxWrap1 {height:400px;border:1px solid #ddd;padding:0px 15px;}
.notice-boxWrap2 {height:400px;border:1px solid #fff;padding:0px 0px;}



.notice-boxWrap1{background:#ffffff; position:relative; border:1px solid #e6e6e6; margin-bottom:20px}
.notice-boxWrap2{background:#ffffff; position:relative; border:0px solid #e6e6e6; margin-bottom:20px; background-color:#f2f2f2;}

.notice-boxWrap1 .btn_clink{position:absolute; right:5px; top:0px; z-index:1; width:51px; height:55px; background:#ffffff; text-indent:-999999px}
.notice-boxWrap1 .btn_clink:before,
.notice-boxWrap1 .btn_clink:after{content:''; display:block; width:1px; height:20px; background:#808080; position:absolute; left:0; right:0; bottom:0; top:0; margin:auto}
.notice-boxWrap1 .btn_clink:after{width:20px; height:1px}

.notice-boxWrap1 ul.tabs {width:100%; border-bottom:2px solid #e6e6e6; text-align:left; overflow:hidden; }
.notice-boxWrap1 ul.tabs li{float:left; font-size:1.1em;  cursor:pointer; color:#969696; line-height:55px; text-align:center; position:relative}

.notice-boxWrap1 ul.tabs li:before{content:''; display:inline-block;  margin:auto; width:25px; height:25px; vertical-align:middle; background-size:100% !important; }
.notice-boxWrap1 ul.tabs li:after{content:''; display:block; position:absolute;height:100%; top:0; bottom:0; background:#e6e6e6;}
.notice-boxWrap1 ul.tabs li:hover{color:#323232; font-weight:500}
.notice-boxWrap1 ul.tabs li.current{color:#323232;; font-weight:500; padding-left:0px;}

.notice-boxWrap1 .tabscontent {padding:20px 20px;display:none;width:100%; text-align:left; }
.notice-boxWrap1 .tabscontent li{position:relative; overflow:hidden; padding-left:10px; margin-top:4px; margin-bottom:0px;}
.notice-boxWrap1 .tabscontent li:before{content:''; width:3px; height:3px; position:absolute; left:0; top:0; bottom:0; background:#c8c8c8; margin:auto;}
.notice-boxWrap1 .tabscontent li.none{text-align:center; color:#969696; line-height:144px; padding:0; margin:0}
.notice-boxWrap1 .tabscontent li{border-bottom:1px dotted #ddd;padding-top:8px;padding-bottom:8px;height:44px;overflow:hidden;}
.notice-boxWrap1 .tabscontent li:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0}
.notice-boxWrap1 .tabscontent li a{display:block; ;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-weight:300;}
pre_view{margin-bottom:30px;}
.pre_view_tit {font-size:18px; font-weight:500;padding:15px 0px;}
.pre_view_memo{
	font-size:16px;
	color: #555;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 7.2em;
    text-overflow: ellipsis;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-weight: 300;
}
.pre_view_date{font-size:14px; font-weight:300;padding:15px 0px;margin-bottom:10px;}
.bbs_list_date{font-size:14px; font-weight:300;float:right;padding:3px;}



@media (max-width: 1100px) {
	.main-section-box{background-color:#fff;padding:15px 0px;}
	.main-section-box>container{padding:0px !important;}
	.notice-boxWrap1 ul.tabs li{padding-left:0px;}
	.notice-boxWrap1 ul.tabs {padding:0px;width:100%; border-bottom:2px solid #e6e6e6; text-align:left; font-size:14px; overflow:hidden; }
	
	
	.notice-boxSet {display: table; table-layout: fixed; width: 100%;}
	.notice-boxSet .notice-box1 {display: inline-block; vertical-align: middle; width: 100%; padding: 0px;}
	.notice-boxSet .notice-box2 {display: inline-block; vertical-align: middle; width: 100%; padding: 0px;}
	.notice-boxWrap1 {height:360px;border:1px solid #ddd;padding:0px 15px;}
	.notice-boxWrap2 {height:360px;border:1px solid #fff;padding:0px 0px;}
	.notice-boxWrap1 .tabscontent {padding:10px 10px;display:none;width:100%; text-align:left; }
	.notice-boxWrap1 .tabscontent li{position:relative; overflow:hidden; padding-left:0px; margin-bottom:0px;}
	.notice-boxWrap1 .tabscontent li{border-top:1px dotted #ddd;padding-top:5px;padding-bottom:5px;}
	.bbs_list_date{font-size:12px; font-weight:300;float:right;padding:0px;}
	
}
@media (max-width: 1200px) {
	.bbs_list_date{font-size:13px; font-weight:300;float:right;padding-top:2px;}
}


.quick-banner-set {display: table; table-layout: fixed; width: 100%;}
.quick-banner-set .quick-banner {display: table-cell; vertical-align: middle; width: 50%; padding-left: 25px;}
.quick-banner-set .qb1 {height:200px; background-color:#4482e8;}
.quick-banner-set .qb2 {height:200px; background-color:#669900; }
.quick-banner-set .qb3 {height:200px; background-color:#24a9a9; }
.quick-banner-set .qb4 {height:200px; background-color:#f39200; }
.quick-banner-set .qb5 {height:200px; background-color:#336699; }

.quick-banner-set .quick-banner {color:#fff; }
.quick-banner-set .quick-banner:hover{ font-weight:500; }
.quick-banner-set .quick-banner .icon img{ margin:0; }
.quick-banner-set .quick-banner .tit{font-size:24px; font-weight:500;padding:10px 0px;}
.quick-banner-set .quick-banner .stit{ font-size:14px; font-weight:300; margin-bottom:20px;}


.qb2-set{display: table; table-layout: fixed; width: 100%;}
.qb2-set .qb-col-1{display: table-cell; vertical-align: bottom; width: 70%; padding: 0 0px;}
.qb2-set .qb-col-2{display: table-cell; vertical-align: top; width: 30%; padding: 0 5px;}


@media (max-width: 1100px) {
.quick-banner-set .qb1 {height:160px; padding-top:15px; }
.quick-banner-set .qb2 {height:160px; padding-top:15px;}
.quick-banner-set .qb3 {height:160px; padding-top:15px;}
.quick-banner-set .qb4 {height:160px; padding-top:15px;}

.quick-banner-set .quick-banner .icon{margin:auto;}
.quick-banner-set .quick-banner .tit{color:white;font-size:18px; font-weight:500;padding:15px 0px;}
.notice-boxWrap2 {height:320px;border:1px solid #fff;padding:0px 0px;}
}


/* Home CSS -3 */
		#banner{border-top: 1px solid #ccc;}
		#banner .rel{}
		.rel .inner{position: relative;padding-left: 70px;}
		.rel .tit{position: absolute;left: 0;top:50%;height: 30px;height: 2rem;margin-top:-2rem;font-size: 1.200em;line-height: 30px;line-height: 2rem;}
		.rel .btns{position:left: 0em;top:31%;margin-top: -12px; width: 42px;border: 0;line-height: 29px;}
		.rel .btns button{width:42px;height: 26px;border: 0;white-space: nowrap;overflow: hidden; text-indent: -999px; padding-bottom:2px;
		}
		.rel .btns button.prev{background-image: url('/wktks/images/comm/pre_1.jpg')}
		.rel .btns button.pause{background-image: url('/wktks/images/comm/foot_pause.gif')}
		.rel .btns button.next{background-image: url('/wktks/images/comm/next_1.jpg');  }
		.rel .ms{}
		.rel .ms a{position: relative;display: block; height: 89px;height: 5.933rem; }
		.rel .ms img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;max-height: 87%;max-width: 97%;}
		.banner-wrapper img{border:0px;}
		.quick_url li{float:left;padding:0px 5px;}
		.quick_url{display:block;margin-right:170px;}
		@media (max-width:470px){
		.quick_url{display:none;}
		}



/* Top Navi*/

.rd-navbar-static .rd-navbar-nav > li > a {
	display:block;
    font-weight: 500;
	font-size: 18px;
	line-height: 100px;
	padding:0 40px;     /*메인 메뉴 전체 폭 조절*/
	text-align:center;
	text-transform:none;
	letter-spacing:0;
    color: #fff;
	
}

.rd-navbar-static .easy-searchbar {
    z-index: 1001;
    position: absolute;
    left: 0;
    top: 100px;
    background: rgba(255, 255, 255, .95);
    width: 100%;
    border-top: 1px solid #e2e2e2;
    padding: 38px 0;
    display: none;
}
.rd-navbar-static .easy-searchbar {z-index:999999999; position:absolute; left:0; top:100px; background:rgba(255, 255, 255, .95); width:100%; border-top:1px solid #e2e2e2; padding:38px 0; display:none; }
.rd-navbar-fixed .easy-searchbar {display:none; }
.rd-navbar-static.rd-navbar--is-stuck .easy-searchbar {top:70px; }

.easy-searchbar .searchbarBox {display:table; border-bottom:2px solid #1b1b1b; margin:0 auto; position:relative; }
.easy-searchbar .searchbarBox .ps-item {display:table-cell; padding-bottom:5px; vertical-align:middle; }
.easy-searchbar .searchbarBox .i-keyword {padding-left:15px; }
.easy-searchbar .searchbarBox .i-keyword > input {border:0; background:none; width:360px; height:40px; }
.easy-searchbar .searchbarBox .i-button > button {background:none; border:0; height:40px; }
.easy-searchbar .searchbarBox .i-button > button > img {width:25px; }
.easy-searchbar .searchbarBox .search-close {position:absolute; right:-70px; }


@media (max-width: 1375px) {
	.rd-navbar-static .rd-navbar-nav > li > a {
		font-weight: 500;
		font-size: 16px;
		padding:0 20px;  /*메인 메뉴 전체 폭 조절*/
		
	}
	
}
@media (max-width: 1280px) {
	.rd-navbar-static .rd-navbar-nav > li > a {
		font-weight: 500;
		font-size: 16px;
		padding:0 15px;  /*메인 메뉴 전체 폭 조절*/
	}
	
}
	
/* professor */

.pro_box{display: table; table-layout: fixed; width: 100%; padding:20 20px; border-top:2px solid #04509c;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin:1.75rem 0rem;}
.pro_box .profile_img{display: table-cell; vertical-align: top; width:200px; padding: 20px 20px;}
.pro_box .profile_img .img_box img{border:1px solid #ddd;}
.pro_box .profile_info{display: table-cell; vertical-align: middle; width: auto; padding: 10px 20px;}
.pro_box .profile_info .name{color:#444;font-size:24px;font-weight:500;padding:0 0 10px 0px;}
.pro_box .profile_info .name span{color:#666;font-size:20px;font-weight:300}
.pro_box .profile_info .name br{display:none}
.pro_box .profile_info  br{display:none}
.pro_box .profile_info dl{margin:10px 0px;}
.pro_box .profile_info dt{display: table-cell;width:120px;color:#333;font-weight:400}
.pro_box .profile_info dd{display: table-cell;font-weight:300;color:#666;}
.pro_box .profile_info dd a{color:#04509c;}
.pro_box .profile_info dd a:hover{color:#04509c;font-weight:500}

.pro_box .addinfo{display: block; vertical-align: middle; width:100%; padding: 10px 20px;}

@media screen and (max-width:650px){
.pro_box .profile_img{display: block; vertical-align: top; width: 100%; padding: 20px 20px;}
.pro_box .profile_img .img_box {margin:0 0 0 auto;text-align: center;}
.pro_box .profile_info{display: block; vertical-align: middle; width: 100%; padding: 20px 20px; }

.pro_box .profile_info .name{text-align:center;font-size:18px; background-color:#c9edfa; padding-top:5px; }
.pro_box .profile_info .name span{font-size:18px;}
.pro_box .profile_info .name br{display:block}
.pro_box .profile_info br{display:block}
.pro_box .profile_info dt{display: table-cell;width:80px;color:#333;font-weight:400}

}

.modal {top: 82px;}


/* location */

.location_list{display:block;}
@media (max-width:400px){
  .location_list{display:none;}
}

.location .home{float:left;padding:9px 0px;width:50px;text-align:center; border-left:1px solid #ddd;border-right:1px solid #ddd;height:45px;background-color:#fff;}
.location .main_menu{float:left;padding:9px 0px ;width:180px;text-align:center;border-right:1px solid #ddd;height:45px;background-color:#fff;}
.location .sub_menu{float:left;padding:0px;width:235px;border-right:1px solid #ddd;position:relative;}
.location .sub_menu button:before,.location .sub_menu button:after{content: '';display:block;position: absolute;right:20px;background: rgba(0,0,0,0.6);transition: all 0.3s;}
.location .sub_menu button:before{right:20px;width:20px;height: 1px;top:50%}
.location .sub_menu button:after{right:30px; width: 1px; height: 20px;top:calc(50% - 10px)}
.location .sub_menu button.open{}
.location .sub_menu button.open:after{transform:rotate(90deg);}
.location .sub_menu ul {display:none;position:absolute;left:0; right: 0;background: #fff;border: solid rgba(0,0,0,0.15);border-width: 1px 1px; font-size: 90%;z-index:9}
.location .sub_menu ul li {display:block;padding:0 10px;z-index:inherit;background-color;#fff;}
.location .sub_menu ul li a {display:block;padding:10px 0;color:#333;text-indent:10px;border:dashed rgba(0,0,0,0.15);border-width:0 0 1px}
.location .sub_menu ul li:hover a{ font-weight:700}
.location .sub_menu ul li:last-child a{border-width: 0}
.location .sub_menu button{background-color:#ffffff;width:100%;border:0px;text-align:left;padding-left:20px;height:45px;}


/* old prof */

.pro_box{display: table; table-layout: fixed; width: 100%; padding:20 20px; border-top:2px solid #0074E8;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin:1.75rem 0rem;}
.pro_box .profile_img{display: table-cell; vertical-align: top; width:200px; padding: 20px 20px;}
.pro_box .profile_img .img_box img{border:1px solid #ddd;}
.pro_box .profile_info{display: table-cell; vertical-align: middle; width: auto; padding: 20px 20px;}
.pro_box .profile_info .name{color:#444;font-size:24px;font-weight:500;padding:0 0 10px 0px;}
.pro_box .profile_info .name span{color:#666;font-size:24px;font-weight:300}
.pro_box .profile_info .name br{display:none}
.pro_box .profile_info  br{display:none}
.pro_box .profile_info dl{margin:10px 0px;}
.pro_box .profile_info dt{display: table-cell;width:120px;color:#333;font-weight:400}
.pro_box .profile_info dd{display: table-cell;font-weight:300;color:#666;}
.pro_box .profile_info dd a{color:blue;}
.pro_box .profile_info dd a:hover{color:blue;font-weight:500}

@media screen and (max-width:650px){
.pro_box .profile_img{display: block; vertical-align: top; width: 100%; padding: 10px 10px;}
.pro_box .profile_img .img_box {margin:0 0 0 auto;text-align: center;}
.pro_box .profile_info{display: block; vertical-align: middle; width: 100%; padding: 10px 10px; }

.pro_box .profile_info .name{text-align:center;font-size:18px; background-color:#c9edfa; padding-top:30px; }
.pro_box .profile_info .name span{font-size:18px;}
.pro_box .profile_info .name br{display:block}
.pro_box .profile_info br{display:block}
.pro_box .profile_info dt{display: table-cell;width:80px;color:#333;font-weight:400}

}

/* 학사 */

	.calendar{
		width:100%;
		font-size:12px;
	}
	.calendar th, td{
		padding:5px 5px 5px 5px;
		text-align:center;
	}
	.calendar_header{
		font-size:16px;
		padding: 5px 13px;
	}
	.date{
		padding-right:10px;
	}
	.schedule {
		margin-bottom:15px;
	}
	.schedule ul{
		margin-top:10px;
	}
	.schedule li{
		font-size:14px;
	}
	.schedule strong{
		font-size:16px;
		border-bottom:1px solid;
	}

	.calendar_header_row{margin-bottom:50px;border-bottom:1px solid #DDD;}
	.calendar_header_tr{border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#f2f2f2;}



	
	
	
/* board photo_list */

.bbs_top{ /*border-bottom:2px solid #1d2088;*/margin-bottom:20px;}
.bbs_photo_list{ border-bottom:2px solid #1d2088;}
.board.image .cell .info{background-color:#fff;}
.board.image .cell .info a{
    margin-top:10px;
    font-size: 90%;
    display: inline-block;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: 400;
    height: 39px;}
.board.image .cell .info .chk {
    margin-top:10px;
    font-size: 90%;
    display: inline-block;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: 400;
    height: 39px;}   
    
.board.image .cell .info p{text-align:center;color:#ccc;font-size: 90%;}
.thumbnail-wrappper { width: 100%; height: 200px; overflow: hidden; border:1px solid #ddd; } 
//.cellbox{border:2px solid #FFF;}
//.board.image .cellbox:hover{border:2px solid #0000A0;box-sizing: border-box;}
//.board.image .info:hover{background-color:#0000A0;color:#fff;}
img { max-width: 100%; height: auto; }
@media only screen and (max-width: 980px) {
	.thumbnail-wrappper { width: 100%; height: 240px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }
@media only screen and (max-width: 764px) {
	.thumbnail-wrappper { width: 100%; height: 340px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }
@media only screen and (max-width: 680px) {
	.thumbnail-wrappper { width: 100%; height: 300px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 } 
 @media only screen and (max-width:580px) {
	.thumbnail-wrappper { width: 100%; height: 300px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }
 @media only screen and (max-width: 480px) {
	.thumbnail-wrappper { width: 100%; height: 280px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }
@media only screen and (max-width: 430px) {
	.thumbnail-wrappper { width: 100%; height: 240px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }
@media only screen and (max-width: 380px) {
	.thumbnail-wrappper { width: 100%; height: 200px; overflow: hidden; border:1px solid #ddd; } 
	img { max-width: 100%; height: auto; }

 }



.bbs_photo_property-wrap {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 30px;
    transition: all ease .4s;
    border: 1px solid #e2e6f1
}

.bbs_photo_property-thumb {
    position: relative;
    overflow: hidden;
    height:204px;
}

.bbs_photo_property-thumb img {
    transition: all ease .4s;
     overflow: hidden;
}

.bbs_photo_property-content {
    padding: 1.5rem 1rem;
    display: flex;
    align-items: center;
    width: 100%
}

.lp-content-flex {
    flex: 1
}
.lp-content-flex span{
    font-size: 90%;
    line-height: 120%;
    color:#ccc;
}
.lp-content-flex .lp-content-title {
    font-size: 90%;
    line-height: 120%;
    margin-bottom: 0;
    min-height: 34px;
    max-height: 34px;
     overflow: hidden;
}

.lp-content-right .lp-property-view {
    width: 40px;
    height: 40px;
    background: #0fca98;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease .4s;
    border-radius: 50%
}

.bbs_photo_property-wrap:hover .bbs_photo_property-thumb img,
.bbs_photo_property-wrap:focus .bbs_photo_property-thumb img {
    transform: scale(1.2)
}

@mixin img-fluid {
  // Part 1: Set a maximum relative to the parent
  max-width: 100%;
  // Part 2: Override the height to auto, otherwise images will be stretched
  // when setting a width and height attribute on the img element.
  height: auto;
}
.bbs_photo_property-wrap img{
    vertical-align: middle;
}

/* board notice list */

/*---------------------------------- dambbsnotice_list---------------------------- */

.dambbsnotice_list { border-top: 1px solid #1d2088;}
.dambbsnotice_list table { width: 100%; text-align: center;  }
.dambbsnotice_list table caption{display:none;}
.dambbsnotice_list th { border-bottom: 2px solid #1d2088; padding:15px 0 ; text-align: center;}
.dambbsnotice_list th.tha { width: 10% }
.dambbsnotice_list th.thb {  }
.dambbsnotice_list th.thc { width: 17%; }
.dambbsnotice_list th.thd { width: 10% ; }
.dambbsnotice_list td { padding: 20px 0 14px; vertical-align: text-top; border-bottom: 1px solid #e6e6e6 }
.dambbsnotice_list td.tda {  }

.dambbsnotice_list td.tda span { display: inline-block; width: 40px; height: 18px; line-height: 18px !important; vertical-align:top; text-align: center; font-size: 11px; color: #fff; background-color: #333; border-radius: 10px; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; top: 50%; } /*怨듭??꾩씠肄? ?고듃???곕씪 ?꾩튂媛믪“???꾩슂*/
.dambbsnotice_list td.tdb { text-align: left; padding-left: 5%;/* text-overflow:ellipsis;  overflow:hidden; white-space:nowrap ; word-wrap:normal ; word-break:break-all;*/ word-break:keep-all;}
.dambbsnotice_list tbody tr:hover{ background:#f5f5f5; }
.dambbsnotice_list tbody tr td a{ display: block}
.dambbsnotice_list td.tdc { }
.dambbsnotice_list td.tdd { }
.dambbsnotice_list td.tdb span.date{ display: none }
.dambbsnotice_list td.tdb span.num{ color:#F30; padding-left:5px; letter-spacing:1px}
.dambbsnotice_list td.tdb span.new{font-size:10px; border:0px solid #666; padding: 0 5px; margin: 0 5px;  display:inline-block; color:#666; line-height:15px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px; background:#F60; color:#fff; border-radius:15px; letter-spacing:0}

.dambbsnotice_list td.tdb .pt {font-size:14px; padding:2px 5px; background:#333; color:#fff; margin-right:3px;}
.dambbsnotice_list td.tdb .pt_00 {background:#535353;}
.dambbsnotice_list td.tdb .pt_01 {background:#2baa5c;}
.dambbsnotice_list td.tdb .pt_02 {background:#e86666;}
.dambbsnotice_list td.tdb .pt_03 {background:#f0cc26;}
.dambbsnotice_list td.tdb .pt_04 {background:#5083cf;}


 @media only screen and (max-width: 780px) {
/* dambbsnotice_list_list */
.dambbsnotice_list table {  }
.dambbsnotice_list th { display: none }
.dambbsnotice_list td.tdc { display: none }
.dambbsnotice_list td.tda { width: 10%;  }
.dambbsnotice_list td.tdb { width: 75%; }
.dambbsnotice_list td.tdd { width: 15%; }
.dambbsnotice_list td.tdb span.date { display: block; color: #999; padding-top: 3px }
}

@media only screen and (max-width: 500px) {
/* dambbsnotice_list */
.dambbsnotice_list table {  }
.dambbsnotice_list th { display: none }
.dambbsnotice_list td { padding-top: 13px; padding-bottom: 13px }
.dambbsnotice_list td.tdc { display: none }
.dambbsnotice_list td.tda { display: none }
.dambbsnotice_list td.tdb { width: 80%; padding-left:3px }
.dambbsnotice_list td.tdd { width:19%; }
.dambbsnotice_list td.tdb span.dambbsnotice_list-icon { display: inline-block; width: 26px; height: 22px; padding-top: 4px; margin-top: -3px; margin-bottom: 4px; text-align: center; font-size: 10.5px; color: #fff; color: #fff; background-color: #333; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50% }
.dambbsnotice_list td.tdb span.dambbsnotice_list-icon { display: block }
.dambbsnotice_list td.tdb span.no { display: block; padding-bottom: 7px }
.dambbsnotice_list td.tdb span.date { display: block; padding-top: 2px }
.dambbsnotice_list td.tdd { position: relative }
.dambbsnotice_list td.tdd span.hit { position: absolute; top: 39px; right: 0; vertical-align: top; text-align: right }

}

/* board data list */

/*---------------------------------- dambbsdata_list---------------------------- */

.dambbsdata_list { border-top: 1px solid #1d2088;}
.dambbsdata_list table { width: 100%; text-align: center;  }
.dambbsdata_list table caption{display:none;}
.dambbsdata_list th { border-bottom: 2px solid #1d2088; padding:15px 0 ; text-align: center;}
.dambbsdata_list th.tha { width: 10% }
.dambbsdata_list th.thb {  }
.dambbsdata_list th.thc { width: 17%; }
.dambbsdata_list th.thd { width: 10% ; }
.dambbsdata_list td { padding: 20px 0 14px; vertical-align: text-top; border-bottom: 1px solid #e6e6e6 }
.dambbsdata_list td.tda {  }

.dambbsdata_list td.tda span { display: inline-block; width: 40px; height: 18px; line-height: 18px !important; vertical-align:top; text-align: center; font-size: 11px; color: #fff; background-color: #333; border-radius: 10px; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; top: 50%; } /*怨듭??꾩씠肄? ?고듃???곕씪 ?꾩튂媛믪“???꾩슂*/
.dambbsdata_list td.tdb { text-align: left; padding-left: 5%;/* text-overflow:ellipsis;  overflow:hidden; white-space:nowrap ; word-wrap:normal ; word-break:break-all;*/ word-break:keep-all;}
.dambbsdata_list tbody tr:hover{ background:#f5f5f5; }
.dambbsdata_list tbody tr td a{ display: block}
.dambbsdata_list td.tdc { }
.dambbsdata_list td.tdd { }
.dambbsdata_list td.tdb span.date{ display: none }
.dambbsdata_list td.tdb span.num{ color:#F30; padding-left:5px; letter-spacing:1px}
.dambbsdata_list td.tdb span.new{font-size:10px; border:0px solid #666; padding: 0 5px; margin: 0 5px;  display:inline-block; color:#666; line-height:15px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px; background:#F60; color:#fff; border-radius:15px; letter-spacing:0}

.dambbsdata_list td.tdb .pt {font-size:14px; padding:2px 5px; background:#333; color:#fff; margin-right:3px;}
.dambbsdata_list td.tdb .pt_00 {background:#535353;}
.dambbsdata_list td.tdb .pt_01 {background:#2baa5c;}
.dambbsdata_list td.tdb .pt_02 {background:#e86666;}
.dambbsdata_list td.tdb .pt_03 {background:#f0cc26;}
.dambbsdata_list td.tdb .pt_04 {background:#5083cf;}


 @media only screen and (max-width: 780px) {
/* dambbsdata_list_list */
.dambbsdata_list table {  }
.dambbsdata_list th { display: none }
.dambbsdata_list td.tdc { display: none }
.dambbsdata_list td.tda { width: 10%;  }
.dambbsdata_list td.tdb { width: 75%; }
.dambbsdata_list td.tdd { width: 15%; }
.dambbsdata_list td.tdb span.date { display: block; color: #999; padding-top: 3px }
}

@media only screen and (max-width: 500px) {
/* dambbsdata_list */
.dambbsdata_list table {  }
.dambbsdata_list th { display: none }
.dambbsdata_list td { padding-top: 13px; padding-bottom: 13px }
.dambbsdata_list td.tdc { display: none }
.dambbsdata_list td.tda { display: none }
.dambbsdata_list td.tdb { width: 80%; padding-left:3px }
.dambbsdata_list td.tdd { width:19%; }
.dambbsdata_list td.tdb span.dambbsdata_list-icon { display: inline-block; width: 26px; height: 22px; padding-top: 4px; margin-top: -3px; margin-bottom: 4px; text-align: center; font-size: 10.5px; color: #fff; color: #fff; background-color: #333; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50% }
.dambbsdata_list td.tdb span.dambbsdata_list-icon { display: block }
.dambbsdata_list td.tdb span.no { display: block; padding-bottom: 7px }
.dambbsdata_list td.tdb span.date { display: block; padding-top: 2px }
.dambbsdata_list td.tdd { position: relative }
.dambbsdata_list td.tdd span.hit { position: absolute; top: 39px; right: 0; vertical-align: top; text-align: right }

}