/*  占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲  */
.bbs {overflow:hidden;}
.bbs-list {font-size:14px; overflow:hidden;}

.bbs-list .list_change {float:right; cursor:pointer;}

/* 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲 */
.bbs_tab {display:flex; margin-bottom:30px; border-bottom:1px solid #2282e8; overflow:visible;}
.bbs_tab li {position:relative; display:flex; justify-content:center; align-items:center; width:215.8px; height:60px; padding:0 10px; margin:0 -1px -1px 0; border:1px solid #e1e1e1; border-bottom:1px solid #2282e8; box-sizing:border-box; z-index:1;}
.bbs_tab li a {display:flex; align-items:center; justify-content:center; width:100%; height:60px; font-size:18px; color:#5c5c5c; line-height:20px; text-align:center; word-break:keep-all; }
.bbs_tab .on {border:1px solid #2282e8; z-index:2;}
.bbs_tab .on:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#fff;}
.bbs_tab .on a {color:#2282e8;}

/* 
#sub .tab4 {display:flex; margin-bottom:30px; border-bottom:1px solid #2282e8; overflow:hidden;}
#sub .tab4 a {display:flex; justify-content:center; align-items:center; width:200px; height:60px; padding:0 10px; border:1px solid #e1e1e1; box-sizing:border-box;}
#sub .tab4 a {font-size:18px; color:#5c5c5c; line-height:20px; text-align:center; margin:0 -1px -1px 0; word-break:keep-all;}
#sub .tab4 .on {color:#2282e8; border:1px solid #2282e8;}
#sub .tab4 .on+a {border-left:1px solid #2282e8;}
 */


#sub .tab {margin-bottom:20px; overflow:hidden;}
#sub .tab3 {margin-bottom:20px; background:#f2f2f2; overflow:hidden;}
#sub .tab3 a {display:table-cell; width:600px; height:40px; padding:10px 10px; font-size:18px; color:#727272; line-height:30px; text-align:center; vertical-align:middle; border-right:1px solid #fff; word-break:keep-all;}
#sub .tab3 .on {color:#fff; background:#2282e8;}


.search_box3 {display:flex; flex-wrap:wrap; gap:2%; padding:25px 30px 10px 30px; width:100%; background:#f5f9fc; box-sizing:border-box; word-break:keep-all;}
.search_box3 .df {display:flex; align-items:center; margin-bottom:15px; box-sizing:border-box;}
.search_box3 .df.w100 {width:100%;}
.search_box3 .text {min-width:60px; padding-right:20px; font-size:18px; font-weight:bold; color:#313131; box-sizing:border-box;}
.search_box3 input[type=text] {width:100%; height:50px; padding:0 10px 0 25px; font-size:17px; border:1px solid #ddd; border-radius:25px; box-sizing:border-box; font-family:'Nanum Square';}
.search_box3 input::placeholder {font-size:17px; color:#c9c9c9;}
.search_box3 input.date {position:relative; padding:0 30px 0 50px; max-width:200px; background:url("/images/search/icon_date.png") no-repeat 20px center, url("/images/search/icon_select_bg.png") no-repeat 92% center, #fff;}
.search_box3 select {width:100%; height:50px; padding:0 40px 0 25px; font-size:17px; border:1px solid #ddd; border-radius:25px; box-sizing:border-box; font-family:'Nanum Square';}
.search_box3 select {appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("/images/search/icon_select_bg.png") no-repeat 90% center, #fff;}
.search_box3 .search {display:flex; width:100%; gap:2%;}
.search_box3 .search input[type=text] {width:calc(100% - 120px);}
.search_box3 .search_btn {width:120px; height:46px; font-size:16px; color:#fff; text-align:center; background:#2382e8; border:none; border-radius:23px; font-family:'Nanum Square'; cursor:pointer;}

@media only screen and (max-width:735px) {
	.search_box3 {padding:20px 10px;}
	.search_box3 select {height:44px; border-radius:20px;}
	.search_box3 input[type=text] {height:44px; padding:0 10px 0 15px; border-radius:20px;}
	.search_box3 .search_btn {height:44px; border-radius:22px;}
}


/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈뱜  占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list caption {font-size:0;}
.bbs-list .list {width:100%; border-top:1px solid #2381e8; border-collapse:collapse; margin-bottom:30px;}
.bbs-list .list th {font-size:17px; font-weight:bold; height:50px; line-height:25px; color:#031313; background:#f5f9fc; border-bottom:1px solid #ddd;}
.bbs-list .list td {height:60px; line-height:25px; font-size:17px; color:#313131; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list .list td.dn3  {color:#9f9f9f;}
.bbs-list .list a {color:#313131;}
.bbs-list .list .on a {font-weight:bold; color:#2381e8;}
.bbs-list .title {max-width:500px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bbs-list .al {text-align:left !important;}

/* 占쎈쐻占쎈짗占쎌굲占쎈��占쎈쐻�뜝占� 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list .blog {position:relative; display:block; margin-bottom:30px; padding:15px 3% 20px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.bbs-list .blog .t1 {display:inline-block; font-size:18px; line-height:1; font-weight:bold; color:#2381e8; height:30px; padding-right:15px; border-bottom:2px solid #2381e8;}
.bbs-list .blog .t2 {display:block; font-size:20px; line-height:1.2; font-weight:500; color:#323132; margin-top:15px; padding-right:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bbs-list .blog .t2 .new {display:inline-block; font-size:13px; line-height:20px; font-weight:400; color:#eb0e0e; padding:0 5px 1px; border:1px solid #2381e8; border-radius:20px; vertical-align:bottom;}
.bbs-list .blog .t3 {display:block;margin-top:15px; font-size:18px; color:#a5a5a5; line-height:1.2;}
.bbs-list .blog .bg {position:absolute; top:60px; right:3%; font-size:40px; font-weight:100; line-height:27px;}


/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈��占쎈쐻�뜝占� 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list .prof-blog-w {margin-right:-3%; }
.bbs-list .prof-blog {float:left; width:47%; height:180px; margin:0 3% 30px 0; padding:18px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; overflow:hidden;}
.bbs-list .prof-blog .img {float:left;}
.bbs-list .prof-blog .img img {width:111px; height:134px;}
.bbs-list .prof-blog .img .t12 {display:block; width:111px; height:26px; line-height:26px; margin-top:8px; font-size:12px; color:#fff; text-align:center; background:#2381e8; border-radius:3px;}
.bbs-list .prof-blog .text {padding:0 1% 0 5%; font-size:13px; line-height:25px; overflow:hidden;}
.bbs-list .prof-blog .text th {width:80px; font-weight:bold; color:#221e1f; text-align:left; vertical-align:middle; line-height:1.1; padding-bottom:7px;}
.bbs-list .prof-blog .text td {overflow:hidden; line-height:1.1; padding-bottom:7px;}

/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list .photo {float:left; width:31.8%; margin:0 1% 30px 0; border:1px solid #dedede; overflow:hidden;}
.bbs-list .photo img {width:100%; height:155px;}
.bbs-list .photo .text {height:160px; padding:10px; border-top:1px solid #dedede; overflow:hidden;}
.bbs-list .photo .t1 {width:100%; height:45px; line-height:1.2; font-size:18px; color:#231f20; overflow:hidden;}
.bbs-list .photo .t1 a {color:#231f20;}
.bbs-list .photo .t2 {line-height:22px; margin-bottom:10px; font-size:13px; color:#aaaaaa;}
.bbs-list .photo .t3 {height:70px; font-size:14px; font-weight:normal; line-height:22px; color:#666; overflow:hidden;}
.bbs-list .photo .t3 a {color:#666;}
.bbs-list .photo .t3 a:HOVER {text-decoration:underline;}

/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list .video {width:100%; overflow:hidden; display:none;}
.bbs-list .video img {float:left; width:485px; height:340px;}
.bbs-list .video .text {position:relative; min-width:300px; height:340px;border-bottom:1px solid #d9d9d9;}
.bbs-list .video .but {position:absolute; bottom:10px; right:3%;}
.bbs-list .video .t18 {height:50px; line-height:50px; padding:0 0 0 3%; font-size:18px; color:#fff; background:#2381e8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bbs-list .video .t13 {height:270px; padding:20px 2% 0 3%; font-size:13px; font-weight:normal; line-height:24px; color:#6b6a6a; overflow:auto;}
.bbs-list .video_list {position:relative; width:100%; height:170px; margin:50px 0 30px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; overflow:hidden;}
.bbs-list .video_list .img {width:145px; height:105px; cursor:pointer;}
.bbs-list .video_list .prev {position:absolute; top:60px; left:2%; z-index:10;}
.bbs-list .video_list .next {position:absolute; top:60px; right:2%; z-index:10;}
.bbs-list .video_list .swiper-container {width:87%; height:105px; margin:35px auto 0;}
.bbs-list .v1 {display:block;}

/* faq 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.bbs-list .faq {border-top:2px solid #2381e8; margin-bottom:50px; overflow:hidden;}
/* .bbs-list .faq .fq {border-bottom:1px solid #ebebeb; background:url("/res/img/bbs/util_line06.png") repeat-x 0 50px; } */
/* .bbs-list .faq .fq .f {height:42px; font-size:15px; color:#5c5c5c; background:url("/res/img/bbs/util_qa.png") no-repeat 2% 8px; padding:8px 0 0 10%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer;} */
.bbs-list .faq .fq {border-bottom:1px solid #ddd;}
.bbs-list .faq .fq .f {font-size:18px; color:#313131; padding:15px 0 15px 20px; overflow:hidden; cursor:pointer; line-height:30px; letter-spacing:-0.05em;}
.bbs-list .faq .fq .f span {font-size:25px; color:#095b99; margin-right:10px;}
.bbs-list .faq .fq button {width:100%; height:100%; border:none; background:none; text-align:left;}
.bbs-list .faq .fq .f b {color:#2381e8;}
.bbs-list .faq .fq .f:HOVER {color:#fff; background:#2381e8;}
.bbs-list .faq .fq .f:HOVER span {color:#fff;}
.bbs-list .faq .fq .q {line-height:22px; font-size:16px; padding:20px 20px 20px; color:#313131; background:#f2f2f2; display:none;}
.bbs-list .faq .fq .q .a {display:inline-block; font-size:25px; color:#8dc63f;  vertical-align:top; line-height:30px; margin-top:3px;}
.bbs-list .faq .fq .q .text {display:inline-block; width:calc(100% - 50px); vertical-align:top; line-height:25px; margin-left:10px;}
.bbs-list .faq .fq .on {color:#fff; background:#2381e8;}
.bbs-list .faq .fq .on span {color:#fff; background:#2381e8;}
.bbs-list .faq .fq .on+.a {display:block;}


.bbs-list .notict {overflow:hidden;}
.bbs-list .notict .item {float:left; width:calc(32% - 2px); margin:0 0 40px; padding:0; border:1px solid #ddd; overflow:hidden;}
.bbs-list .notict .item:nth-child(3n+2) {margin:0 2% 40px;}
.bbs-list .notict .item .img {border-bottom:1px solid #ddd; overflow:hidden;}
.bbs-list .notict .item .img img {width:100%;}
.bbs-list .notict .item .text {padding:20px 15px; overflow:hidden;}
.bbs-list .notict .item .bg {display:inline-block; width:50px; height:2px; background:#2381e8;}
.bbs-list .notict .item .t1 {display:block; font-size:22px; color:#323132; line-height:28px; height:60px; margin-top:5px; letter-spacing:-0.05em; overflow:hidden;}
.bbs-list .notict .item .t2 {display:block; font-size:18px; color:#a5a5a5; text-align:right; margin-top:15px;}
.bbs-list .notict .item .btn {display:block; font-size:18px; color:#a5a5a5; text-align:right; margin-top:5px;}

@media only screen and (max-width:1024px) {
	.bbs-list .notict {margin:0 -10px; overflow:hidden;}
	.bbs-list .notict .item {width:calc(50% - 22px); margin:0 10px 20px;}
	.bbs-list .notict .item:nth-child(3n+2) {margin:0 10px 20px;}
	.bbs-list .notict .item .t1 {font-size:20px;}
}


/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲筌욑옙 */
.bbs-list .paging {width:100%; margin:30px 0; text-align:center; overflow:hidden;}
.bbs-list .paging a {display:inline-block; width:30px; height:30px; font-size:15px; color:#313131; line-height:28px; margin:0 5px; vertical-align:top; border:1px solid #ddd; border-radius:50px;}
.bbs-list .paging a.on {color:#fff; background:#2381e8; border:1px solid #2381e8;}
.bbs-list .paging a img {vertical-align:top;}
.bbs-list .paging a:nth-child(1) {border:none;}
.bbs-list .paging a:nth-child(2) {border:none;}
.bbs-list .paging a:nth-last-child(1) {border:none;}
.bbs-list .paging a:nth-last-child(2) {border:none;}


/* 占쎈쐻占쎈뼑占쎄땔占쎌굲 */
.bbs-list .bbs_search1 {display:flex; justify-content:space-between; line-height:50px; margin-bottom:30px;}
.bbs-list .bbs_search1 select {min-width:80px; padding-left:20px; width:270px; height:50px; font-size:16px; color:#313131; border:1px solid #ddd; background:url("/res/img/bbs/search_bg01.png") no-repeat 92% 18px;}
.bbs-list .bbs_search1 select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.bbs-list .bbs_search1 select::-ms-expand {display: none;}
.bbs-list .bbs_search1 input[type=text] {width:600px; height:48px; font-size:16px; border:1px solid #ddd; margin:0 20px; padding-left:20px;}
.bbs-list .bbs_search1 input[type=button] {width:190px; height:50px; font-size:20px; color:#fff; text-align:center; border:none; background:#2381e8;}

.bbs-list .bbs_search2 {width:100%; margin-bottom:20px; line-height:30px; padding:23px 0; text-align:center; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#fafafa;}
.bbs-list .bbs_search2 select {min-width:100px; height:31px; margin-left:5px; border:1px solid #d3d5d6;}
.bbs-list .bbs_search2 input {width:220px; height:31px; margin-left:5px; border:1px solid #d3d5d6;}
.bbs-list .bbs_search2 img {vertical-align:middle;}

/* 占쎈쐻占쎈셾占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲 */
.bbs-viwe {font-size:14px; width:100%; overflow:hidden;}
.bbs-viwe .vt1 {min-height:83px; padding:30px 0 10px 10px; line-height:1.4; font-size:13px; border-top:1px solid #2381e8; border-bottom:1px solid #ebebeb; background:#f5f9fc;}
.bbs-viwe .vt1 .t1 {font-size:25px; color:#221e1f; width:100%; margin-bottom:10px;}
.bbs-viwe .vt2 {padding:35px 5%; border-bottom:1px solid #ebebeb; overflow-x:auto;}
.bbs-viwe .file {line-height:41px; padding-left:10px; background:url("/res/img/bbs/util_line01.png") repeat-x 0 0; border-bottom:1px solid #ebebeb; overflow:auto;}
.bbs-viwe .file img {vertical-align:middle;}
.bbs-viwe .file .file_title {float:left; width:80px; font-weight:bold; color:#2381e8;}
.bbs-viwe .file .file_area {float:left; padding-left:20px; padding-top:10px; line-height:25px;} 
.bbs-viwe .vt3 {padding-left:10px; line-height:41px; border-bottom:1px solid #ebebeb;}
.bbs-viwe .vt3 div {float:left; width:10%; min-width:50px; font-weight:bold; color:#221e1f; padding-left: 15px;}
.bbs-viwe .vt3 a{max-width:90%; display:block; color:#5c5c5c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bbs-viwe .but {float:right; margin-top:20px;}

/* 占쎈쐻占쎈셾占쎈뻻繹먮씮�굲 占쎈쐻占쎈솙占쎈닰占쎌굲 */
.bbs-write input[type=text] {width:100%; height:30px; border:0}
.bbs-write input[type=file] {width:90%; height:25px; padding-bottom:3px;}
.bbs-write input[type=button] {height:25px; margin-bottom:3px;}
.bbs-write textarea {width:100%; height:200px;}
.bbs-write select {height:30px;}
.bbs-write td {padding:5px;}
.bbs-write th {padding:5px;}
.bbs-write .file-add {text-align:right;}


/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.newsletter {position:relative; margin:30px 0 50px; overflow:hidden;}
.newsletter .title b {color:#2381e8;}
.newsletter .prev {position:absolute; bottom:0px; left:9%; z-index:10;}
.newsletter .next {position:absolute; bottom:0px; right:9%; z-index:10;}
.newsletter .swiper-slide img {width:100%;}

.newsletter .swiper-container2 {width:70%; margin:0 auto; height:375px; padding-bottom:100px; overflow:hidden; display:none;}
.newsletter .swiper-container2 .title {width:100%; padding-top:20px; text-align:center;}

.newsletter .swiper-container .title {position:absolute; width:250%; bottom:0; left:-73%; text-align:center; display:none;}
.newsletter .swiper-container {width:100%; height:375px; padding-bottom:105px;}
.newsletter .swiper-container .swiper-visible-switch {opacity:1; top:0; background:#000;}
.newsletter .swiper-container .swiper-slide .view {background:#000; width:105%;}
.newsletter .swiper-container .swiper-slide .view img {opacity: 0.7;}
.newsletter .swiper-container .swiper-slide {
	padding-bottom:90px;
	height: 100%;
	-webkit-transition: 700ms;
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}
.newsletter .swiper-container .swiper-slide-active + .swiper-slide-visible + .swiper-slide-visible {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}	
.newsletter .swiper-container .swiper-slide-visible + .swiper-slide-visible {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.newsletter .swiper-container .swiper-slide-active .title {display:block;}
.newsletter .swiper-container .swiper-slide-visible + .swiper-slide-active .view img {opacity: 1;}
.newsletter .swiper-container .swiper-slide-visible + .swiper-slide-active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


@media only screen and (max-width:1024px) {
	.bbs-list .dn {display:none;}
	.bbs-list .photo {width:48.3%;}
	.bbs-list .photo img {height:auto;}
	.bbs-list .fr {float:right;}
}
@media only screen and (max-width:768px) {
	.bbs-list .prof-blog {width:100%; height:auto;} 
	.bbs-list .bbs_search2 select {width:100px;}
}
@media only screen and (max-width:640px) {
	.bbs-list .bbs_search1 select {padding-left:10px;}
	.bbs-list .bbs_search1 input[type=text] {margin:0 5px; padding-left:10px;}
	
}
@media only screen and (max-width:600px) {
	.newsletter .swiper-container {display:none;}
	.newsletter .swiper-container2 {display:block;}
	.newsletter .prev {bottom:50%; left:1%;}
	.newsletter .next {bottom:50%; right:1%;}
	.bbs-list .photo {width:100%;}
}
@media only screen and (max-width:480px) {
	.bbs-list .list_change {display:none;}
}	
@media only screen and (max-width:360px) {
	.bbs-list .blog .t3 img {width:100%; height:auto;}
	.bbs-list .list a {font-size:12px;}
	.gong {font-size:12px; padding-right:5px; font-weight:bold;}
	.bbs-list .prof-blog .img {float:none; text-align:center; margin-bottom:10px;}
	.bbs-list .prof-blog .img .t12 {margin:8px auto 0;}
	.bbs-viwe .vt1 .t1 {font-size:15px; font-weight:bold;}
	.bbs-viwe .vt1 {height:auto; padding:20px 3% 10px;}
}
@media only screen and (max-width:320px) {
}


.bbs-control {text-align:right; margin-bottom:20px;}