@charset "utf-8";
@import url(/css/notosans.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800');*/
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 나눔고딕,본고딕 */
body{font-family: "NotoKrM", "Malgun Gothic", 돋움, dotum, sans-serif, AppleGothic;}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 151, 132, 0);}
body{position:relative;line-height:1.25em;color:#333; word-wrap: break-word; word-break: break-all; width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit ;}
a, li, input, label, tr, textarea, button {outline: medium none;}

img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}

a,a:visited,a:focus,a:active{color:#333;text-decoration:none;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
a:hover{color:#888888;text-decoration:none;outline:0}
.clear {clear:both;}
*,*::before,*::after{box-sizing:border-box}

li {position:relative; display:block; }
li a {position:relative;color:#043766; display:block; clear:both; overflow:hidden; line-height:1.25em;}

.ulli li {float:left;padding: 2px 2px 0 0;font-size: 0.8em;}
.ulli0 li {float:left;padding: 0;margin:0;text-align:center;}

@media all and (max-width:768px) {
	.media_left{width:100%;float:none;overflow: hidden;}
	.media_right{width:100%;float:none;}
	.media_s_left{width:100%;float:none;}
	.media_s_right{width:100%;float:none;}

}
@media all and (min-width:769px) {
	.media_left{width:50%;float: left;overflow: hidden;margin-right:-1px;border-right:1px solid #eee;-webkit-box-sizing:border-box;}
	.media_right{width:50%;float: left;}
	.media_s_left{width:60%;float: left;margin-right:-1px;border-right:1px solid #eee;-webkit-box-sizing:border-box;}
	.media_s_right{width:40%;float: left;}
}

.titlelinexx {position:relative;border-bottom:1px solid #E5E5E5;clear:both;	height:21px;_top:1px; margin-bottom: 15px;padding-bottom: 10px;}
.titlelinexx h3 {position:absolute;left:0; border-bottom:1px solid #004080;	font-weight: bold; height:21px; padding-bottom: 10px; _top:-1px; font-size:16px;color:#004080;}
.titlelinexx p {position:absolute;right:0; }

.titleline {position:relative;border-bottom:1px solid #E5E5E5;clear:both;	height:30px; line-height:1;margin: 0 0 15px 0;padding: 0 0 10px 0;}
.titleline h3 {position:absolute;left:0; border-bottom:1px solid #004080;font-weight: bold; height:30px; line-height:1;margin:0px;padding: 0 10px 10px 10px; font-size:1.1rem;color:#de1f26;}
.titleline p {position:absolute;bottom:30%;right:0; }

.titleline1 {position:relative;padding:5px;margin:7px 0;border-bottom:1px solid #DDD;}
.titleline1 .ico {position:absolute;background-color:#339933;border-radius: 3px;display: inline-block;height: 1rem;line-height: 1rem;margin-top:2px;padding:0 3px;}
.titleline1 h3 {padding:0;font-size:1.2rem;color:#777;}
.titleline1 h3 a{padding:0;font-size:1.2rem;color:#777;}

.titlecnt {position:relative;text-align:center;margin:0 auto;width:80%;}
.titlecnt:before {content:'';position:absolute;z-index:1;left:0;top:50%;width:100%;border-top: 1px solid #aaa;}
.titlecnt .tlbox{position:relative;margin:0 auto;padding:5px 0;display:inline-block;background-color:#111; z-index:2;border:1px solid #444;color:#FFF;}
.titlecnt .tlbox:after {content:'';display:table;clear:both}
.titlecnt .tlbox a{color:#FFF;}
.titlecnt h3 {line-height:30px; padding:0 2rem; font-size:1.2rem;text-align:center;}


/*header*/
header {position:relative;width: 100%;height: auto;display: block;z-index:9;}
header .header {position:relative;background: #FFF;color: #111;line-height: 54px;width: 100%;height: 54px;padding: 0 50px;text-align:center;border-bottom:1px solid #DDD;}
header .hleft, header .hright {color:#111;display: block;width: 54px;height: 54px;line-height: 54px;position: absolute;top: 0;}
header .hleft {float: left;left:0;}
header .hright {float: right;right:0;}
header #tlogo {position:relative;padding-top:6px;display: block;margin:0;border:0;font-size:0;line-height:0;}

.adlink {position:relative;display: block;font-size:0;text-align:center;}
.adlink:after {clear: both;content: "";display: block;}
.adlink a{border:0;margin:0;font-size:0;display: block;text-align:center;}
.adlink img{vertical-align:bottom;max-width:100%;}

.fsize{
	width:auto !important;
	height:auto !important;
}

._admanager{position: relative;display: block;border:1px solid red;min-height:40px;box-sizing:border-box;vertical-align:top;}
._admanager:after {clear: both;content: "";display: block;}
._admanager a.tl{position: absolute;left:0;top:0;font-size:11px;background-color:red;color:#FFF;z-index:99999;padding:0 10px;}
._admanager a.close{position: absolute;right:0;top:0;font-size:11px;background-color:red;color:#FFF;z-index:99999;padding:0 10px;}

._aduser{position: relative;display: block;box-sizing:border-box;vertical-align:top;}
._aduser:after {clear: both;content: "";display: block;}
._aduser>a.x{position: absolute;right:-22px;top:0;font-size:11px;background-color:#7d7d7d;color:#FFF;z-index:99999;padding:0;width:22px;height:22px;line-height:22px;text-align:center;}

#main {width:100%; overflow: hidden; position: relative;clear:both;background-color:#FFF;}
#main .mainbox{margin:10px;}
.main_wrap{position:relative;overflow: hidden;}

.searchBox {
	position: fixed; left:0;top:54px;width:100%;	height:40px;
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px solid #C4C4C4;
    padding: 0;
}
.sch_fm{overflow: hidden;}
.sch_fm ._fd{margin: 0 0px 0px 11px;position: relative;}
.sch_fm ._leg {height: 0;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 0;}
.sch_fm ._box {background-color: #fff;overflow: hidden;padding: 6px 80px 4px 10px;box-shadow: none;}
.sch_fm ._keywd {background-color: transparent;border: 0 none;color: #101010;font-size: 15px;font-weight: 400;height: 28px;line-height: 20px;outline: 0 none;padding: 0;vertical-align: top;width: 100%;}
.sch_fm button {vertical-align: middle;background-color: transparent;border: 0 none;cursor: pointer;}
.sch_fm ._btn {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;background-color: #444;color:#FFF;}
.sch_fm ._btn::-moz-focus-inner {margin: 0;padding: 0;}

.pagingroup {position: absolute;left: 0;text-align: center;bottom:0;width: 100%;z-index:10;padding: 5px;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background-color: #DDD;margin: 5px;cursor: pointer;}
.swiper-active-switch {width: 8px;height: 8px;border-radius: 8px;background-color: #0168b7;margin: 5px;}

.swiper_ul {width: 100%;max-width:500px;margin:0 auto;}
.swiper_ul:after {clear: both;content: "";display: block;}
.swiper_ul li {float:left; width:50%; text-align:center; padding:0 5px;overflow:hidden; }
.swiper_ul .tlimg {width:100%;min-height:140px; overflow:hidden; border:0px solid #DDD;margin:0 auto;display:block;}
.swiper_ul .tlimg:after {border: 0px solid #DDD;content: "";height: 100%;left: 0;opacity: 0.1;position: absolute;top: 0;width: 100%;}
.swiper_ul .tltxt{-moz-box-orient: vertical;color: #101010;display: -webkit-box;font-size: 1.05em;font-weight: 400;height: 66px;letter-spacing: -1px;line-height: 1.2;margin: 5px 0;overflow: hidden;pointer-events: none;text-align: left;word-break: break-all;}


.swiperGroup-best {width: 100%;height: 270px;padding:0;margin: 0 auto;position: relative;}
.swiper-container-best {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.swiper-container-best {height: 250px;width: 100%;border:0px solid #DDD;}
.pagination-best {background-color:#FFF;display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:0 15px;}


.swiperHD {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperHD:after {clear: both;content: "";display: block;}
.swiperHD_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupHD {position: absolute;right: 0;text-align: right;top:0px;width: 100%;z-index:10;padding: 0px;}
.paginationHD {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:8px 5px;z-index: 5;}
.swiperHD_container .swiper-slide {position: relative;width:100%;}
.swiperHD_container .swiper-slide .tltxt{position: absolute;width:100%;left:0;bottom:0;margin:0;padding:0;overflow:hidden;z-index:10;text-transform: uppercase;background:rgba(0,0,0,0.4);}
.swiperHD_container .swiper-slide .tltxt a {padding: 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperHD_container .swiper-slide .tltxt h3 {font-size:1.3em;line-height:1.4;font-weight: 400;color:#FFF;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.swiperHD_container .swiper-slide .tltxt .cate {color:#FFF;font-size:0.7;line-height:1;padding-bottom:0.3rem;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:320px;overflow:hidden; border:none;margin:0 auto; display:block; background-position:50% 15%; background-repeat:no-repeat; background-size:cover;}
.swiperHD_container .swiper-slide .tlimg img{min-height:320px;opacity: 0;filter: alpha(opacity=0);}

@media (min-width: 576px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:310px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:310px;}
}
@media (min-width: 768px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:435px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:435px;}
}
@media (min-width: 992px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:260px;}
}
@media (min-width: 1200px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:260px;}
}

/* 기사보기 이미지타임 */
.swiperPG {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperPG:after {clear: both;content: "";display: block;}
.swiperPG_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupPG {position: absolute;right: 0;text-align: right;top:0px;width: 100%;z-index:10;padding: 0px;}
.paginationPG {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:8px 5px;z-index: 5;}
.swiperPG_container .swiper-slide {position: relative;}
.swiperPG_container .swiper-slide .tlimg {width:100%;height:auto;overflow:hidden; border:none;margin:0 auto; display:block;}
.swiperPG_container .swiper-slide .tlimg img{height:auto;}
/* end*/

.swiperGroup1 {width: 100%;height:auto;padding-bottom:30px;margin: 0 auto;position: relative;overflow:hidden;}
.swiper-container1 {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.swiper-container1 {width: 100%;border:0px solid #DDD;}
.pagingroup1 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:2;height: 18px;padding:0;}
.pagination1 {background-color:#FFF;display: inline-block;height: 18px;margin: 0 auto;padding: 0 10px;}

.swiper-container1 .swiper-slide ul:after {clear: both;content: "";display: block;}
.swiper-container1 .swiper-slide li {width:100%; padding:0 5px;float:left;}
.swiper-container1 .swiper-slide li:first-child{padding-left:0;}
.swiper-container1 .swiper-slide li:last-child{padding-right:0;}
.swiper-container1 .swiper-slide .tlimg {width:100%;height:260px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;overflow: hidden;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;}
.swiper-container1 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 260px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.swiper-container1 .swiper-slide .tltxt {position: absolute; left: 0; bottom: 0;width:100%;display:inline-block;padding:4% 2.5%;z-index:2;background:rgba(0,0,0,0.3);overflow: hidden;}
.swiper-container1 .swiper-slide .tltxt span {color:#FFF;line-height:1.4; font-weight:400;font-size:1.15em;text-shadow:1px 1px rgba(0,0,0,.75);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}


.swiperGroup2 {width: 100%;height:auto;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
.swiper-container2 {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.swiper-container2 {width: 100%;border:0px solid #DDD;}
.pagingroup2 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:2;height: 18px;padding:0;}
.pagination2 {background-color:#FFF;display: inline-block;height: 18px;margin: 0 auto;padding: 0 10px;}

.swiper-container2 .swiper-slide ul:after {clear: both;content: "";display: block;}
.swiper-container2 .swiper-slide li {width:50%; padding:0 5px;float:left;}
.swiper-container2 .swiper-slide li:first-child{padding-left:0;}
.swiper-container2 .swiper-slide li:last-child{padding-right:0;}
.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;overflow: hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.swiper-container2 .swiper-slide .tltxt {position: absolute; left: 0; bottom: 0;width:100%;display:inline-block;padding:4% 2.5%;z-index:2;background:rgba(0,0,0,0.3);overflow: hidden;}
.swiper-container2 .swiper-slide .tltxt span {color:#FFF;line-height:1.4; font-weight:400;font-size:1.10em;text-shadow:1px 1px rgba(0,0,0,.75);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}


@media (min-width: 576px) {
	.swiperGroup1 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container1 .swiper-slide .tlimg {width:100%;height:260px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container1 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 260px;position: absolute;left: 0;bottom: 0;}
	.swiperGroup2 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 768px) {
	.swiperGroup1 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container1 .swiper-slide .tlimg {width:100%;height:260px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container1 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 260px;position: absolute;left: 0;bottom: 0;}
	.swiperGroup2 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 992px) {
	.swiper-container1 .swiper-slide .tlimg {width:100%;height:300px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container1 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 300px;position: absolute;left: 0;bottom: 0;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 1200px) {
	.swiper-container1 .swiper-slide .tlimg {width:100%;height:300px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container1 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 300px;position: absolute;left: 0;bottom: 0;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}


.swiperGroup3 {width: 100%;height:200px;padding:0;margin: 0 auto;position: relative;}
.swiper-container3 {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.swiper-container3 {width: 100%;border:0px solid #DDD;}
.pagingroup3 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:10;height: 18px;padding:0;}
.pagination3 {background-color:#FFF;display: inline-block;height: 18px;margin: 0 auto;padding: 0 10px;}
.swiper-container3 .swiper-slide li {width:33.33%; padding:0 5px;float:left;}
.swiper-container3 .swiper-slide li:first-child{padding-left:0;}
.swiper-container3 .swiper-slide li:last-child{padding-right:0;}

.swiper-container3 .swiper-slide .tlimg {width:100%;min-height:85px; max-height:100px; overflow:hidden; border:none;margin:0 auto;display:block;}
.swiper-container3 .swiper-slide .tlimg img{min-height:100px;}
.swiper-container3 .swiper-slide .tltxt{-moz-box-orient: vertical;color: #101010;display: -webkit-box;font-size: 1rem;font-weight: 400;height: 59px;letter-spacing: -1px;line-height: 1.2;margin-top: 5px;overflow: hidden;pointer-events: none;text-align: left;word-break: break-all;}

/*sub page Navi*/
#pageNavi{position:relative; border-bottom:#ccc solid 1px;padding-bottom:8px;margin:20px 0 20px 0;height:43px;}
#pageNavi:after {content:""; display:block; clear:both;}
#pageNavi .subTitle {float:left;display:inline-block;border-bottom:1px solid #333;padding-bottom:8px;font-size:1.6rem;font-weight: 500; line-height: 38px;color: #444;height:43px;}
#pageNavi .sitemTitle {float:left;display: block;font-size:0.9rem;line-height: 38px;color: #444;padding-left:15px;height:43px;}
#pageNavi .naviTitle {position:absolute;right:1px;bottom:10px;padding: 0;font-size:0.8rem;color: #aaa;}

.mbx_t0 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t0:after {clear: both;content: "";display: block;}
.mbx_t0 li {padding:0%;position: relative;display: inline;float: left;margin: 0;width:100%;}
.mbx_t0 li a {cursor: pointer;}
.mbx_t0 li:last-child{}

.mbx_t1 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t1:after {clear: both;content: "";display: block;}
.mbx_t1 li {padding:0%;padding-bottom: 2%;position: relative;display: inline;float: left;margin: 0;width:100%;}
.mbx_t1 li a {cursor: pointer;}
.mbx_t1 li:last-child{padding-bottom: 0%;}

.mbx_t3 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t3:after {clear: both;content: "";display: block;}
.mbx_t3 li {padding-right: 1%;padding-bottom: 4%;position: relative;display: inline;float: left;margin: 0;width:33.33%;}
.mbx_t3 li a {cursor: pointer;}
.mbx_t3 li.f {}
.mbx_t3 li.e {padding-right: 0;}

.mbx_t4 {display: block;overflow: hidden;padding:0;margin:0 auto;width:100%;}
.mbx_t4:after {clear: both;content: "";display: block;}
.mbx_t4 li {position: relative;display: inline;float: left;margin: 0;width:50%;padding:1%;}
.mbx_t4 li a {cursor: pointer;}
.mbx_t4 li.f {}
.mbx_t4 li.e {padding-right: 0;}

/* trans google */
#google_translate_element,.goog-te-banner-frame, .skiptranslate {display: none!important;}
body{top:0px!important;}

.trans_g_wrap { position: relative; margin: 0 auto;text-align:center;}
.trans_g {max-width:200px; position: relative; padding: 0;margin:0 auto;text-align:center;list-style: none;}
.trans_g:after { content: ""; display: block; clear: both;}
.trans_g > li { float: left; margin: 0 5px 10px;}
.trans_g > li > a { display: block; width: 40px; height: 25px; background: url('img/trans_img.png') no-repeat 0 0; background-size: 120px 75px; text-indent: -9999em;}
.trans_g > li.tn01 > a { background-position: 0 0;}
.trans_g > li.tn02 > a { background-position: -40px 0;}
.trans_g > li.tn03 > a { background-position: -80px 0;}
.trans_g > li.tn04 > a { background-position: 0 -25px;}
.trans_g > li.tn05 > a { background-position: -40px -25px;}
.trans_g > li.tn06 > a { background-position: -80px -25px;}
.trans_g > li.tn07 > a { background-position: 0 -50px;}
.trans_g > li.tn08 > a { background-position: -40px -50px;}
.trans_g > li.tn09 > a { background-position: -80px -50px;}

.sel2HD {position:relative;clear: both;display: block;overflow: hidden;margin-bottom:10px;border:0px solid #ddd;background-color:#FFF;}
.sel2HD:last-child{margin-bottom:0px;}

.sel2HD dd {clear: both;overflow: hidden;}
.sel2HD dd.img {position:relative; float:left; margin:0;z-index:1;width:100%;overflow: hidden;background-position:0 20%;background-repeat:no-repeat;background-size:cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sel2HD dd.img a {display: block;border:0px solid #DDD; height:240px;overflow: hidden;}
.sel2HD dd.img img {vertical-align:top; width:100%;display:none;vertical-align:top;}
.sel2HD:hover dd.img {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sel2HD dd.subtitle {position: absolute; left: 0; bottom: 0;padding:0px;width:100%;height:100%;/*background: url("img/xbg2.png") repeat-x scroll 0 bottom transparent;*/}
.sel2HD dd.subtitle a {position: absolute; left: 0; bottom: 0;width:100%;display:inline-block;padding:4% 2.5%;z-index:2;background:rgba(0,0,0,0.3);overflow: hidden;text-align:left;}
.sel2HD dd.subtitle p {position:relative;color:#FFF;line-height:1.4; font-weight:400;font-size:1.10em;text-shadow:1px 1px rgba(0,0,0,.75);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}

.sel2HD dd.subtitle .winfo {position: relative;float:right;display: block;color:#FFF;line-height:1.4; font-weight:100;font-size:0.75em;}



.sel2HDmm {position:relative;clear: both;display: block;overflow: hidden;margin-bottom:10px;border:0px solid #ddd;background-color:#FFF;}
.sel2HDmm:last-child{margin-bottom:0px;}

.sel2HDmm dd {clear: both;overflow: hidden;}
.sel2HDmm dd.img {position:relative; float:left; margin:0;z-index:1;width:100%;overflow: hidden;background-position:0 20%;background-repeat:no-repeat;background-size:cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sel2HDmm dd.img a {display: block;border:0px solid #DDD; height:300px;overflow: hidden;}
.sel2HDmm dd.img img {vertical-align:top; width:100%;display:none;vertical-align:top;}
.sel2HDmm:hover dd.img {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sel2HDmm dd.subtitle {position: absolute; left: 0; bottom: 0;padding:0px;width:100%;height:100%;/*background: url("img/xbg2.png") repeat-x scroll 0 bottom transparent;*/}
.sel2HDmm dd.subtitle a {position: absolute; left: 0; bottom: 0;width:100%;display:inline-block;padding:4% 2.5%;z-index:2;background:rgba(0,0,0,0.3);overflow: hidden;text-align:left;}
.sel2HDmm dd.subtitle p {position:relative;color:#FFF;line-height:1.4; font-weight:400;font-size:1.10em;text-shadow:1px 1px rgba(0,0,0,.75);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}

.sel2HDmm dd.subtitle .winfo {position: relative;float:right;display: block;color:#FFF;line-height:1.4; font-weight:100;font-size:0.75em;}


.opiHD3 {position:relative; margin:5%;clear: both;padding:0;}
.opiHD3 dl:first-child {position:relative; clear: both;height:100%;display: block;margin-bottom:19px;padding-bottom:19px;overflow: hidden;border-bottom:1px solid #ddd;}
.opiHD3 dl:first-child .zimg{position:relative;width:100%; height:205px; margin:0;overflow: hidden;display: block; background-position:center;background-repeat:no-repeat;background-size:cover;}
.opiHD3 dl:first-child .zimg img {vertical-align:top; width:100%; min-height:205px;display:none;}
.opiHD3 dl:first-child dd.subtitle {position:relative; clear: both;max-height:88px; overflow: hidden;padding:0;}
.opiHD3 dl:first-child dd.subtitle a {display: block;overflow: hidden;}
.opiHD3 dl:first-child dd.subtitle p {font-size:1.65rem;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;}
.opiHD3 dl:first-child dd.stitle {position:relative; max-height:88px; overflow: hidden;padding:10px 0px 0 0px;}
.opiHD3 dl:first-child dd.stitle a {font-size:1.1rem;color:#444;font-weight:bold;line-height:1.5;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}

.opiHD3 dl:first-child dd.conts {position:relative; max-height:140px; overflow: hidden;padding:15px 0px 0 0px;}
.opiHD3 dl:first-child dd.conts a {font-size:13px;color:#1e1e1e;line-height:1.6;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.opiHD3 dl {position:relative; clear: both;display: block;margin-bottom:15px;padding-bottom:15px;height:auto;overflow: hidden;border-bottom:1px solid #ddd;}
.opiHD3 dl:last-child{border-bottom:0px solid #444;}
.opiHD3 dd.zimg {float:left; width:40%; height:100px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:center;background-repeat:no-repeat;background-size:cover;}
.opiHD3 dd.zimg img {vertical-align:top; width:100%; min-height:100px;display:none;}
.opiHD3 dd a {display: block;height:100%;}
.opiHD3 dd.subtitle {position:relative; max-height:66px; overflow: hidden;padding:0px 0.5% 0 2%;}
.opiHD3 dd.subtitle a {}
.opiHD3 dd.subtitle p {font-size:1.2em;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.opiHD3 dd.conts {position:relative; max-height:80px; overflow: hidden;padding:1% 0.5% 0 2%;}
.opiHD3 dd.conts a {font-size:13px;color:#1e1e1e;line-height:1.4;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.opiHD3 dd a:hover{color:#006699;}

/*HD bottom category*/
.HD3img {position:relative;margin:0;display: block;clear: both;border:0px solid #DDD;background-color:#FFF;}
.HD3img:after {clear: both;content: "";display: block;}
.HD3img .ctl dd {display: block;}
.HD3img .ctl dd a {display: block;}

.HD3img .seq1 {position:relative;padding-bottom:15px;text-align:left;}
.HD3img .seq1:after {clear: both;content: "";display: block;}
.HD3img .seq1 dd.img {float:right; width:27%; height:55px; margin:0;overflow: hidden;}
.HD3img .seq1 dd.img img {vertical-align:top; width:100%; min-height:55px;}
.HD3img .seq1 dd.subj {float:left; width:65%; overflow: hidden;text-align:left;padding:0px;}
.HD3img .seq1 dd.subj a {color:#000;padding:0;font-weight:400;font-size:15px;line-height:1.3;letter-spacing:-0.075em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.HD3img .seq1 dd.winfo {float:left; width:65%; overflow: hidden;}

.HD3img .seq2, .HD3img .seq3 {position:relative;padding-bottom:15px;text-align:left;}
.HD3img .seq2:after, .HD3img .seq3:after {clear: both;content: "";display: block;}
.HD3img .seq2 dd.img, .HD3img .seq3 dd.img{float:right; width:27%; height:55px; margin:0;overflow: hidden;}
.HD3img .seq2 dd.img img, .HD3img .seq3 dd.img img{vertical-align:top; width:100%; min-height:55px;}
.HD3img .seq2 dd.subj, .HD3img .seq3 dd.subj {float:left; width:65%; overflow: hidden;text-align:left;padding:0px;}
.HD3img .seq2 dd.subj a, .HD3img .seq3 dd.subj a{color:#000;padding:0;font-weight:400;font-size:15px;line-height:1.3;letter-spacing:-0.075em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.HD3img .seq2 dd.winfo, .HD3img .seq3 dd.winfo {float:left; width:65%; overflow: hidden;}
.HD3img .ctl dd.winfo {color:#555;padding:0;font-weight:100;font-size:12px;line-height:20px;height:20px;overflow: hidden;}

.HD3img .ctl dd.stitle {float:left; width:65%; overflow: hidden;text-align:left;padding:0px;}
.HD3img .ctl dd.stitle a{color:#777;padding:0;font-weight:100;font-size:12px;line-height:20px;height:20px;overflow: hidden;display: block;white-space:nowrap;text-overflow:ellipsis;}

.HD3img2 {position:relative;margin:0;display: block;clear: both;border:0px solid #DDD;background-color:#FFF;text-align:left;}
.HD3img2:after {clear: both;content: "";display: block;}
.HD3img2 .ctl dd {display: block;}
.HD3img2 .ctl dd a {display: block;}

.HD3img2 .seq1 {position:relative;padding-bottom:20px;}
.HD3img2 .seq1 dd.img {width:100%; height:160px; margin:0;overflow: hidden;background-position:0 20%;background-repeat:no-repeat;background-size:cover;}
.HD3img2 .seq1 dd.img img {vertical-align:top; width:100%; min-height:160px;display:none;}
.HD3img2 .seq1 dd.subj { overflow: hidden;text-align:left;padding-top:7px;}
.HD3img2 .seq1 dd.subj a {color:#000;padding:0;font-weight:400;font-size:17px;line-height:1.3;max-height:44px;letter-spacing:-0.075em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.HD3img2 .seq1 dd.stitle { overflow: hidden;text-align:left;padding-top:7px;}


.HD3img2 .seq2, .HD3img2 .seq3, .HD3img2 .seq4, .HD3img2 .seq5{position:relative;padding-bottom:15px;}
.HD3img2 .seq2:after, .HD3img2 .seq3:after, .HD3img2 .seq4:after, .HD3img2 .seq5:after{clear: both;content: "";display: block;}
.HD3img2 .seq2 dd.img, .HD3img2 .seq3 dd.img, .HD3img2 .seq4 dd.img, .HD3img2 .seq5 dd.img{float:right; width:27%; height:55px; margin:0;overflow: hidden;}
.HD3img2 .seq2 dd.img img, .HD3img2 .seq3 dd.img img, .HD3img2 .seq4 dd.img img, .HD3img2 .seq5 dd.img img{vertical-align:top; width:100%; min-height:55px;}
.HD3img2 .seq2 dd.subj, .HD3img2 .seq3 dd.subj, .HD3img2 .seq4 dd.subj, .HD3img2 .seq5 dd.subj{float:left; width:65%; overflow: hidden;text-align:left;padding:0px;}
.HD3img2 .seq2 dd.subj a, .HD3img2 .seq3 dd.subj a, .HD3img2 .seq4 dd.subj a, .HD3img2 .seq5 dd.subj a{color:#000;padding:0;font-weight:400;font-size:15px;line-height:1.3;letter-spacing:-0.075em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.HD3img2 .seq2 dd.winfo, .HD3img2 .seq3 dd.winfo, .HD3img2 .seq4 dd.winfo, .HD3img2 .seq5 dd.winfo{float:left; width:65%; overflow: hidden;}


.HD3img2 .seq2 dd.stitle, .HD3img2 .seq3 dd.stitle, .HD3img2 .seq4 dd.stitle, .HD3img2 .seq5 dd.stitle {float:left; width:65%; overflow: hidden;text-align:left;padding:0px;}
.HD3img2 .ctl dd.stitle a{color:#777;padding:0;font-weight:100;font-size:12px;line-height:20px;height:20px;overflow: hidden;display: block;white-space:nowrap;text-overflow:ellipsis;}


.HD3img2 .ctl dd.winfo {color:#555;padding:0;font-weight:100;font-size:12px;line-height:20px;height:20px;overflow: hidden;}


.adgrp3 ul {list-style: none;}
.adgrp3 ul:after {clear: both;content: "";display: block;}
.adgrp3 li {float:left;margin: 0.7% 0;width:32.25%;background-color:#d8edf1;overflow: hidden;}
.adgrp3 li.bseq2, .adgrp3 li.bseq5, .adgrp3 li.bseq8 {margin-left:1.5%;margin-right:1.5%;}
.adgrp3 li:last-child {margin-bottom:0;}
.adgrp3 .column {position:relative;display: block;text-align:center;width:100%;}
.adgrp3 .column:after {clear: both;content: "";display: block;}
.adgrp3 .column a{border:1px solid #DDD;margin:0;display: block;text-align:center;overflow: hidden;}
.adgrp3 .column img{overflow: hidden;width:100%}
.adgrp3 .column:hover img {display:none;}
.adgrp3 .column .subj{display: block;padding:10px 3px;background-color:#FFF;}
.adgrp3 .column .subj:hover .adgrp3 .column img {display:none;}
.adgrp3 .column .subj p{color:#111;letter-spacing:-1px;}
.adgrp3 .column .subj p.t1{padding-top:25%;font-size:15px;font-weight: bold;}
.adgrp3 .column .subj p.t2{padding-top:3px;font-size:13px;}


/*line news*/
.lineNEWS {position:relative; margin:0px;clear: both;padding:0;}
.lineNEWS dl {position:relative; clear: both;display: block;margin-bottom:10px;padding-bottom:10px;overflow: hidden;}
.lineNEWS dl:last-child{border:0;padding:0;margin:0;}
.lineNEWS dd a {display: block;}
.lineNEWS dd a:hover{color:#006699;}
.lineNEWS dd.subtitle {position:relative;overflow: hidden;padding:0;}
.lineNEWS dd.subtitle a {font-size:1.1rem;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;}
.lineNEWS dd.conts {position:relative; overflow: hidden;padding:5px 0 0 0;}
.lineNEWS dd.conts a {font-size:13px;color:#555;line-height:1.4;overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;}

.sel33HD {position:relative;clear: both;display: block;overflow: hidden;margin:0px;height:150px;}
.sel33HD dd.subtitle {text-align:left;clear: both;overflow: hidden; padding-top:5px;}
.sel33HD dd.subtitle a {display: block; padding:0;}
.sel33HD dd.subtitle p {color:#222;font-size:1rem;line-height:1.4; font-weight:600; letter-spacing: -1px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.sel33HD dd {clear: both;overflow: hidden;}
.sel33HD dd.img {position:relative; float:left; margin:0;z-index:1;width:100%;overflow: hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.sel33HD dd.img a {display: block;border:0px solid #DDD; height:97px;overflow: hidden;}
.sel33HD dd.img img{width:100%;min-height:97px;display:none;vertical-align:top;}

.HD1List5 {position:relative; margin-bottom:10px;clear: both;border:0px solid #DDD; padding:0px;}
.HD1List5:after {clear: both;content: "";display: block;}
.HD1List5 dl {position:relative;width:100%;min-height:80px;}
.HD1List5 dd.img {float:left;width:40%; height:80px; margin:0;padding:0;overflow: hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.HD1List5 dd.img img {vertical-align:top; width:100%; min-height:80px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;display:none;}
.HD1List5 dl:hover dd.img img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.HD1List5 dd a {display: block;}
.HD1List5 dd.conts {float:right;width:57%;line-height:1.4; overflow: hidden;padding-top:5px;font-size:13px; color:#77787b;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.HD1List5 dd.subj {float:right;width:57%;margin:0;height:auto;overflow: hidden;padding:0;}
.HD1List5 dd.subj p {font-size:1.2em;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.HD1List5 dd.ctitle {position: absolute; left: 5px; top: 5px;line-height:14px; overflow: hidden;padding:3px 10px;font-size:14px; color:#FFF;background-color:#ff3333;}

.HD1List5 ul {position:relative;width:100%;display: block;overflow: hidden;padding-top:10px;margin-top:15px;border-top: 1px solid #ddd;}
.HD1List5 ul:after {clear: both;content: "";display: block;}
/*.HD1List5 ul:before {content:'';position:absolute;z-index:1;left:0;top:0px;width:90%;padding:0 5%;border-top: 1px solid #ddd;}*/

.HD1List5 li {overflow: hidden;margin-bottom:10px;}
.HD1List5 li a{color:#000;font-size:1.1rem;line-height:1.5; font-weight:600;overflow: hidden;display: block;padding: 0;white-space:nowrap;text-overflow:ellipsis;}
.HD1List5 li:last-child{margin:0;}

.lineNEWS1 {position:relative; margin:0px;clear: both;padding:0;}
.lineNEWS1 dl {position:relative; clear: both;display: block;margin-bottom:4px;padding-bottom:4px;overflow: hidden;}
.lineNEWS1 dl:last-child{border:0;padding:0;margin:0;}
.lineNEWS1 dd a {display: block;}
.lineNEWS1 dd a:hover{color:#006699;}
.lineNEWS1 dd.subtitle {position:relative; max-height:24px; overflow: hidden;padding:0;}
.lineNEWS1 dd.subtitle a {font-size:1rem;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;}
.lineNEWS1 dd.conts {position:relative;overflow: hidden;padding:4px 0 0 0;}
.lineNEWS1 dd.conts a {font-size:13px;color:#1e1e1e;line-height:1.4;overflow: hidden;}

.opiHD5List {position:relative; margin:0px;clear: both;border:0px solid #dcdcdc;padding:0;}
.opiHD5List dl {position:relative; clear: both;display: block;margin-bottom:15px;padding-bottom:14px;overflow: hidden;border-bottom:0px solid #ddd;}
.opiHD5List dl:last-child{border-bottom:0px solid #444;}
.opiHD5List dd.zimg {float:left; width:40%; height:80px; margin:0;display: block;overflow: hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.opiHD5List dd.zimg img {vertical-align:top; width:100%; min-height:80px;display:none;}
.opiHD5List dd a {display: block;}
.opiHD5List dd.subtitle {position:relative; max-height:24px; overflow: hidden;padding:0px 0px 0 15px;}
.opiHD5List dd.subtitle a {overflow: hidden;}
.opiHD5List dd.subtitle p{font-size:18px;color:#000;font-weight:bold;line-height:1.5;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.opiHD5List dd.conts {position:relative;  overflow: hidden;padding:10px 0px 0 15px;}
.opiHD5List dd.conts a {font-size:13px;color:#1e1e1e;line-height:1.4;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}}
.opiHD5List dd a:hover{color:#006699;}

.tab_g_container {clear: both;padding: 0;width: 100%;background: #fff;}
.tab_g_container ul {display:block; zoom:1; *display:inline;list-style: outside none none;margin: 0;padding: 0;width: 100%;border-top:1px solid #ddd;background: #f5f5f5;}
.tab_g_container ul:after {clear: both;content: "";display: block;}

.tab_g_container ul li {float: left !important;margin: 0;padding: 0;text-align: center;width:50%;}
.tab_g_container ul li a {display: block;outline: medium none;padding: 10% 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;font-size:1.1rem;}
.tab_g_container ul li:last-child a{border-right:1px solid #ddd !important;}
.tab_g_container ul li a:hover {text-decoration: none;}
.tab_g_container ul li.active {background: #fff none repeat scroll 0 0;	/*padding-top: 1px; position: relative; top: 1px;*/}
.tab_g_container ul li a.active {font-weight: bold;text-decoration: none;border-bottom:1px solid #FFF;background: #fff none repeat scroll 0 0;}
.tab_g_container .panel-container {zoom:1;background: #fff none repeat scroll 0 0;margin: 0;padding: 10px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab_g_container .panel-container:after {content:""; display:block; clear:both;}

.tab_g_container .panel-container ul {display: inline-block; zoom:1; *display:inline;margin: 0;padding: 0;width: 100%;border:none;background: none;}
.tab_g_container .panel-container ul li {margin-top: 5px;padding: 0;text-align: left;font-size:0.95rem;color:#444;height:30px;line-height:25px;width: 100%;border-bottom:1px solid #e5e5e5;overflow: hidden;}
.tab_g_container .panel-container ul li:first-child {}
.tab_g_container .panel-container ul li a {width:100%;display: inline-block;outline: medium none;padding: 0;border:none;font-size:0.95rem;color:#444;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.tab_g_container .panel-container ul li span.cate {float:left;display: inline-block;padding-right: 10px;color:#0075c2;}
.tab_g_container .panel-container ul li:last-child {border-bottom:0px solid #ddd !important;}
.tab_g_container .panel-container ul li a:last-child {border-right:0px solid #ddd !important;}


.tab_rank_container {clear: both;padding: 0;width: 100%;background: #fff;}
.tab_rank_container ul {display:block; zoom:1; *display:inline;list-style: outside none none;margin: 0;padding: 0;width: 100%;border-top:1px solid #ddd;background: #f5f5f5;}
.tab_rank_container ul:after {clear: both;content: "";display: block;}

.tab_rank_container ul li {float: left !important;margin: 0;padding: 0;text-align: center;width:50%;}
.tab_rank_container ul li a {display: block;outline: medium none;padding: 6% 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;font-size:1.1rem;}
.tab_rank_container ul li:last-child a{border-right:1px solid #ddd !important;}
.tab_rank_container ul li a:hover {text-decoration: none;}
.tab_rank_container ul li.active {background: #fff none repeat scroll 0 0;	/*padding-top: 1px; position: relative; top: 1px;*/}
.tab_rank_container ul li a.active {font-weight: bold;text-decoration: none;border-bottom:1px solid #FFF;background: #fff none repeat scroll 0 0;}
.tab_rank_container .panel-container {zoom:1;background: #fff none repeat scroll 0 0;margin: 0;padding: 0px 0;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.tab_rank_container .panel-container:after {content:""; display:block; clear:both;}

.tab_rank_container .panel-container ul {display: inline-block; zoom:1; *display:inline;margin: 0;padding: 0;width: 100%;border:none;background: none;}
.tab_rank_container .panel-container ul li {width:100%;text-align:left;border:0px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.tab_rank_container .panel-container ul li:first-child {}
.tab_rank_container .panel-container ul li a {border-left:0;border-bottom:0;  padding:0.7rem 0.7rem 0.7rem 33px; clear:both; font-size: 1.05em;font-weight:400;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}

.tab_rank_container .panel-container ul .top .num {border:1px solid #444;background-color:#444;color:#FFF;}
.tab_rank_container .panel-container ul li .num {position:absolute;margin:0.7em 0.3em;display:block;width:20px;height:auto;font-size:1.05em;font-weight:400;border:1px solid #DDD;text-align:center;background-color:#DDD;}
.tab_rank_container .panel-container ul li:last-child {border-bottom:0px solid #ddd !important;}
.tab_rank_container .panel-container ul li a:last-child {border-right:0px solid #ddd !important;}


/*header line 뉴스 */
.topHD {margin: 0 auto;padding: 10px 8px;position: relative;min-height:210px;overflow: hidden;}
.topHD dl {position:relative; margin-top:0px;background-color:#FFF;}
.topHD dl dt {clear: both;padding:10px 0;max-width:470px;text-align:center;}
.topHD dl dt h3 {font-size:1.2em;line-height:1.1em; overflow: hidden;padding:0;}
.topHD dl dt a {color:#505050;display: block;}
.topHD dl dd {clear: both;overflow: hidden;}
.topHD dl dd.img {position:relative; float:left; margin:0;}
.topHD dl dd.img img {vertical-align:top;}
.topHD dl dd.img a {display: block;border:0px solid #DDD; max-height:210px;overflow: hidden;}

.sel3HD {position:relative; margin:0;clear: both;border:0px solid #dcdcdc;padding:7px 0px;}
.sel3HD dl {position:relative; clear: both;display: block;margin-bottom:0px;height:90px;border:0px solid #ececec;}
.sel3HD dl.f{margin-top: 0px;padding-top: 0px;}
.sel3HD dl.e{margin-bottom: 0px;padding-bottom: 0px;}
.sel3HD dd.img {float:left; width:35%; max-height:90px; margin-right:2%;overflow: hidden;display: block;border:1px solid #EEE;}
.sel3HD dd.img img {vertical-align:top; width:100%; min-height:90px;}
.sel3HD dd a {display: block;}
.sel3HD dd.subtitle {height:auto;font-size:1rem;font-weight:600; line-height:1.3;padding:10px 3px 3px 0px;}
.sel3HD dd.subtitle a {color:#616161;}

.hitNews2{position:relative;width:100%;display: block;overflow: hidden;padding:0px;margin:0px;}
.hitNews2:after {clear: both;content: "";display: block;}
.hitNews2 li {position:relative;overflow: hidden;margin-bottom:10px;}
.hitNews2 li a{color:#444;font-size:1rem;line-height:20px; font-weight:600;overflow: hidden;display: block;padding-left:25px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.hitNews2 li:last-child{margin:0;}
.hitNews2 li .num{position: absolute; left: 0; bottom: 0;border:1px solid #666;background-color:#666;color:#FFF;line-height:20px;width:20px;height:20px;text-align:center;font-size:1rem;}

/*동영상 뉴스 */
.movSD {position:relative; margin:0 auto;clear: both;padding:0;}
.movSD dl {position:relative; padding:0;overflow: hidden;width:100%;}
.movSD dl dd.mov {float:left; overflow: hidden;width:100%}
.movSD dl dt {float:left; padding:5px 10px;margin:0 auto;text-align:center;}
.movSD dl dt a {font-weight:bold;color:#666;}

.buttom {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.buttom span{text-align:center; display:inline-block;font-size:0.9em;padding:3px 5px;}


#viewWrap {background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 100%; display:block;margin:0 auto; padding:2% 5%;}
#viewConts img {width  : 100%;height : auto;}
#listWrap {background-color:#FFF; width: 100%; display:block;margin:0 auto; padding:0 3%;position:relative;overflow:hidden;}
#listWrap .line{border-bottom: 1px solid #DDD; margin: 10px 0; clear: both;}
.listWrap {background-color:#FFF; width: 100%; display:block;margin:0 auto; padding:0px;position:relative;overflow:hidden;}
.listWrap .line{border-bottom: 1px solid #f5f5f5; margin: 10px 0; clear: both;}
.listWrap div.line:last-child{border-bottom: 0px solid #DDD; margin: 0;}

.sortBox{position: relative;clear: both;margin: 3% 3% 3% 3%;padding: 0;}
.sortBox:after {clear: both;content: "";display: block;}
.sortBox .cs_total {line-height:30px;}
.sortBox .cs_total em{font-size:0.9rem;letter-spacing: -0.5px;}
.sortBox .cs_total strong{font-style:italic;}

.article-vlist ul {border-left:1px solid #f1f1f1;list-style: none;padding:0;margin:0;}
.article-vlist ul:after {clear: both;content: "";display: block;}
.article-vlist li{list-style: none;float:left;padding: 0;border:1px solid #f1f1f1;width:30px;height:30px;margin:0 1px;}
.article-vlist li a{display: block;text-align:center;line-height:30px;color:#444;}
.article-vlist li:hover {background-color:#FFF;border:1px solid #444;}
.article-vlist li:hover a{color:#111;}

.article-vlist li.sel {background-color:#d12133;border:1px solid #d12133;}
.article-vlist li.sel a{color:#FFF;}

/* 리스트형기사 */
.listdtype {position:relative;width:100%;overflow: hidden; padding: 10px 0;clear: both;}
.listdtype:after {clear: both;content: "";display: block;}
.listdtype a{color:#444;} 
.listdtype dt {float: left;width:68%; font-size: 1rem;font-weight: bold; letter-spacing: -1px; line-height: 22px; margin: 0; } 
.listdtype dd {float: right;width:30%;font-size:.75rem;color: #8E8E8E;text-align:center; line-height: 20px;margin:0;}
.listdtype dd .winfo {margin:0;padding:0;}
.listdtype dd .date {margin:0;padding:0;}
.listdtype_line{border-bottom: 1px dashed #DDD; margin: 10px 0; clear: both;}

/* 텍스트기사 */
.listTxt {overflow: hidden; _height: 1%; padding: 4px 0; }
.listTxt:after {clear: both;content: "";display: block;}
.listTxt dt { font-size: 18px;font-weight: bold; letter-spacing: -1px; line-height: 18px; margin: 3px 0 10px 0; } 
.listTxt dt a{color:#444;} 
.listTxt dd {line-height: 18px; }
.listTxt dd.winfo { line-height: 18px;font-size:12px;color: #8E8E8E;}
.listTxt dd.winfo a{color: #8E8E8E;}
.listTxt dd.conts {padding-top:5px; line-height:1.4;font-size:14px;}
.listTxt .date { padding: 1px 0 0 7px; color: #8E8E8E; font-size: 11px; letter-spacing: -1px; } 

/* 사진기사 */
.listPhoto {position: relative;overflow: hidden;padding: 4px 0;}
.listPhoto:after {clear: both;content: "";display: block;}

.listPhoto p {margin:0;}
.listPhoto p.img {position: relative; float: left;width:100px; max-height:85px; overflow: hidden; display: block;}
.listPhoto p.img a{width:100%; height:85px; display: block;overflow: hidden;background-position:50% 20%;background-repeat:no-repeat;background-size:cover;}
.listPhoto p.img img {display:none;width:100%; max-height:85px;}
.listPhoto dl {margin-left: 110px;margin-bottom:0;}
.listPhoto dt { font-size: 1rem; font-weight: 600; line-height: 1.4; margin: 5px 0; } 
.listPhoto dt a{color:#444;} 
.listPhoto dd.winfo {margin:0; line-height: 18px;font-size:.75rem;color: #8E8E8E;}
.listPhoto dd.winfo a{color: #8E8E8E;}
.listPhoto dd.conts {padding-top:5px; line-height:1.4;font-size:.95rem;overflow: hidden;height:40px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.listPhoto .date { padding: 0 0 0 10px; color: #8E8E8E;}

/*포토리스트*/
#pro_List_img{padding:0;clear: both;margin:0;}
#pro_List_img li{padding: 0 10px;}
#pro_List_img li.f{padding: 10px 10px 10px 0px;}
#pro_List_img li.e{padding: 10px 0px 10px 10px;}
#pro_List_img .firstimg{text-align:center;height:80px; width:95px; overflow:hidden;margin:1px;border:1px solid #C1C1C1;}
#pro_List_img .firstimg img{overflow:hidden;}
#pro_List_img .subject{min-height:50px; width:95px;text-align:center;overflow:hidden;padding:3px;font-size:10pt;font-weight:bold;letter-spacing: -1px;line-height:15px;}

/*포토뉴스*/
.photoWrap{position:relative;clear:both; margin-bottom: 10px;padding:0 3%;overflow:hidden;background-color:#FFF;}
.Photo_newslist{clear: both;float: left;margin: 0;width: 100%;display: block;padding:0;}
.Photo_newslist li{float:left;width:49%;margin-right: 2%;background-color:#FFF;margin-bottom:4%;}
.Photo_newslist li.e{margin-right: 0px;}
.Photo_newslist li:hover{border: 0px solid #f46957;}

.Photo_newslist4{clear: both;float: left;margin-top: 0px;width: 100%;display: block;}
.Photo_newslist4 li{float:left;width:24%;margin: 0 0.5% 3% 0.5%;background-color:#FFF;}
.Photo_newslist4 li:hover{border: 0px solid #f46957;}


.Photo_newslist .Photo_newslist_box, .Photo_newslist4 .Photo_newslist_box{position: relative;padding-bottom:10px;display: block;height:170px;border:1px solid transparent;margin:0 auto;}

.Photo_newslist .firstimg, .Photo_newslist4 .firstimg{background-color:#FFF;text-align:center;width:100%;height:110px;overflow:hidden;margin:0px;border:0px solid #DDD;padding:0;}
.Photo_newslist .firstimg a, .Photo_newslist4 .firstimg a{display: block;vertical-align:middle;overflow:hidden;}
.Photo_newslist .firstimg img, .Photo_newslist4 .firstimg img{overflow:hidden;padding:0;margin:0 auto;width:100%;min-height:110px;}

.Photo_newslist .subject_noimg, .Photo_newslist4 .subject_noimg{text-align:center;padding:20px 10px;line-height:1.5;border:1px solid #DDD;height:160px;}
.Photo_newslist .subject_noimg a, .Photo_newslist4 .subject_noimg a{color:#444;font-size:22px;display: block;overflow:hidden;font-weight:bold;}

.Photo_newslist .subject, .Photo_newslist4 .subject{text-align:left;padding:5px 0;line-height:1.4;}
.Photo_newslist .subject a, .Photo_newslist4 .subject a{color:#444;font-size:1rem;font-weight: 600;display: block;max-height:40px;overflow: hidden;height:40px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.Photo_newslist .byline, .Photo_newslist4 .byline{position:absolute;left:5px;bottom:5px;color:#333;font-size:12px;line-height:20px;padding:0;display: block;}


.viewConts .summary_title {display: block;position: relative;padding-left: 20px;padding-top:3px;margin: 0 0 27px;font-weight: 300;line-height: 1.5;	color:#000;font-size:16px;}
.viewConts .summary_title:before {position: absolute;top: 6px;left: 0;bottom: 2px;width: 5px;background-color: #444;content: '';}

.viewSns {position: relative; overflow: hidden; height:32px; margin:20px auto; text-align:center;padding:0;}
.viewSns ul {display: table;margin-left: auto;margin-right: auto;}
.viewSns ul li {float:left;height:32px;padding:0 5px;}
/*.viewSns ul li a {display: block;padding:7px 5px;}*/

.viewSns ul li a{position:relative;width:32px;height:32px;-webkit-border-radius:32px;border-radius:32px}
.viewSns ul li a::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:inherit;border-radius:inherit}
.viewSns ul li a img{-webkit-border-radius:32px;border-radius:32px;padding-top:6px;}

.viewSns .font {right:0px;bottom:0px;position:absolute;}
.viewSns .font li {height:35px;float:left;padding:0;}

/* 기사보기 */
.viewTitle {position:relative; overflow: hidden; margin:0 0 10px 0;background-color:#fff; padding:5px 0;}
.viewTitle dt {line-height: 25px; margin: 5px 0 10px 0; text-align:left;} 
.viewTitle dt h3 {font-size: 1.95rem; letter-spacing: -0.09em; line-height: 1.4; margin: 5px 0 15px 0;font-weight:400;color:#000;font-stretch:narrower;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
.viewTitle dd { font-size: 0.8em; color:#999; line-height: 1; text-align:center;padding:5px 0;}
.viewTitle dd.subtitle { font-size: 17px; color:#336633; line-height: 25px;}
.viewTitle .date { padding: 1px 0 0 7px; color: #999; font-size: 10px; letter-spacing: -1px; font-family: Verdana; } 
#viewWrap .viewConts { position: relative; padding: 5% 0; font-size:17px; line-height: 1.6; letter-spacing: -1px;color:#222;font-weight:300;text-align:justify;font-family: "NotoKrR", "Malgun Gothic", 돋움, dotum, sans-serif, AppleGothic;}
#viewWrap .viewConts a {display: block;}
#viewWrap .viewConts a img {vertical-align:top;}

#viewWrap .viewConts table {font-size: 11pt; line-height: 1.3;padding:1rem 0;}
#viewWrap .viewConts td {font-size: 11pt; line-height: 1.3;}

#view_wrap{padding-top:10px;}
#view_wrap .fileup {
	width  : 100%;
	height : auto;
}
/*뉴스상세보기 페이지 */
.issVP dl {position:relative; margin:5px 1px;}
.issVP dl dd a {color:#000; font-size:12px;line-height: 15px;letter-spacing:-1px;}
.issVP dl dd.img {position:relative; float:left; height:95px; margin-right:5px;overflow: hidden;}
.issVP dl dd.img img {vertical-align:top;}
.issVP dl dd.body {padding-top:10px;padding-bottom:1px;line-height:12px;}
.issVP dl dd .subj{color:#4B4B4B; font-size:14px; font-weight:bold; letter-spacing:-1px;overflow: hidden;padding:3px 0px 7px;}
.issVP dl dd .subt{color:#6982b7; font-size:11px;letter-spacing:-1px;padding:3px 0px 7px;}
.issVP dd .conts {letter-spacing:-1px;padding:5px 0 0 0;display: block;color:#666666;}


/* 관련기사-본문 */
.renewsList2 h3 {font-size:16px; padding: 10px 0;}
.renewsList2 dt { background: url(img/ico_link.png) no-repeat  5px 4px; padding-left: 18px; margin-bottom: 7px; font-size:14px; }
.renewsList2 dd { background: url(img/icon_led.gif) no-repeat  10px 4px; padding-left: 23px; }
.renewsList2 dt a { color: #000; font-weight: 400; }
.renewsList2 dd a { color: #000; }
.renewsList2 .date { padding: 1px 0 0 7px; color: #999; font-size: 10px; letter-spacing: -1px; font-family: Verdana; } 


#xswipe {background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 100%; display:block;margin:0 auto;}
.h_area{font-size:1.2em; clear:both;border-bottom:2px solid #DDD;padding: 0.5em 0 0.15em 0; position:relative; margin:0 5px 5px;display:block;}
.h2 {display:inline;font-size:1.1em;letter-spacing:1px; padding-left: 5px; font-weight:bold;-webkit-text-stroke-width:.02em; }
.imgtl{padding:10px 0;margin-left:5px;border-bottom:1px solid #DDD;}


/*pagenate*/ 
.pagingroup button {width:38px; display:inline-block; height:26px;line-height:28px; border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.pagingroup button strong {display:none;}
.pagingroup button span{background:url('img/ico_all.png') 50% 50% no-repeat scroll; width:30px; height:18px; text-align:center; display:inline-block;}
.pagingroup button.prev{margin-right:5px;border-radius: 6px 0px 0px 6px;}
.pagingroup button.prev span{background-position: 10px 6px;}
.pagingroup button.next{margin-left:5px;border-radius: 0px 6px 6px 0px;}
.pagingroup button.next span{background-position: 12px -14px;}

/*제품소개 리스트*/
.s li {border-bottom:1px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.s li.last {border-bottom:none;}
.s li a { padding:1em 0 1em 10px;  padding-left:10px; clear:both; width:90%;font-size: 1em;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
/*bbs 리스트*/
.bbsList li {display:block;border-bottom:1px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.bbsList li a {text-align:left;padding:0.7em 0 0.7em 0; margin:0;clear:both; width:90%;font-size: 1.05em;font-weight:300;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;color:#000;}

.bbsList li:first-child{}
.bbsList li:last-child{border:0;}

/*bbs 리스트*/
.bbsList0 li {display:block;border-bottom:1px solid #e3e3e3;}
.bbsList0 li a {text-align:left;padding:0; line-height:35px;color:#333;margin:0;clear:both;font-size:1.05em;font-weight:300;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
.bbsList0 li:first-child{}
.bbsList0 li:last-child{border:0;}

/*랭킹 리스트*/
.rankList li {text-align:left;border-bottom:1px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.rankList .top .num {border:1px solid #444;background-color:#444;color:#FFF;}
.rankList li .num {position:absolute;margin:0.7em 0.3em;display:block;width:20px;height:auto;font-size:1.05em;border:1px solid #DDD;text-align:center;background-color:#DDD;}
.rankList li a {padding:0.7em 0;  padding-left:33px; clear:both; font-size: 1.05em;font-weight:300;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}


.navbar{background:url('img/nav_01.png') 5px center no-repeat scroll;margin-top:1px; padding:10px 10px 10px 25px; background-color:#f9f9f9; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.navbar a{background:url('img/nav_02.png') 5px center no-repeat scroll;padding-left:23px;padding-right:3px;font-weight:bold;letter-spacing:-1px;font-size:1em;line-height:17px;height:17px;}

/* character list */
.charList li {width:100%;overflow:hidden; }
.charList li {float:left; width:50%; max-height:182px; text-align:center; padding:5px 0;overflow:hidden; }
.charList li img {width:98%;height:98%; overflow:hidden; margin:0 auto;max-width:212px;max-height:182px;min-width:82px;min-height:70px;}
.charList li a {display:block; overflow:hidden; margin:0 auto; line-height:1.1em;}
.charList li span { width:100%; text-align:center; overflow:hidden; margin:0 auto; display:block;padding:5px 0;font-size:0.9em; text-decoration:none; color:#333; letter-spacing:-1px;}

#ViewInfor{background-color:#ececec;border-top:1px solid #b4b4b4;margin-top:10px;padding:10px;position:relative;overflow:hidden;}
#ViewInfor .pbox{background-color:#FFF;border-bottom:1px solid #BBB;border-right:0px solid #BBB;padding:10px;position:relative;overflow:hidden;}
#ViewInfor .ptitle{border-bottom:1px solid #BBB;padding:10px 0;color:#065a9b;}
#ViewInfor .proTview{border-bottom:0px solid #BBB;padding:5px 10px;position:relative;overflow:hidden;border-collapse:collapse; }
#ViewInfor .proTview tbody th, #ViewInfor .proTview tbody td{border-bottom:1px solid #e5e5e5; padding: 5px 0;}
#ViewInfor .proTview th {min-width:85px;width:30%; font-weight:normal;text-align:left;}
#ViewInfor .btn {margin:0 auto;padding:10px 0 0;overflow:hidden;text-align:center;}
#ViewInfor .btn li {float: left;padding:0 5px;}
#bodyConts{font-size:0.85em;margin:5px;}

#lineBox{position:relative;overflow:hidden;margin:0 auto;padding:2% 3%;}
#lineBox .pbox{padding:0px;position:relative;overflow:hidden;}
#lineBox .pbox5{padding:5px;position:relative;overflow:hidden;}

.lineBox{position:relative;overflow:hidden;margin:0 auto;padding:2% 3%;text-align:center;}
.lineBox .pbox{padding:0px;position:relative;overflow:hidden;}
.lineBox .pbox5{padding:5px;position:relative;overflow:hidden;}


#lineBox25{position:relative;overflow:hidden;margin:0 auto;padding:10px 25px;}

.fphotoCnts {position: relative;width: 100%;padding: 0;margin-bottom:25px;}
.fphotoCnts:after {content:""; display:block; clear:both;}
.fphotoCnts .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;}
.fphotoCnts .tlimg img{min-height:230px;}
.fphotoCnts .tltxt{width:100%;margin:0;padding:0;overflow:hidden;text-transform: uppercase;}
.fphotoCnts .tltxt a {color:#444;font-size:1.1rem;line-height:1.5;padding: 15px 0;text-align:left;display:block;letter-spacing: -0.05em;font-weight:bold;}
.fphotoCnts .info {color:#777;font-size:0.8rem;padding-bottom:0.5rem;text-align:left;display:block;letter-spacing: -0.05em;}
.fphotoCnts .cate {color:#444;font-size:0.9rem;padding-bottom:0.5rem;text-align:left;display:block;letter-spacing: -0.05em;}

@media (min-width: 576px) {
	.fphotoCnts .tlimg {width:100%;max-height:310px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.fphotoCnts .tlimg img{min-height:310px;}
}
@media (min-width: 768px) {
	.fphotoCnts .tlimg {width:100%;max-height:410px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.fphotoCnts .tlimg img{min-height:410px;}
}
@media (min-width: 992px) {
	.fphotoCnts .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.fphotoCnts .tlimg img{min-height:230px;}
}
@media (min-width: 1200px) {
	.fphotoCnts .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.fphotoCnts .tlimg img{min-height:230px;}
}

.fphotoCnts2 {position: relative;width: 100%;padding: 0;margin-bottom:40px;}
.fphotoCnts2:after {content:""; display:block; clear:both;}
.fphotoCnts2 .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;background-position:center; background-repeat:no-repeat; background-size:cover;}
.fphotoCnts2 .tlimg img{min-height:230px;opacity: 0;filter: alpha(opacity=0);}
.fphotoCnts2 .tltxt{width:100%;margin:0;padding:0;overflow:hidden;text-transform: uppercase;}
.fphotoCnts2 .tltxt a {color:#444;font-size:1.1rem;line-height:1.5;padding: 0px 0;text-align:left;display:block;letter-spacing: -0.05em;font-weight:bold;}
.fphotoCnts2 .info {color:#777;font-size:0.8rem;padding-bottom:0.5rem;text-align:left;display:block;letter-spacing: -0.05em;}
.fphotoCnts2 .cate {color:#444;font-size:1rem;padding:0.5rem 0;text-align:left;display:block;letter-spacing: 1;font-weight:400;}

@media (min-width: 576px) {
	.fphotoCnts2 .tlimg {width:100%;max-height:310px;}
	.fphotoCnts2 .tlimg img{min-height:310px;}
}
@media (min-width: 768px) {
	.fphotoCnts2 .tlimg {width:100%;max-height:410px;}
	.fphotoCnts2 .tlimg img{min-height:410px;}
}
@media (min-width: 992px) {
	.fphotoCnts2 .tlimg {width:100%;max-height:230px;}
	.fphotoCnts2 .tlimg img{min-height:230px;}
}
@media (min-width: 1200px) {
	.fphotoCnts2 .tlimg {width:100%;max-height:230px;}
	.fphotoCnts2 .tlimg img{min-height:230px;}
}
.__se_tbl{
width: 112%!important;
margin-left: -6%!important;
margin-right: -6%!important;
margin-bottom: 1%;
}
.__se_tbl td._c2 {width:100%;margin:0 auto;padding:0;}
.__se_tbl td._c2 img{width:70% !important;margin:0 auto;padding:0;vertical-align:bottom;}
.__se_tbl td._caption{padding:5px 5%;line-height: 1.2;  font-size: 0.85rem !important; color: #444;}

.viewConts div[style*="text-align:center"] {text-align:center !important}
.viewConts div[style*="text-align:center"]::after {content:'';display:table;clear:both}

.viewConts font[color] {color:inherit !important}
.viewConts font[style] {padding:0 !important;margin:0 !important;font:0 !important;color:inherit !important}

.viewConts figure{margin:0}
.viewConts figure img{margin:0 auto;text-align:center;max-width:100%;}
.viewConts figcaption {padding:.7rem 0;font-size:.8rem;line-height:1.6em;letter-spacing:-0.05em;color:#919191;text-align:center;}
.viewConts .photo-layout {margin-bottom:1rem;text-align:center}
.viewConts .photo-layout.float-center {display:block !important;float:none !important}
.viewConts .photo-layout.float-left {float:left !important;margin-right:1.5rem}
.viewConts .photo-layout.float-right {float:right !important;margin-left:1.5rem} 

.view_r_caption {margin:0; padding:0 10px; color:#666 !important; font-size:14px !important; line-height:1.6em;}

.jnlistbox{zoom:1;position: relative; overflow: hidden; margin: 2% 5%;padding-bottom:10%;border-bottom: 1px solid #DDD;}
.jnlistbox:after {content:""; display:block; clear:both;}
.jnlistbox .wtimg{float: left;overflow: hidden; width:45px; height:45px;padding:0;border: 1px solid #DDD; margin:0 auto;overflow: hidden;display: block;border-radius: 50%;-wekikit-border-radius: 50%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.jnlistbox .wtimg img{width:45px; min-height:45px;padding:0;}
.jnlistbox .wtinfo{float: left;overflow: hidden; padding-left:15px;}
.jnlistbox .wtinfo h3{font-size:1.15rem;}
.jnlistbox .wtinfo a{display:inline-block;float: left;padding:2px 5px 2px 0px;margin:5px 3px 5px 0px;line-height:1.5;font-size:0.75em;text-align:center;text-decoration:none;letter-spacing:-0.05em;text-overflow:ellipsis;white-space:nowrap}
.jnlistbox .wconts{position: relative;overflow: hidden; padding:10px;margin-top:10px;display:block; clear:both;border-top:1px solid #ddd;font-size:0.85em;}

.jnlistbox .wtinfo .wview{position: relative;display:inline-block;padding:2px 10px 2px 0px;margin:5px 3px 5px 0px; line-height:1.5; font-size:0.75em; text-align:center; text-decoration:none; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap;color:#888;}
.jnlistbox .wtinfo .wview:after {content:'';position:absolute;z-index:1;right:0;top:50%;border-width:3px;border-style:solid;border-color:transparent transparent transparent #c00;transform:translateY(-50%)}


ul.tag {display:block;padding:0;margin:0;}
ul.tag li{float:left;display:block;}
ul.tag li.t{padding:2px 10px;margin:2px 5px 2px 0;border: 0px solid #ddd;background-color: #eafaff;font-weight: normal;}
ul.tag li a{display:block;line-height:18px;font-size:11pt;color:#3472e4;}

.xpageing a{padding: 1px 7px;font-size: 1em;display:inline-table;overflow:hidden;border:1px solid #DDD;margin:0 4px;font-weight:bold;text-align:center;}
.xpageing a.sel{border:1px solid #ff0033;margin:0 3px;color:#ff0033;}
.reply_wrap_btn{border:1px solid #DDD;text-align:center;padding:2%;margin:2%;cursor: pointer;}
.reply_wrap{overflow:auto;max-height:340px;}
.loginBox {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 14px;
    position: relative;
}
.loginBox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
	height:65px;
}
.loginBox button span{text-align:center; display:inline-block;font-size:1em;padding:10px;}

.input_text {
    border: 1px solid #DDD;
    border-radius: 3px;
    display: block;
    font-size: 0.8em;
    height: 27px;
    line-height: 27px;
    padding: 2px 2px 2px 4px;
    width: 95%;
	-webkit-border-radius:1px;
	-webkit-appearance:none;	
}

.input_text2 {
    border: 1px solid #DDD;
    border-radius: 1px;
    display: block;
    font-size: 0.9rem;
    height: 27px;
    line-height: 27px;
    padding: 2px 2px 2px 4px;
    width: 100%;
	-webkit-border-radius:1px;
	-webkit-appearance:none;	
}
.selectbox {
    width: 100%;
	line-height: 27px;
    padding: 2px 2px 2px 4px;
    border: 1px solid #DDD;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

.subscriber {position: relative;margin:0 auto;padding:2%; width:96%;}
.subscriber:after {content:'';display:table;clear:both}
.subscriber dt {display: block;float: left;width:25%;margin:1% 0;font-size:0.9rem;line-height:27px;color:#444;}
.subscriber dt.bold {font-weight: bold;color:#000000;}
.subscriber dd {display: block;float: left;width:75%;margin:1% 0;font-size:0.9rem;line-height:27px;color:#444;}


.tmenuList {overflow: hidden;position: relative; background: none repeat scroll 0 0 #FCFCFC;border: 1px solid #E1E1E1;}
.tmenuList li {float: left;width: 33.2%;}
.tmenuList li a {
    color: #3449AA;
    display: block;
    font-size: 0.789em;
    height: 37px;
    line-height: 39px;
    text-align: center;
    white-space: nowrap;
}
.tmenuList li:nth-child(n+4) {border-top: 1px solid #EFEFEF;}
.tmenuList li:nth-child(3n-1) {border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.tmenuList li:nth-child(3n) {float: none;overflow: hidden;width: auto;}


.tmenuList2 {overflow: hidden;position: relative; background: none repeat scroll 0 0 #FCFCFC;border: 0px solid #E1E1E1;}
.tmenuList2 li {float: left;width: 33.2%;padding:2px;}
.tmenuList2 li.select a {border: 1px solid #0000cc;background-color:#f2f7ff;}
.tmenuList2 li a {
    color: #121a3a;
    display: block;
    font-size: 0.789em;
    height: 33px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
	border: 1px solid #EFEFEF;
}
.tmenuList2 li:nth-child(3n) {float: none;overflow: hidden;width: auto;}

.pageindex {overflow: hidden;position: relative;padding:10px;display: inline-block;}
.pageindex ul {margin: 0 auto;}
.pageindex li {float: left;padding:2px;}
.pageindex .pg a{
    color: #121a3a;
    display: block;
    font-size: 1em;
	padding: 0 10px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
	border: 1px solid #DDD;
}
.pageindex .sel a{
    color: #121a3a;
    display: block;
    font-size: 1em;
	font-weight: bold;
	padding: 0 10px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
	border: 1px solid #ff3333;
}

.pageindex .n a, .pageindex .p a{
    color: #121a3a;
    display: block;
    font-size: 1em;
	padding: 0 10px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
	border: 1px solid #FFF;
}

@media (min-width: 1025px) {
	.mbx_f4 li {padding-right:4%;padding-bottom: 4%;width:25%;}
	.mbx_f4 li:nth-child(4n) {padding-right:0;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.mbx_f4 li {padding-right:4%;padding-bottom: 4%;width:50%;}
	.mbx_f4 li:nth-child(even) {padding-right:0;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.mbx_f4 li {padding-right:4%;padding-bottom: 4%;width:50%;} 
	.mbx_f4 li:nth-child(even) {padding-right:0;}
}
@media (min-width: 320px) and (max-width: 480px) {
	.mbx_f4 li {padding-right:0%;padding-bottom: 4%;width:100%;}
}

.mbx_f4 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_f4:after {clear: both;content: "";display: block;}
.mbx_f4 li {position: relative;display: inline;float: left;margin: 0;}
.mbx_f4 li a {cursor: pointer;}
.mbx_f4 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_f4 li.e {margin-right: 0;padding-right:0px;}

.titleDFline2 {position:relative; margin-bottom: 20px;text-align:left;}
.titleDFline2:before {content:'';position:absolute;z-index:1;left:0;top:50%;width:100%;opacity: 1;margin-top:-8px;height: 15px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEX////S0tIAHCZFAAAADUlEQVQI12NYwMAAwgAGSAFBjkZPUgAAAABJRU5ErkJggg==');
background: rgba(255, 255, 255, .1);
}
.titleDFline2 .tlbox{position:relative;margin:0;padding:0 10px 0 0;display:inline-block;background-color:#071b37; z-index:2;color:#FFF;text-align:left;}
.titleDFline2 .tlbox:after {content:'';display:table;clear:both}
.titleDFline2 .tlbox a{color:#7b7b7b;}
.titleDFline2 .tlbox a:hover {color:#08408e;}
.titleDFline2 h3 {line-height:24px; padding:0; font-size:20px; font-weight: 600;text-align:left;}


.opiHD3ListF {position:relative; margin:0px;clear: both;padding:0;}
.opiHD3ListF dl {position:relative; clear: both;display: block;margin-bottom:14px;padding-bottom:15px;overflow: hidden;border-bottom: 1px solid rgba(210, 220, 227, .51);}
.opiHD3ListF dl:last-child{border-bottom:0px solid #444;margin:0;padding:0;}
.opiHD3ListF dd.zimg {float:left; width:90px; height:65px; margin:0;overflow: hidden;display: block;border:0px solid #EEE;background-position:center;background-repeat:no-repeat;background-size:cover;}
.opiHD3ListF dd.zimg img {vertical-align:top; width:90px; min-height:65px;opacity: 0;filter: alpha(opacity=0);}

.opiHD3ListF dd.subtitle {position:relative; max-height:63px; overflow: hidden;padding:2px 0px 0 10px;}
.opiHD3ListF dd.subtitle a {display: block;font-size:14px;color:#FFF;font-weight:200;line-height:1.4;overflow: hidden;}

.opiHD3ListF dd.winfo {position:relative;overflow: hidden;font-size:12px;color:#8a8a8a;padding:2px 0px 0 10px;}
.opiHD3ListF dd.winfo a {color:#8a8a8a;}

.opiHD3ListF dd.conts {position:relative; max-height:36px; overflow: hidden;padding:2px 0px 0 10px;}
.opiHD3ListF dd.conts a {display: block;font-size:13px;color:#1e1e1e;line-height:1.4;overflow: hidden;}
.opiHD3ListF dd a:hover{color:#FFF;}

footer {background-color:#414141;margin-top:0px;border-top:0px solid #6d8998;}
footer #footmenu {position:relative;width:100%;height:40px;}
footer #footmenu li {float: left;width:25%;margin:0;letter-spacing:-1px;font-size: 0.9em;font-weight: bold;color:#fff;text-align:center;background-color:#676d7c;}
footer #footmenu a {color:#FFF;padding:10px 0px;display:block;}

footer #footaddr {font-size: 10px;color:#fff;padding:10px;text-align:center;line-height:12px;}
footer #footaddr a {color:#fff;}
footer #footaddr .cpr {color:#fff;font-size:10px;padding:5px 0;}

footer #fbutton {padding:5px;text-align:center;line-height:12px;}
footer button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
footer button span{text-align:center; display:inline-block;font-size:0.9em;padding:5px 10px;}
#_toplink {background: rgba(0, 0, 0, 0) url("img/_top.gif") no-repeat scroll 0 0;bottom: 10%;display: none;height: 45px;opacity: 0.5;position: fixed;right: 3%;text-indent: -9999px;width: 45px;}

.button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.button span{text-align:center; display:inline-block;font-size:0.9em;padding:5px 15px;}

.mag{position:relative;padding:10px 15px;margin:0 auto;background-color:#f3f3f3;}
.mag dt{margin:0 auto;text-align:center;}
.mag dt img{max-width:160px;border:1px solid #DDD;}

.mag .tl_box{text-align:center;border-bottom:1px solid #ddd;margin-bottom:10px;}
.mag .tl_subs{line-height:2rem;font-size:1rem;padding:0.7rem 0 0 0; font-weight: 600;}
.mag .tl_logo img{width:65%;}
.mag .tl_ho{line-height:2rem;font-size:1.3rem;color:#444;font-weight: 100;}

.mag .btn{position:relative;margin: 0;padding-top:10px;text-align:center;}

.jbox table {
	border:0 none;
	margin:20px auto 7px;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 3px;
	
}
.jbox table td {
	padding-bottom:5px;
}
.input_box {
    border: 1px solid #DDD;
	padding: 2px 5px;
    font-size: 0.8em;
    width: 100%;
	-webkit-border-radius:1px;
	-webkit-appearance:none;
}
.jbox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.jbox button span{text-align:center; display:inline-block;font-size:1em;padding:10px;}


.jlist table {
	border:0 none;
	margin:10px auto 7px;
	font-size:0.8em;
}
.jlist table thead {
	background-color:#DDD;
}
.jlist table th, .jlist table td {
	padding:5px 0px 5px 3px;
	
}
.jlist table td {
	padding-bottom:3px;
	border-bottom: 1px solid #DDD;
}


.mailing-form .mailing-form-box{text-align:center;margin:0 auto;padding-bottom:20px;}
.mailing-form .mailing-form-box h3{font-size:1.2rem;text-align:center;margin:0 auto;padding:10px 0;line-height:1.2;letter-spacing: -0.06em;font-family:sans-serif;}
.mailing-form .mailing-form-box p{font-size:0.7rem;text-align:center;margin:0 auto;padding-bottom:10px;}

.mailing-form .mailing-form-box2{text-align:left;margin:0 auto;display: none;}

.mailing-form #mailing-email, .mailing-form .btn{border:1px solid #ddd;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:white none;height:40px;outline:0;font-size:1rem;padding:0 20px; -webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

.mailing-form #mailing-email{width:100%;}
.mailing-form .btn{text-align:center; cursor:pointer;}

.mailing-form input[type=checkbox]{vertical-align: middle;margin: 5px;}
.mailing-form input[type=radio]{vertical-align: middle;margin: 5px;}
.mailing-form label{vertical-align: middle;}

.mailing-form .agree{border:1px solid #ddd;padding:5px;margin:10px 0;color:#000;line-height:1.5;text-align:center;}
.mailing-form .agree span{margin-left:10px;}

.mailing-form-ok{text-align:center;margin:0 auto;padding:20px;display: none;}
.mailing-form-ok h3{text-align:center;margin:0 auto;padding:50px 0;font-size:1.5rem;line-height:1.2;}

.overlay_popup {	display: none;padding: 5%;width: 90%;position: fixed;top: 20%; left: 5%;background-color: #fff;border-radius: 15px;text-align: center;z-index: 11;border:1px solid #EEE;}
body.popup-open:after, .popup-open {display: block;overflow: hidden;}

.overlay_popup .popClose {position:absolute; top:20px; right:20px;}

.mailingpop-form .mailing-pop-box{margin:0 auto;padding:0px;}
.mailingpop-form .mailing-pop-box h3{font-size:1.5rem;text-align:center;margin:0 auto;padding-bottom:10px;}
.mailingpop-form .mailing-pop-box .txt1{font-size:0.9rem;text-align:left;margin:0 auto;padding-bottom:20px;}
.mailingpop-form .mailing-pop-box .txt2{font-size:11px;text-align:left;margin:0 auto;padding:20px 0 0 0;}

.mailingpop-form .mailing-pop-box ul {position:relative;display: block;margin:0;padding:0;}
.mailingpop-form .mailing-pop-box ul:after {clear: both;content: "";display: block;}
.mailingpop-form .mailing-pop-box ul li {float:left;padding:0;margin:0;border:0;text-align:left; width:100%;}

.mailingpop-form #mailing-email, .mailingpop-form .btn{border:1px solid #ddd; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; outline:0; font-size:16px; -webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.mailingpop-form #mailing-email{width:100%;height:40px; line-height:40px;padding:0px 20px;}
.mailingpop-form .btn{text-align:center; width:100%;cursor:pointer;height:42px; line-height:42px;padding:0px 20px;background:#DDD; }

.mailingpop-form input[type=checkbox]{vertical-align: middle;margin: 5px;}
.mailingpop-form input[type=radio]{vertical-align: middle;margin: 5px;}
.mailingpop-form label{vertical-align: middle;}
.mailingpop-form .agree{border:0px solid #ddd;padding:5px;margin:10px 0;color:#000;line-height:1.5;}
.mailingpop-form .agree span{margin-left:10px;}
.mailingpop-form-ok{text-align:center;margin:0 auto;padding:20px;display: none;}
.mailingpop-form-ok h3{text-align:center;margin:0 auto;padding:70px 0;font-size:1.2rem;}


.bitcoin{width:100%;margin:0 auto;border-collapse:collapse;}
.bitcoin thead td{text-align:center;border-bottom:1px solid #E1E1E1;padding: 3px 0px;margin: 0;color:#678197;font-size:0.95rem;}
.bitcoin tbody th {text-align:left; padding: 3px 3px;font-size:0.90rem;letter-spacing:-0.07rem;}
.bitcoin tbody td {text-align:right; padding: 3px 0px;font-size:0.90rem;letter-spacing:-0.07rem;}