@charset "utf-8";
/*@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');
body{font-family: 'Nanum Gothic', sans-serif;}
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;}

body {top:0 !important;}
.skiptranslate {display: none !important;}

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 {padding:0;margin:0;}
.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;}
}

.titleline2 {padding:0 3%;display:block;border-top:1px solid #e3e3e3;border-bottom:0px solid #e3e3e3; background:#ffffff url('img/next.png') 97% 50% no-repeat scroll;}
.titleline2 a {text-align:left;padding:0.7em 0 0.7em 0; margin:0;clear:both; width:90%;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
.titleline2 h3 {padding:0; margin:0;clear:both; font-size: 1.07em;cursor: pointer;}

.titleline {position:relative;border-bottom:1px solid #E5E5E5;clear:both;	height:30px; line-height:1;margin: 3% 3% 5px 3%;padding: 0 0 5px 0;}
.titleline h3 {position:absolute;left:0; border-bottom:1px solid #004080;height:30px; line-height:30px;;margin:0px;padding: 0; font-size:1.1rem;color:#004080;font-weight: 600;}
.titleline p {position:absolute;bottom:30%;right:2%; font-size:.8em;color:#777;margin:0;padding:0;}
.titleline p a{padding:0;font-size:.8em;color:#777;}

.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;}

.titleBold {position:relative;clear:both;height:33px;margin-bottom:10px;}
.titleBold h3 {color:#000;line-height:33px; padding:2px 0;margin:0; font-size:1.2rem;font-family:'Open Sans',arial,sans-serif;font-weight: 600;}
.titleBold p {position:absolute;right:5px;font-size:12px;bottom:3px;margin:0;padding:0;}
.titleBold p a {color:#888;display:block;}

/*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:5px;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%;}

.adulli2 {display: block;overflow: hidden;border:0px solid #DDD;padding:0;margin:0;}
.adulli2:after {clear: both;content: "";display: block;}
.adulli2 li {padding:0 1%;position: relative;display: inline;float: left;margin: 0;width:50%;}
.adulli2 li a{text-align:center;}
.adulli2 li img{width:100%;}


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

#Fmenu{position:fixed;left:0;top:0;z-index:2147483647;width:100%;height:100%;padding:0;background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}
#Fmenu ._fclose{color:#FFF;position:absolute;right:1em;top:1.2em;font-size:1.5em;}
.navbar-header{border-bottom:0px solid;border-color:inherit;margin:0;background:inherit;padding:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:1em;}

.navbar-bottom{border-top:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;margin:0;position:absolute;bottom:0;left:0;right:0;
background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.navbar-bottom a{width:20%;color:rgba(255,255,255,.4);box-sizing:border-box;display:block;float:left;padding:10px 0;}


.navbar-search {position: relative;  background:inherit; border-bottom: 1px solid; border-color:#FFF;padding: 0em;margin:2em 1em;}
.navbar-search form{overflow: hidden;}
.navbar-search ._fd{margin: 0;position: relative;}
.navbar-search ._leg {height: 0;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 0;}
.navbar-search ._box {background:inherit;overflow: hidden;padding: 6px 80px 4px 10px;box-shadow: none;}
.navbar-search ._keywd {background-color: transparent;border: 0 none;color:inherit;font-size: 15px;font-weight: 400;height: 28px;line-height: 20px;outline: 0 none;padding: 0;vertical-align: top;width: 100%;}
.navbar-search button {vertical-align: middle;background-color: transparent;border: 0 none;cursor: pointer;}
.navbar-search ._button {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;color:#FFF;font-size:1.3em;}
.navbar-search ._button::-moz-focus-inner {margin: 0;padding: 0;}

.navbar-category{width:100%; list-style: none; display: block;position: relative; margin: 0;text-align:center;border-top:1px solid;border-color:inherit;
 color: rgba(255,255,255,.4);font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 10px 18px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.navbar-category p{margin:0;}
.navbar-catebox{border-bottom:1px solid;border-color:inherit;min-height:300px;overflow-x: hidden;overflow-y: auto;position: relative;padding:0.5em 1em;}

#aTmenu {height:42px;clear: both;position: relative;margin: 0; padding-bottom:0px; list-style: none;border-bottom:2px solid;border-color:#F1F1F1;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:auto;overflow-y:hidden;}
#aTmenu li {float: left;list-style: none; display: block;position: relative; margin: 0;text-align:left;border-bottom:0px solid;border-color:inherit;}
#aTmenu li.jebo {background-color:#f1f1f1;}
#aTmenu li>a {color:inherit;display: block;font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 5px 15px;}

#Tmenus {}
/* @group core nav menu */
#Tmenu {width:100%; height:auto;position: relative;margin: 0; padding-left:0;padding-bottom:10px; list-style: none;border-top:1px solid;border-color:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;}
#Tmenu li {width:100%;float: left; list-style: none; display: block;position: relative; margin: 0;text-align:left;border-bottom:1px solid;border-color:inherit;}
#Tmenu>li.tsub:after {
position:absolute;
float: right;
	right:0;
	top:0;
	width:50px;
	text-align:center;
	border-left:1px solid;
	border-color:inherit;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f078";
}
#Tmenu li>a {color:inherit;display: block;font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 10px 18px;}

/* @group subnav */
#Tmenu ul {position: relative; list-style: none;display: none; margin: 0; padding: 0;border-top:1px solid;border-color: rgba(0,0,0,.15);font:inherit;font-size:14px;line-height:20px}
#Tmenu ul li {width:100%; list-style: none; display: block;position: relative; margin: 0;text-align:left;border-bottom:1px solid;border-color:inherit;}
#Tmenu ul li a {color:inherit;display:block;padding:7px 10px 7px 40px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#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 ._sbtn {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;background-color: #444;color:#FFF;}
.sch_fm ._sbtn::-moz-focus-inner {margin: 0;padding: 0;}

.sch_fm ._setl{font-size:0.95em;color:#999;margin-top:1em;margin-bottom:0;padding-bottom:4px;}
.chk_ulli {margin:0 0 0.5em 0;border-bottom:0px solid #DDD;padding:0 0 0.5em 0;}
.chk_ulli:after {clear: both;content: "";display: block;}
.chk_ulli li{float:left;padding: 4px 4px 0 0;font-size: 0.8em;}

.chk_ulli li input{width: 14px;height: 14px;vertical-align: top;}
.chk_ulli li label{display: inline-block;overflow: hidden;height: 14px;margin-left: 2px;margin-right: 5px;line-height: 14px;vertical-align: top;}

.newsSB_wrap{position: relative;margin:0;padding:0px 0;clear: both;display: block;background: linear-gradient(130deg, #0250c5 0%, #254c93 100%);}
.newsSB_wrap:after {clear: both;content: "";display: block;}
.newsSB_wrap .latest_tl{float:left;display:block;line-height: 40px;width:30%;text-align:center;}
.newsSB_wrap .latest_tl p {display:inline-block;line-height: 40px;color:#fff;font-weight:200;padding:0;letter-spacing: -0.055rem;font-size:0.90rem;margin:0;}

#newsSB_scroll {width:70%;float:right;position:relative;height:40px;overflow: hidden;padding:0px 0 0px 0%;}
#newsSB_scroll.scroll-img1 ul {width: 100%;margin: 0;padding:0;}
#newsSB_scroll.scroll-img1 ul:after {clear: both;content: "";display: block;}
#newsSB_scroll.scroll-img1 ul li {margin: 0px;padding:0;width:100%;height:40px;}
#newsSB_scroll.scroll-img1 ul li a {display:block;line-height:40px;color:rgba(255,255,255,.5); font-weight:200;font-size:0.95rem;letter-spacing: -0.025rem;padding-left:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overow: ellipsis;}
#newsSB-backward{position:absolute;right:5px;bottom:4px;z-index:3;width:20px;height:20px;}
#newsSB-forward{position:absolute;right:5px;top:4px;z-index:3;width:20px;height:20px;}

.linear-gradient {
    overflow: hidden;
    position: relative;
    padding: 12px 16px;
    background: linear-gradient(130deg, #0250c5 0%, #d43f8d 100%);
}

.dTopmenu-wrap{width:100%;height:40px; overflow: hidden; position: relative;clear:both;background-color:#39ad78;border-bottom:0px solid #DDD;}
.dTopmenu-wrap .jebo {position: absolute;left: 0;top:0;display: inline-block;width: 70px;line-height: 40px;text-align: center;background-color:#f1f1f1;font-size:0.95em; font-weight:600;letter-spacing: -0.05em;cursor: pointer;}
.dTopmenu-wrap .dTopmenu{display: block;line-height: 40px;text-align: center;margin: 0 5px;overflow: hidden;}
.dTopmenu-wrap .swiper-wrapper {padding:0;margin:0;}
.dTopmenu-wrap .swiper-wrapper li{display: inline-block;width: auto;box-sizing: border-box;}
.dTopmenu-wrap .swiper-wrapper li a{display: block;position: relative;box-sizing: border-box;padding: 0 10px;font-size:0.95em; font-weight:600;line-height: 40px;text-align: center;white-space: nowrap;color:#fff;cursor: pointer;}

.swiper-pagination-bullet1 {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: rgba(255,255,255,.8);
}
.swiper-pagination-bullet1-active {
  opacity: 1;
  background: #0094da;
}

.pagingroup {position: absolute;left: 0;text-align: center;bottom:0;width: 100%;z-index:10;padding: 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.07em;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;}


.swiperHD {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #FFF;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;top: 1%;text-align: right;width: 90%;margin:0 5%;z-index:10;padding: 5px 0;border-top: 0px solid #999;}
.paginationHD {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:0px 5px;z-index: 5;}
.swiperHD_container .swiper-slide {position: relative;width:100%;}
.swiperHD_container .swiper-slide .tltxt{position: absolute;left: 0;bottom: 0;width:100%;display:inline-block;padding:20% 5% 6% 5%;overflow: hidden;background: url("img/xbg2.png") repeat-x scroll 0 bottom transparent;}

.swiperHD_container .swiper-slide .tltxt .ctitle {font-size:1rem;letter-spacing: -0.025rem;font-weight: 600;color:rgba(255,255,255,.7);margin:0;overflow: hidden;}

.swiperHD_container .swiper-slide .tltxt a {width:100%;display:inline-block;color:#FFF;text-align:left;overflow: hidden;height:56px;}
.swiperHD_container .swiper-slide .tltxt h3 {font-size:1.35rem;letter-spacing: -0.025rem;line-height:1.4;font-weight: 600;color:#FFF;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.swiperHD_container .swiper-slide .tltxt .cate {color:#FFF;font-size:0.8rem;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:360px;overflow:hidden; border:none;margin:0 auto; display:block; background-position:50% 20%; background-repeat:no-repeat; background-size:cover;}
.swiperHD_container .swiper-slide .tlimg img{min-height:360px;opacity: 0;filter: alpha(opacity=0);}

.photo-pagination-bullet1 {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #FFF;
  opacity: 0.9;
}
.photo-pagination-bullet1-active {
  opacity: 1;
  background: #0094da;
}

.swiperPD {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperPD:after {clear: both;content: "";display: block;}
.swiperPD_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;}
.pagingroupPD {position: absolute;bottom: 0px;text-align: center;width: 100%;z-index:10;padding: 5px 0;}
.paginationPD {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:0px 5px;z-index: 5;}
.swiperPD_container .swiper-slide {position: relative;width:100%;}
.swiperPD_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);}
.swiperPD_container .swiper-slide .tltxt a {padding: 15px 15px 28px 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperPD_container .swiper-slide .tltxt h3 {font-size:1em;line-height:1.4;font-weight: 600;color:#FFF;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.swiperPD_container .swiper-slide .tltxt .cate {color:#FFF;font-size:0.8rem;line-height:1;padding-bottom:0.3rem;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperPD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto; display:block; background-position:50% 20%; background-repeat:no-repeat; background-size:cover;}
.swiperPD_container .swiper-slide .tlimg img{min-height:260px;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*/

.swiperGroup2 {width: 100%;padding-bottom:20px;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;padding-bottom:0px;}
.swiperGroup2 .swiper-container2 .swiper-slide ul{margin:0;padding:0;}
.pagingroup2 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:2;min-height: 16px;padding:0;}
.pagination2 {display: inline-block;min-height: 16px;margin: 0 auto;padding: 0 10px;}

.pagination2 .swiper-pagination-bullet {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: rgba(255,255,255,.45);
  opacity: 0.9;
}
.pagination2 .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFF;
}

.swiper-container2 .swiper-slide ul:after {clear: both;content: "";display: block;}
.swiper-container2 .swiper-slide li {width:50%; padding:0 2.5%;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:130px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;overflow: hidden;background-position:50% 10%;background-repeat:no-repeat;background-size:cover;}
.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 130px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.swiper-container2 .swiper-slide .tltxt {width:100%;display:block;padding:4% 0%;z-index:2;overflow: hidden;}
.swiper-container2 .swiper-slide .tltxt span {color:#FFF;line-height:1.4; font-weight:600;font-size:0.95em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
@media (min-width: 576px) {
	.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) {
	.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-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-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;}
}

.swiper-container2 .playon {position: absolute;padding-left: 2px;left: 10px;bottom: 10px;width: 28px;height: 28px;line-height: 24px;font-size: 12px;text-align: center;color: #fff;pointer-events: none;border: 2px solid #fff;border-radius: 50%;background: rgba(0, 0, 0, .3);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.swiper-container2 .playon .fa {line-height: 24px;width: 100%;text-align: center;}

.swiperGroup3 {width: 100%;height:200px;padding:0;margin: 0 auto;position: relative;}
.swiperGroup3 .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;}
.swiperGroup3 .swiper-container3 {width: 100%;border:0px solid #DDD;}
.swiperGroup3 .swiper-container3 .swiper-slide ul{margin:0;padding:0;}
.pagingroup3 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:10;min-height: 18px;padding:0;}
.pagination3 {background-color:#FFF;display: inline-block;min-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;}


.swiperGroup1 {width: 100%;height:auto;padding-bottom:0%;margin: 0 auto;position: relative;}
.swiperGroup1 .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;}
.swiperGroup1 .swiper-container1 {width: 100%;border:0px solid #DDD;}
.swiperGroup1 .swiper-container1 .swiper-slide ul{margin:0;padding:0;}
.pagingroup1 {position: absolute;right:10%;top:-30px;text-align: right;width: 90%;z-index:2;min-height: 18px;padding:0;}
.pagination1 {display: inline-block;min-height: 18px;margin: 0 auto;padding: 0 0px;}
.pagination1 .swiper-pagination-bullet {margin: 0 3px;width: 7px;height: 7px;display: inline-block;border-radius: 100%;background: #ddd;opacity: 0.9;}
.pagination1 .swiper-pagination-bullet-active {opacity: 1;background: #005ca0;}

.swiper-container1 .swiper-slide{width:100%;}
.swiper-container1 .swiper-slide ul:after {clear: both;content: "";display: block;}
.swiper-container1 .swiper-slide li {width:98%; padding:1%;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:160px; 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: 280px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}

#swiper-container-1 .swiper-slide{width:85%;}
#swiper-container-1 .swiper-slide .tlimg {height:160px;}

#swiper-container-13 .swiper-slide{width:45%;}
#swiper-container-13 .swiper-slide .tlimg {height:160px;}
@media (min-width: 576px) {
	#swiper-container-1 .swiper-slide .tlimg {height:180px;}
	#swiper-container-13 .swiper-slide .tlimg {height:180px;}
}
@media (min-width: 768px) {
	#swiper-container-1 .swiper-slide .tlimg {height:180px;}
	#swiper-container-13 .swiper-slide .tlimg {height:180px;}
}
@media (min-width: 992px) {
	#swiper-container-1 .swiper-slide .tlimg {height:220px;}
	#swiper-container-13 .swiper-slide .tlimg {height:220px;}
}
@media (min-width: 1200px) {
	#swiper-container-1 .swiper-slide .tlimg {height:220px;}
	#swiper-container-13 .swiper-slide .tlimg {height:220px;}
}

.swiper-container1 .swiper-slide .playon {position: absolute;padding: 0;left: 50%;top: 50%; width: 100px;  height: 50px; margin: -50px 0 0 -50px;line-height: 1.5;font-size: 2rem;text-align: center;color: #fff;pointer-events: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.swiper-container1 .swiper-slide:hover .playon,.swiper-container1 .swiper-slide:active .playon{color:red;}


.swiper-container1 .swiper-slide .tltxt {position: relative;width:100%;display:inline-block;padding:3% 5% 0 0;overflow: hidden;}
.swiper-container1 .swiper-slide .tltxt span {width:100%;display:inline-block;color:#000;line-height:1.4; font-weight:600;font-size:1.1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

#swiper-container-13 .swiper-slide .tltxt span {color:#FFF;}

.tab3swp {display: block;overflow: hidden;border-bottom:0px solid #ddd;margin-bottom:10px;}
.tab3swp:after {clear: both;content: "";display: block;}
.tab3swp>ul {display: block;overflow: hidden;padding:0;text-align:center;margin:0;}
.tab3swp>ul:after {clear: both;content: "";display: block;}
.tab3swp>ul li{list-style:none;text-align:center;margin:0;display:inline-block;width:33.33%;float:left;border-bottom:2px solid #ddd;}
.tab3swp>ul li:last-child{margin:0;}
.tab3swp>ul li>span{display:inline-block;margin:0;padding:7% 0 10% 0;color:#888;font-size:1.15rem;font-weight:600;letter-spacing:-0.025rem;}
.tab3swp>ul li.active{border-bottom:2px solid #777;}

.tab3swp>ul li.active>span{color:#000;text-decoration:none;}

.tab4swp {display: block;overflow: hidden;border:0px solid #ddd;margin-bottom:10px;}
.tab4swp:after {clear: both;content: "";display: block;}

.tab4swp>ul {display: block;overflow: hidden;padding:0;text-align:center;margin:0;}
.tab4swp>ul:after {clear: both;content: "";display: block;}

.tab4swp>ul li{list-style:none;text-align:center;margin:0px;display:inline-block;}
.tab4swp>ul li:last-child{margin:0;}
.tab4swp>ul li>span{display:inline-block;margin:0;padding:0px 15px;line-height:36px;border-radius:20px;border:1px solid #909090;font-size:0.85rem;background:#FFF;color:#0057cc;font-weight:600;letter-spacing:-0.025rem;}
.tab4swp>ul li.active>span{background:#ff435c;color:#FFF;border:1px solid #ff435c;text-decoration:none;}

.swiper-container-tabs31, .swiper-container-tabs32, .swiper-container-tabs33, .swiper-container-tabs34{overflow: hidden;}

/*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.25rem;font-weight: 600; line-height: 38px;color: #444;height:43px;margin:0;}
#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;margin: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:0.5%;}
.mbx_t4 li a {cursor: pointer;}
.mbx_t4 li.f {padding-left: 0;}
.mbx_t4 li.e {padding-right: 0;}

.sel2HD {position:relative;clear: both;display: block;overflow: hidden;margin:0px;border:0px solid #ddd;background-color:#FFF;}
.sel2HD dd {clear: both;overflow: hidden;}
.sel2HD dd.img {position:relative; float:left; margin:0;z-index:1;width:100%;overflow: hidden;background-position:50% 15%;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:200px;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;}
.sel2HD dd.subtitle p {color:#FFF;line-height:1.4; font-weight:600;font-size:0.95em;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;}

.cateHD3 {position:relative; margin:2%;clear: both;padding:0;}
.cateHD3 dl {position:relative; clear: both;display: block;margin-bottom:15px;padding-bottom:15px;height:auto;overflow: hidden;border-bottom:1px solid #f5f5f5;}
.cateHD3 dl:last-child{border-bottom:0px solid #444;margin-bottom:0px;padding-bottom:5px;}
.cateHD3 dd.zimg {float:right; width:30%; height:75px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;border-radius: 5px}
.cateHD3 dd.zimg img {vertical-align:top; width:100%; min-height:75px;display:none;}
.cateHD3 dd a {display: block;height:100%;}
.cateHD3 dd.subtitle {position:relative; max-height:75px; overflow: hidden;padding:0px 5% 0 0%;}
.cateHD3 dd.subtitle a {}
.cateHD3 dd.subtitle p {font-size:0.95em;color:#000;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;}
.cateHD3 dd p.cate{font-size:0.85em;color:#3399ff;padding-bottom:5px;}

.issueHD3 {position:relative; margin:0%;clear: both;padding:0;}
.issueHD3 dl {position:relative; clear: both;display: block;margin-bottom:10px;padding-bottom:10px;height:auto;overflow: hidden;border-bottom:0px solid #f5f5f5;}
.issueHD3 dl:last-child{border-bottom:0px solid #444;margin-bottom:0px;padding-bottom:15px;}
.issueHD3 dd {margin:0;}
.issueHD3 dd.zimg {float:right; width:30%; height:80px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;}
.issueHD3 dd.zimg img {vertical-align:top; width:100%; min-height:80px;display:none;}
.issueHD3 dd a {display: block;height:100%;}
.issueHD3 dd.subtitle {position:relative; overflow: hidden;padding:5px 5% 0 0;margin-bottom:0.5rem;}
.issueHD3 dd.subtitle a {overflow: hidden;max-height:42px;}
.issueHD3 dd.subtitle p {font-size:0.95em;color:#000;margin:0;padding:0;font-weight:bold;line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.issueHD3 dd.winfo {position:relative;overflow: hidden;font-size:12px;color:#888;padding:0px 5% 0 0%;}
.issueHD3 dd.winfo a {color:#888;}
.issueHD3 dd .wdate {color:#888;letter-spacing: -0.055rem;}

.issueHD3 dd.conts {overflow: hidden;padding:0px 0% 0 5%;max-height:44px;}
.issueHD3 dd.conts a {font-size:0.85em;color:#999;font-weight:200;line-height:1.4;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}

.issueHD3 dd p.iss a{font-size:0.85em;color:#ff3366;padding-bottom:5px;}


.newline2 {position:relative;overflow: hidden;margin:0;padding:10px;border:1px solid #DDD;}
.newline2 dt {display: block; overflow: hidden;margin-bottom:0.8rem;}
.newline2 dt a {    display: block;position: relative; padding-left: 10px;display: block;font-size:1rem;color:#000;font-weight:400;line-height:1.4;overflow: hidden;outline: none;white-space:nowrap;text-overflow:ellipsis;letter-spacing: -0.025rem;}
.newline2 dt a.subj::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    background-color: rgba(0,0,0,.35);
    border-radius: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}

.newline2 .vtl{}
.newline2 .vtl img{width:100%;}


.HD2iList {position:relative; clear: both;padding:0px;margin:0 0%;}
.HD2iList:after {clear: both;content: "";display: block;}

.HD2iList dl {float:left;margin:0;padding:1%;overflow: hidden;border-top:0px solid #e8e8e8;width:50%;}
.HD2iList dd.img {width:100%; height:105px; margin:0;overflow: hidden;display: block;border:1px solid #EEE; background-position:50% 40%; background-repeat:no-repeat; background-size:cover;}
.HD2iList dd.img img {vertical-align:top; width:115px; min-height:105px;display:none;}
.HD2iList dd.subj {position:relative;width:100%;max-height:66px; overflow: hidden;padding:3% 0;}
.HD2iList dd.subj p {margin:0;display: block;font-size:0.95em;color:#000;font-weight:bold;line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.HD2iList .newL{width:100%;display: block;overflow: hidden;margin:0;padding:1%;border-top:1px solid #e3e3e3;}
.HD2iList .newL li {display:block;border-bottom:1px solid #e3e3e3;}
.HD2iList .newL li a {text-align:left;padding:5px 0; line-height:30px;color:#333;margin:0;clear:both;font-size: 0.95em;font-weight:bold;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
.HD2iList .newL li:last-child{border:0;}

.HD1iList {position:relative; clear: both;padding:0px;margin:0 0%;}
.HD1iList:after {clear: both;content: "";display: block;}

.HD1iList dl {position:relative;margin-bottom:3%;padding:0%;overflow: hidden;}
.HD1iList dd.img {float:left;width:32%; height:95px; margin:0;overflow: hidden;border:1px solid #EEE; background-position:50% 10%; background-repeat:no-repeat; background-size:cover;}
.HD1iList dd.img img {vertical-align:top; width:100%; min-height:95px;display:none;}
.HD1iList dd.subj {float:right;width:65%;max-height:66px; overflow: hidden;padding:1% 0;margin:0;}
.HD1iList dd.subj p {display: block;margin:0;font-size:1.05rem;color:#000;font-weight:bold;line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.HD1iList dd.conts {float:right;width:65%;max-height:66px; overflow: hidden;padding:0;margin:0;}
.HD1iList dd.conts p {margin:0;display: block;font-size:0.85rem;color:#444;font-weight:200;line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.HD1iList .newL{width:100%;display: block;overflow: hidden;margin:0;padding:1% 0;border-top:1px solid #e3e3e3;}
.HD1iList .newL li {display:block;border-bottom:1px solid #e3e3e3;}
.HD1iList .newL li a {text-align:left;padding:5px 0; line-height:30px;color:#333;margin:0;clear:both;font-size: 0.95em;font-weight:bold;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
.HD1iList .newL li:last-child{border:0;}

.opiHD3 {position:relative; margin:0;clear: both;padding:0;}
.opiHD3 dl.f {position:relative; clear: both;height:100%;display: block;margin:0 0 19px 0;padding-bottom:0;overflow: hidden;border-bottom:0px solid #ddd;}
.opiHD3 dl.f .zimg{position:relative;width:100%; height:205px; margin:0;overflow: hidden;display: block; background-position:50% 15%;background-repeat:no-repeat;background-size:cover;}
.opiHD3 dl.f .zimg img {vertical-align:top; width:100%; min-height:205px;display:none;}
.opiHD3 dl.f dd.subtitle {position:relative; clear: both;overflow: hidden;padding:0;padding-top:1rem;margin:0;}
.opiHD3 dl.f dd.subtitle a {display: block;overflow: hidden;padding:0 5%;}
.opiHD3 dl.f dd.subtitle p {font-size:1.1rem;color:#000;font-weight:600;line-height:1.4;margin:0;padding:0;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.opiHD3 dl.f dd.stitle {position:relative; max-height:88px; overflow: hidden;padding:10px 0px 0 0px;}
.opiHD3 dl.f 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.f dd.conts {position:relative; max-height:140px; overflow: hidden;padding:15px 0px 0 0px;}
.opiHD3 dl.f 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:0 5% 15px 5%;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:50% 15%;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:10px 0.5% 0 2%;}
.opiHD3 dd.subtitle a {}
.opiHD3 dd.subtitle p {font-size:1rem;color:#000;font-weight:600;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 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;}

/*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:50% 15%;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:50% 15%;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:50% 15%;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:25%;}
.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;height:30px;line-height:25px;width: 100%;border-bottom:1px solid #e5e5e5;}
.tab_g_container .panel-container ul li:first-child {}
.tab_g_container .panel-container ul li a {display: inline-block;outline: medium none;padding: 0;border-left:0;border-bottom:0px solid #ddd;color:#444;font-size:14px;}
.tab_g_container .panel-container ul li a:hover {text-decoration: none;color:#999;}
.tab_g_container .panel-container ul li span {float:right;display: inline-block;padding: 0;border-left:0;color:#777;font-size:12px;}
.tab_g_container .panel-container ul li:last-child a{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;background-color:#FFF;}
.movSD dl {position:relative; padding:0;overflow: hidden;width:100%;margin:0;}
.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;font-size:13px;line-height:18px; letter-spacing:-1px;}

.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;max-width:100%;}
#listWrap {background-color:#FFF; display:block;position:relative;overflow:hidden;margin: 3% 3% 5px 3%;padding: 0 0 5px 0;}
#listWrap .line{border-bottom: 1px solid #f5f5f5; 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% 1% 3%;padding: 0;}
.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:65%; font-size: 1rem;font-weight: bold; letter-spacing: -1px; line-height: 22px; margin: 0; } 
.listdtype dd {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;}


.viewConts .summary_title {display: block;position: relative;padding-left: 20px;margin: -4px 0 27px;font-weight: 600;line-height: 1.5;	color:#000;font-size:1.1rem;}
.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:3px auto; text-align:center;padding:0;}
.viewSns ul {display: table;margin-left: auto;margin-right: auto;padding:0;}
.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:28px;height:28px;-webkit-border-radius:28px;border-radius:28px}
.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:28px;border-radius:28px;padding-top:5px;height:22px;}

.viewSns .font {right:0px;bottom:0px;position:absolute;}
.viewSns .font li {height:35px;float:left;padding:0;}
/*좋아요*/
.ftSns {display: block; margin:0 auto; text-align:center;padding:0px;width:100%;}
.ftSns .good-grp{float:left;width:50%;text-align:center;}
.good-btn{display: inline-block;height: 40px;border: 1px solid #d3d3d3;color:#444;margin: 0 auto;padding:0 25px;border-radius: 30px;line-height: 40px;vertical-align: middle;}
.good-btn:hover, .good-btn:active, .good-btn.sel {text-decoration: none;color: #f25632 !important;}
.good-btn .fa {font-size:30px;vertical-align:middle;padding-right:10px;}
.good-btn .num {line-height: 40px;font-size:20px;vertical-align:middle;}

.ftSns .sns-grp {float:right;width:50%;text-align:center;}
.ftSns .sns-grp a{color:#444;display: inline-block;margin:0 5px;padding:0;}
.ftSns .sns-grp .fa {font-size:1.5rem;vertical-align:middle;line-height:40px;height:40px;width:40px;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:50%;border-radius:50%;}

/* 공유하기 */
.layer_modal_wrap {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999999999;}
.layer_modal_wrap .overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
.layer_modal_wrap .share-layer {display:block;}
.share-layer {display:none; position: absolute; top: 50%; left: 50%; width:330px; height:300px;overflow:auto; background-color:#fff; border: 1px solid #DDD; z-index: 10;}	
.share-layer .share-pop-container {padding: 25px;margin:0 auto;}
.modal_head {position: relative;display: block;padding: 0;height: 40px;}
.modal_head:after {display: block;content: '';clear: both;}
.modal_head .pop-title {display: block;font-size: 20px;color: #000;text-align: center;font-weight: bold;padding: 0;line-height: 40px;color: #000;}
.modal_head .pop-close {position: absolute;right: 0px;top: 0;margin-top: 0px;width: 16px;height: 16px;}
.modal_head .pop-close .fa{color:#444;font-size:20px;}

/* 공유하기 레이어 */
#share-pop .share_list {margin:0;padding:0;overflow:hidden;}
#share-pop .share_list li {float:left;margin:0; width:25%;}
#share-pop .share_list li a {display:block;text-align:center;margin-bottom:10px;}
#share-pop .share_list li a span {display:inline-block;text-align:center;width:50px;height:50px;font-size:0;color:transparent;background:url("/images/sns/ico_share.png") no-repeat 0 0;background-size:350px 50px;}
#share-pop .share_list li a .icon_facebook {background-position:0 0;}
#share-pop .share_list li a .icon_twitter {background-position:-50px 0;}
#share-pop .share_list li a .icon_kakaotalk {background-position:-100px 0;}
#share-pop .share_list li a .icon_line {background-position:-150px 0;}
#share-pop .share_list li a .icon_kakaostory {background-position:-200px 0;}
#share-pop .share_list li a .icon_band {background-position:-250px 0;}
#share-pop .share_list li a .icon_naver {background-position:-300px 0;}
#share-pop .share_list li.url {clear:both;position:relative;float:none;margin:0;padding-top:30px;width:100%;}
#share-pop .share_list li.url .url_input {float:left;display:inline-block;width:70%;height:36px;padding:0 2%;border:1px solid #dee0e3; border-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:36px;color:#4d4d4e;background:#fafafa;vertical-align:middle;}
#share-pop .share_list li.url .btn_copyurl {display:inline-block;width:24%;height:36px;border:1px solid #d9dcdf;font-size:13px;line-height:36px;color:#363636;background:#e0e2e4;text-align:center;vertical-align:middle;}
#share-pop .share_list li.url .txt {position:absolute;display:none;top:5px;left:0;width:227px;height:20px;padding:0 10px;}

/* 기사보기 */
.viewTitle {position:relative; overflow: hidden; margin:0 0 10px 0;background-color:#fff; padding:5px 0;}
.viewTitle dl {margin:0;padding:0;} 
.viewTitle dt {line-height: 25px; margin: 0px 0 7px 0; text-align:left;} 
.viewTitle dt h3 {font-size: 1.85rem; letter-spacing: -0.09em; line-height: 1.4; margin: 0;font-weight:400;color:#000;}
.viewTitle dd { font-size: 0.8em; line-height: 1; text-align:center;padding:5px 0;}
.viewTitle dd a{color:#999;}
.viewTitle dd.subtitle { font-size: 17px; color:#336633; line-height: 25px;}
.viewTitle .date { padding: 1px 0 0 7px; color: #999; font-size: 0.85rem; letter-spacing: -1px; font-family: Verdana; } 
#viewWrap .viewConts { position: relative; overflow: hidden; padding: 5% 0 5% 0; font-size:1.1rem; line-height: 1.6; letter-spacing: -1px;color:#222;text-align:justify;border-top:0px solid #DDD;}
#viewWrap .viewConts p {margin-bottom:0;}
#viewWrap .viewConts a {display: block;}
#viewWrap .viewConts a img {vertical-align:top;}

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

#view_wrap{padding-top:10px;}
#view_wrap .fileup {
	width  : 100%;
	height : auto;
}
.viewConts figure {margin:0;padding:0;}

.vod3List {position:relative; margin:0px;clear: both;padding:0;}
.vod3List dl {position:relative; clear: both;display: block;margin-bottom:10px;padding-bottom:10px;overflow: hidden;border-bottom:1px solid #e8e8e8;}
.vod3List dl:last-child{border-bottom:0px solid #444;margin:0;padding:0;}
.vod3List dd.zimg {float:left; width:130px; height:75px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:50% 20%;background-repeat:no-repeat;background-size:cover;}
.vod3List dd.zimg img {vertical-align:top; width:130px; min-height:75px;display:none;}
.vod3List dd.zimg a {display: block;width:130px; min-height:75px;}
.vod3List dd.subtitle {position:relative; max-height:75px; overflow: hidden;padding:3px 0px 0 10px;}
.vod3List dd.subtitle a {display: block;font-size:14px;color:#000;font-weight:600;line-height:1.4;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.vod3List dd.winfo {position:relative;overflow: hidden;font-size:12px;color:#8a8a8a;padding:2px 0px 0 10px;}
.vod3List dd.winfo a {color:#8a8a8a;}


/*뉴스상세보기 페이지 */
.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: bold; }
.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 {padding:0;margin:0;display: block;}
.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.07em;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
.bbsList li:first-child{}
.bbsList li:last-child{border:0;}

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

.newsList {display:block;padding:1%;margin:0;}
.newsList:after {content:""; display:block; clear:both;}
.newsList li {display:block;border-bottom:1px solid #e3e3e3;}
.newsList li a {text-align:left;padding:0.7em 0 0.7em 0; margin:0;clear:both; width:100%;font-size: 1em;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;color:#000;}
.newsList li:first-child{}
.newsList li:last-child{border:0;}

/*랭킹 리스트*/
.rankList {padding:0;margin:0;display: block;}
.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:0px solid #444;background-color:#444;color:#FFF;}
.rankList li .num {position:absolute;margin:0.5rem 0.3rem;display:block;width:24px;height:auto;font-size:1.1rem;border:0px solid #DDD;text-align:center;background-color:#DDD;}
.rankList li a {padding:0.7rem 20px 0.7rem 35px; clear:both; font-size: 1rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}


.rankHDList {position:relative; margin:0%;clear: both;padding:0;}
.rankHDList dl {position:relative; clear: both;display: block;margin-bottom:15px;padding-bottom:15px;height:auto;overflow: hidden;border-bottom:1px solid #f5f5f5;}
.rankHDList dl:last-child{border-bottom:0px solid #444;margin-bottom:0px;padding-bottom:15px;}
.rankHDList dd.num {float:left; width:10%; line-height:85px; margin:0;overflow: hidden;display: block;text-align:center;font-weight:bold;font-size:1.5em;font-style: italic;}

.rankHDList dd.zimg {float:left;position:relative; width:35%; height:85px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:50% 10%;background-repeat:no-repeat;background-size:cover;}
.rankHDList dd.zimg img {vertical-align:top; width:100%; min-height:85px;display:none;}
.rankHDList dd a {display: block;height:100%;}
.rankHDList dd.subtitle {float:left; width:45%; position:relative; max-height:44px; overflow: hidden;padding:0 0% 0 3%;margin:0;}
.rankHDList dd.subtitle p {font-size:0.95em;color:#000;margin:0;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;}

.rankHDList dd.conts {float:left; width:45%; position:relative; max-height:36px; overflow: hidden;padding:1% 0% 0 3%;margin:0;}
.rankHDList dd.conts p {font-size:0.80em;color:#111;margin:0;font-weight:200;line-height:1.3;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.rankHDList dd p.iss a{font-size:0.85em;color:#ff3366;padding-bottom:5px;}

.rankHDList .playon {position: absolute;padding-left: 2px;left: 10px;bottom: 10px;width: 28px;height: 28px;line-height: 24px;font-size: 12px;text-align: center;color: #fff;pointer-events: none;border: 2px solid #fff;border-radius: 50%;background: rgba(0, 0, 0, .3);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.rankHDList .playon .fa {line-height: 24px;width: 100%;text-align: center;}


/*포토리스트*/
#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 .Photo_newslist_box:hover, .Photo_newslist4 .Photo_newslist_box:hover{border: 1px solid #f46957;}

.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;}

/*thema뉴스*/
.themaWrap {position:relative;clear:both; margin-bottom: 10px;padding-top:0;overflow:hidden;}
.thema_newslist{clear: both;float: left;margin-top: 5px;width: 100%;display: block;}
.thema_newslist li{float:left;width:49%;margin-right: 2%;background-color:#FFF;margin-bottom:4%;}
.thema_newslist li.e{margin-right: 0px;}
.thema_newslist li:hover{border: 0px solid #f46957;}
.thema_newslist .firstimg{background-color:#FFF;text-align:center;width:100%;height:115px;overflow:hidden;margin:0px;border:0px solid #DDD;padding:0;}
.thema_newslist .firstimg a{display: block;vertical-align:middle;overflow:hidden;}
.thema_newslist .firstimg img{overflow:hidden;padding:0;margin:0 auto;width:100%;min-height:115px;}
.thema_newslist .subject_noimg{text-align:center;padding:20px 10px;line-height:1.5;border:1px solid #DDD;height:160px;}
.thema_newslist .subject_noimg a{color:#444;font-size:22px;display: block;overflow:hidden;font-weight:bold;}
.thema_newslist .subject{text-align:left;padding:5px 0;line-height:1.4;}
.thema_newslist .subject a{color:#444;font-size:.95em;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;}
.thema_newslist .byline{position:absolute;left:5px;bottom:5px;color:#333;font-size:12px;line-height:20px;padding:0;display: block;}

.thema_newslist .Photo_newslist_box{position: relative;padding-bottom:10px;display: block;height:170px;border:1px solid transparent;margin:0 auto;}
.thema_newslist .Photo_newslist_box:hover{border: 1px solid #f46957;}



.proListImg {position:relative; padding:10px 0;border-bottom: 1px solid #DDD;}
.proListImg dt {overflow: hidden;}
.proListImg dt h3 {font-size:16pt; font-weight:bold; letter-spacing:-2px;overflow: hidden;padding:1px 0px;}
.proListImg dd.img {position:relative; float:left; width:100px; height:80px; margin-right:10px;overflow: hidden;border:1px solid #DDD;text-align:center;}
.proListImg dd.img img {vertical-align:top;}
.proListImg dd.txt {height:80px; margin-left:10px;overflow: hidden;}
.proListImg dd .ico{margin-top:3px;}
.proListImg dd .name{margin-top:3px;}
.proListImg dd .name a{font-size:1em;}

.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;}
#lineBox25{position:relative;overflow:hidden;margin:0 auto;padding:10px 25px;}

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

.lineBox2{position:relative;overflow:hidden;margin:0 auto;padding:1%;background-color:#f5f5f5;}
.lineBox2 .pbox{padding:0 1%;position:relative;overflow:hidden;background-color:#FFF;border:1px solid #eee;}


.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:50% 15%; 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 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 0;line-height: 1.2;  font-size: 0.85rem !important; color: #444;font-style: italic;}


figure.image{width:100%;height:auto;border:0;padding:0;margin:0;text-align:center;}
figure.image figcaption{border:0;padding:0;margin:0;text-align:center; font-size: 0.85rem !important; color: #444;}


.down_nfile{border:1px solid #DDD;display:inline-block;margin-bottom:10px;padding:3px 10px;}
.down_nfile a{display:block;color:#444;font-size:0.75rem;}
.down_nfile .st{color:#999;font-size:0.55rem;}

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

.jnlistbox{position: relative; overflow: hidden; margin: 0;padding:0;border: 1px solid #DDD;}
.jnlistbox:after {content:""; display:block; clear:both;}
.jnlistbox .wtinfo{position: relative;padding: 15px 20px;}
.jnlistbox .wtinfo .wimg{float: left;overflow: hidden; width:24px; height:24px;padding:0;border: 1px solid #DDD;border-radius: 12px;-wekikit-border-radius: 12px;margin-right:10px;}
.jnlistbox .wtinfo .wimg img{width:24px; height:24px;padding:0;}
.jnlistbox .wtinfo .wname {line-height:26px;display:inline-block;margin:0;font-size:0.95rem;font-weight:200;}
.jnlistbox .wtinfo .wmail{line-height:26px;display:inline-block;margin:0;float: right;}
.jnlistbox .wtinfo a{color:#888;}
.jnlistbox .wtconts{position: relative;padding: 25px 20px 15px 20px;border-top:1px solid #DDD;text-align:center;}
.jnlistbox .wnview{position: relative;line-height:26px;display:inline-block;margin:0 auto;text-align:center;font-size:0.95rem;border-top:3px solid #444;clear:both;padding-top:5px;}
.jnlistbox .wnlist{position:relative;display:block;margin:15px 0 0 0;padding:0;}
.jnlistbox .wnlist:after {clear: both;content: "";display: block;}
.jnlistbox .wnlist li {overflow: hidden;margin-bottom:5px;padding-left:0;width:100%;text-align:left;}
.jnlistbox .wnlist li a{color:#222;font-size:15px;line-height:22px;height:22px; font-weight:200;overflow: hidden;display: block;padding: 0;white-space:nowrap;text-overflow:ellipsis;}

.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:940px;}

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;}

.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;margin:0;padding:0;}
.tmenuList li {float: left;width: 25%;border: 1px solid #EFEFEF;}
.tmenuList li a {
    color: #3449AA;
    display: block;
    font-size: 0.789em;
    height: 37px;
    line-height: 39px;
    text-align: center;
    white-space: nowrap;
}


.tmenuList2 {overflow: hidden;position: relative; background: none repeat scroll 0 0 #FCFCFC;margin:0 3%;padding:0;}
.tmenuList2 li {float: left;width: 33.2%;padding:2px;}
.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 #a5d3f7;
}

.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:50% 15%;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;}


.mfsns {position: relative;border:0 none;margin:0 auto;padding:0;border-spacing:0;border-collapse:collapse;word-wrap:break-word;width:100%;}
.mfsns:after {clear: both;content: "";display: block;}
.mfsns li {float: left;width: 25%;padding:0;margin:0;}
.mfsns li a{position:relative;padding:0;margin:0;line-height:25px;display: block;}
.mfsns a.icon img{width:25px;}
.mfsns a span.snstitle{position:absolute;font-size:11px;line-height:25px;display:inline-block;vertical-align:middle;padding:0 3px;}


.flinkbox {position: relative;text-align: center;padding:0em;overflow: hidden;margin:0 auto;background-color:#f1f1f1;}
.flinkbox:after {clear: both;content: "";display: block;}
.flinkbox li {float:left;padding:0;margin:0 auto;list-style-type: none;text-align:center;width:25%;}
.flinkbox li.bg_none {background:none repeat scroll 0 0 transparent;padding: 0px 0px 0px 5px;}
.flinkbox li a{color:#111;line-height:32px;height:32px;}
.flinkbox li::before {
  content: '';
  position: absolute;
  border-right:1px solid #DDD;
  right: 0;
  top:25%;
  height:50%;
}
.flinkbox li:last-child::before {
  content: '';
  position: absolute;
  border:none;
}

footer {background-color:#414141;margin-top:0px;border-top:0px solid #6d8998;padding-bottom:70px;}
footer .bar {color:#b2b2b2;padding:0px 5px; font-size:0.75;}
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: 0.725em;color:#fff;padding:10px;text-align:left;line-height:1.3;}
footer #footaddr p {margin:0;}
footer #footaddr a {color:#fff;}
footer #footaddr .cpr {position: relative;color:#fff;font-size:1em;padding:0.5em 0 0 0;}
footer #footaddr .mtre {position: absolute;right: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:200;}

.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;}


._homepage{position:relative;margin:1rem;padding:0;font-size:1rem;line-height:1.8;}/**/
._homepage p {font-size:0.95em;text-align: justify;}
._homepage img {max-width:100%;}
._homepage ul{list-style:disc outside;margin-left: 1.25rem;}
._homepage ul li{list-style:disc outside;padding-bottom:1rem;font-size:14px;text-align: justify; color:#0e5f28;}

._homepage .hLeft {float:left;width: 100%;overflow: hidden;}
._homepage .hRight {float:left; width: 100%;padding: 0;border:0px solid #1a1a1a;overflow: hidden;}

._ceomsg h3{padding:0;line-height:1.3;font-size:1.7rem;letter-spacing:-0.055rem;text-align:left;text-decoration:none;margin-bottom:0px; font-weight:500;color:rgba(0,0,0,0.8);}
._ceomsg h3 span.ob{font-size:2.5rem;color:#ff9966;}

.half_HL {}
.linear_HL{display: inline-block;height:30px;padding:0;margin:0;line-height:1.7;font-size:1rem !important;letter-spacing:0;text-align:left;text-decoration:none;border-bottom: 2px solid rgba(12, 161, 252, 0.3);box-shadow: 0 -6px 0 rgba(12, 161, 252, 0.3) inset;}
.linear_HL span.cname{font-size:1.5rem !important;color:#000}

.hpage1t {position: relative;width:100%;border-top:1px solid #DDD;display: block;padding-top:25px;}
.hpage1t:after {clear: both;content: "";display: block;}

.hpLeft {position: relative;float:left;width: 20%;overflow: hidden;padding:0;}
.hpRight {position: relative;float:right; width:78%; overflow: hidden;padding:0px;}

.hpRight ul{list-style:none;margin:0;padding:0;}
.hpRight ul li{position:relative;list-style:none;padding:0 0% 10px 10px;font-size:1rem; color:#0e5f28;}
.hpRight ul li::before {
	content:"\A";
	width:2px;height:2px;border-radius:50%;background: #444;display:inline-block;
	position: absolute;top:14px;left:0px;
}

.ceo_photo{border:1px solid #0089d8;width:100%;}
.ceo_photo dd{border:0;padding:0;margin:0;font-size:0;}
.ceo_photo dd img{width:100%;}
.ceo_photo dt{background-color:#0089d8;color:#FFF;font-size:1em;text-align:center;}

.sign {font-size:1.5em; color:#000; line-height:1.6; font-family: 'Nanum Myeongjo',serif; font-weight:200;}

p.sky {font-family:'NotoKrR'; font-weight:200; color:#0089d8;line-height:2.5;}
p.strong{font-size:1.5rem; line-height:1.5; letter-spacing:-0.025rem; font-weight:600; padding:20px 0;}

p strong.blue {font-family:NotoKrB; font-weight:200; color:#385ea2;}
p strong.sky {font-family:NotoKrB; font-weight:200; color:#0089d8;}
p strong.black {font-family:NotoKrB; font-weight:200; color:#313131;}
p strong.green {font-family:NotoKrB; font-weight:200; color:#2b8b4a;}

h3.tl {font-size:1.5em; color:#444; line-height:1.6; font-family:'NotoKrL'; font-weight:600; padding-bottom:25px;line-height:1.5; letter-spacing:-0.055em;}
h3.tl .blue {font-family:NotoKrB; font-weight:200; color:#385ea2;}
h3.tl .sky {font-family:NotoKrB; font-weight:200; color:#0089d8;}
h3.tl .green {font-family:NotoKrB; font-weight:200; color:#2b8b4a;}

h3.tl1 {position: relative;font-size:1.8em; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:200; padding-bottom:25px;margin-bottom:0px;}
h3.tl1:after {content:'';position:absolute;top:1px;left:0%;width:10%;height:1px;background-color:#0082cb}

h3.tl2 {position: relative;font-size:1.8em; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:200; padding-bottom:25px;margin-bottom:0px;}
h3.tl2:after {content:'';position:absolute;top:1px;left:45%;width:10%;height:1px;background-color:#0082cb}


table td.tl_img{width:20%;}
.c_header{position: relative;text-align:left;color: #111;margin: 0 auto;padding: 0rem 1rem;}
.c_header h3{width:100%;text-align:left;font-size:1.45rem;font-family: 'NotoKrL', serif;line-height: 1.4;letter-spacing: -0.051em;font-weight:200;}
.c_header h3 strong{color: #000  !important;}
.c_header h3 .cred{color: #c81919  !important;}
.c_header p{width:100%;text-align:left;font-size:1.2rem;font-family: 'NotoKrL', serif;line-height: 1.4;letter-spacing: -0.051em;font-weight:200;padding-top:0.5rem;}
.c_header p strong{color: #000  !important;}
.c_header p .cred{color: #c81919  !important;}

.c_conts{position: relative;z-index: 9;margin: 0 auto;background-color: #fff;padding: 1rem 1rem;}
.c_conts .ico{padding: 2rem 1rem;text-align: center;}
.c_conts .ico .fa{font-size: 3rem;color: rgba(1,1,1,.09);}
.c_conts p{font-size: 16px;line-height:1.8;}


.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;}

.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;color:#3399ff;}
.tab_rank_container .panel-container {zoom:1;background: #fff none repeat scroll 0 0;margin: 0;padding: 10px;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.07em;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.07em;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;}

/* mrte inc ad*/
.ad_mtre_headertop{position: relative; padding: 0; margin: 0 auto;text-align:center;}
.ad_mtre_lr50{width:100%;display: block;overflow: hidden;padding:0;margin:10px 0;}
.ad_mtre_lr50:after {clear: both;content: "";display: block;}
.ad_mtre_lr50 li {width:50%;display: inline;float: left;padding:0;margin: 0 auto;text-align:center;}

._admanager{position: relative;display: block;border:1px solid red;min-height:20px;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:99;padding:0 10px;}
._admanager a.close{position: absolute;right:0;top:0;font-size:11px;background-color:red;color:#FFF;z-index:99;padding:0 10px;}

._admanager2{position: relative;display: block;border:0px solid blue;min-height:19px;min-width:200px;box-sizing:border-box;}
._admanager2:after {clear: both;content: "";display: block;}
._admanager2 .tl{position: absolute;left:0;top:0;font-size:11px;background-color:blue;z-index:9;padding:0 5px;}
._admanager2 .tl a{font-size:11px;color:#FFF;padding:0;}
._admanager2 a.adm{position: absolute;right:0;top:0;font-size:11px;background-color:blue;color:#FFF;z-index:9;padding:0 5px;}

._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;}

/* ---- 에러 페이지 (404 error) ---- */
.error-zone{position:relative;padding:100px 0;text-align:center;}
.error-zone .icon{font-size:5rem;color:#ccc;text-align:center;}
.error-zone .msg{font-size:1.5rem;line-height:1.5;color:#ccc;text-align:center;letter-spacing: -1px;}
.error-zone strong{display:block;margin-top:18px;font-weight:600;font-size:1.25rem;color:#666;text-align:center;}
.error-zone .btn-home{margin-top:50px;}
.btn-home{display:inline-block;position:relative;width:170px;height:45px;background:#0068d1;font-size:1rem;color:#fff !important;line-height:45px;text-align:center;}
.btn-home span{display:inline-block;position:relative;height:100%;padding-left:24px;margin-left:-24px;}
.btn-home span:before{content:'';position:absolute;top:17px;left:0;width:13px;height:12px;}
.btn-home:hover{text-decoration:none;}


.pageindex {overflow: hidden;position: relative; padding:10px;display: inline-block;}
.pageindex ul {position: relative;display: block;clear: both;margin: 0 auto;border: 0px solid #DDD;padding:0;list-style: none;}
.pageindex ul:after {content:""; display:block; clear:both;}
.pageindex li {float: left;padding:0px;margin:0 5px 2px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.pageindex li:last-child {border-right:0px !important;}
.pageindex li a{
text-decoration:none;
font-size:0.85rem;
    color: #121a3a;
    display: block;
	padding: 3px 10px;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;overflow: hidden;
	border:1px solid #eee;border-radius:5px;-wekikit-border-radius: 5px;
}
.pageindex .sel {overflow: hidden;}
.pageindex .sel a{font-weight: bold;background-color:#bfe2fd;text-decoration:none;}
.pageindex .n{border:none;}
.bbs_wrap{margin:0 3%;}

.form-gnp{position: relative;margin-top:20px;}
.form-label{position: relative;margin: .25em 0;}
.form-label label{font-size:0.9rem;padding-left:10px;color:#777;}
.form-field{position: relative;border: 1px solid rgba(0,0,0,.12);margin: .25em 0;background-color: #FFF;border-radius: 5px;padding:5px 10px;}
.form-field:hover{border: 1px solid rgba(0,0,0,.7);}
.form-text{position: relative;margin: .25em 0;padding:10px 0;outline:0;overflow: hidden;width:100%;}
.form-conts{position: relative;border: 0px solid rgba(0,0,0,.12);margin: .25em 0;background-color: #FFF;padding:5px 5px;}

.form-gnp .alert{font-size:0.75rem;padding:0px 10px;line-height:1.4;letter-spacing: -0.025rem;}

.form-field input {color: #111;font-size: 0.9rem;line-height: 1.4;padding: 0% 0;width:100%;border:0;outline:none;}
.form-field select {border: 1px solid #bdbdbd;color: #444;height: 30px;line-height: 28px;padding-left: 0.75em;margin:0;}
.form-field textarea {background: #fff none repeat scroll 0 0;border: 1px solid #cecece;color: #6e6e6e;font-size: 0.9rem;height: 64px;line-height: 1.5;padding: 0 0.75em;width: 500px;}

/*home css*/
.spt_conts {position:relative;line-height:1.5;margin:1rem;}
.spt_conts hr{clear: both;height: 0;margin: 1.25rem auto;border-top: 0;border-right: 0;border-left: 0;max-width: 100%;border-bottom: 1px solid rgba(0,0,0,.1);}
.spt_conts a {color:#111;}
.spt_conts .h_conts {position:relative;padding:2%;margin-bottom:20px;border:1px solid #eee;background-color:#f7f7f7;}
.spt_conts .p_header{font-size:1rem;}
.spt_conts .p_conts {position:relative;padding:2%;margin-bottom:20px;}
.spt_conts .p_conts h3 {margin-bottom:20px;font-size:1.2rem;color:#111;}
.spt_conts .p_conts h4 {margin-top:10px;margin-bottom:10px;font-size:1rem;color:#444;}
.spt_conts .p_conts p {margin-bottom:5px;}

.spt_ifram {position:relative;padding:1rem;margin:0;}
.spt_ifram h3 {font-size:0.95rem;font-weight:600;margin-bottom:1.5rem;}
.spt_ifram h4 {font-size:0.85rem; font-weight:600;}
.spt_ifram p {font-size:0.75rem;}


.ol_p_list {  display: block;clear: both;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 35px;}
.ol_p_list:after {clear: both;content: "";display: block;}
.ol_p_list li {float: left;padding: 1% 1%;position: relative;width:98%;list-style: outside;list-style-type: decimal;}
.ol_p_list li a {cursor: pointer;font-size:0.95rem;}
/*목차*/
.ul_p_list {width: 100%;display: block;overflow: hidden;}
.ul_p_list:after {clear: both;content: "";display: block;}
.ul_p_list li {display: inline;float: left;padding: 1% 1%;position: relative;width:48%;}
.ul_p_list li a {cursor: pointer;font-size:0.95rem;}

.tbl_data{width:100%;font-size:14px;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;border-bottom:1px solid #e0e0e0;}
.tbl_data caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data thead th{padding:15px 8px;font-size:14px;text-align:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#006db8;background:#f3faff;}
.tbl_data thead th:first-child{background-image:none;}
.tbl_data tbody td{padding:15px 8px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;font-size:13px;letter-spacing:-0.025em;}
.tbl_data tbody th{padding:15px 8px;font-size:14px;font-weight:bold;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-0.025em;text-align:left;background:#f9fbfd;}
.tbl_data tbody th.txt_normal{font-weight:normal;}
.tbl_data tbody th.td_line{border-right:1px solid #e0e0e0;}

.tbl_data tbody td:first-child{border-left:0;}
.tbl_data tbody td:first-child{border-left:0;}
.tbl_data tbody td.txt_left{text-align:left;}
.tbl_data tbody td.txt_right{text-align:right;}
.tbl_data tbody.txt_right td{text-align:right;}
.tbl_data .txt_right2 td{text-align:right;}
.tbl_data tbody td.td_line{border-right:1px solid #e0e0e0;}
.tbl_data.tbl_thline{border-bottom:1px solid #999;}
.tbl_data tbody th:first-child{border-left:0;}
.tbl_data tbody th:first-child{border-left:0;}
.tbl_data tbody th.txt_left{text-align:left;}
.tbl_data tbody th.bg_none{background:none;}
.tbl_data tbody th.calign, .tbl_data tbody td.calign, .tbl_data tbody.calign tr th, .tbl_data tbody.calign tr td {text-align:center;}


/* 게시판 리스트 */
.tbl_data1{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data1 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data1 thead th{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#006db8;background:#f3faff url(img/tbar.gif) no-repeat 0 50%;}
.tbl_data1 thead th:first-child{background-image:none;}
.tbl_data1 thead td{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#111;background:#f3faff url(img/tbar.gif) no-repeat 0 50%;}

.tbl_data1 tbody td{padding:14px 20px 12px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;font-size:14px;}
.tbl_data1 tbody th{padding:14px 20px 12px;font-size:14px;font-weight:normal;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-1px;text-align:center;background:#f9fbfd;}
.tbl_data1 tbody th.txt_normal{font-weight:normal;}
.tbl_data1 tbody th.td_line{border-right:1px solid #e0e0e0;}
.tbl_data1 tbody tr:first-child td{border-top:0;}
.tbl_data1 tbody td:first-child{border-left:0;}
.tbl_data1 tbody td:first-child{border-left:0;}
.tbl_data1 tbody td.txt_left{padding:14px 20px 12px 20px;text-align:left;}
.tbl_data1 tbody td.txt_right{padding:14px 20px 12px 20px;text-align:right;}
.tbl_data1 tbody.txt_right td{padding:14px 20px 12px 20px;text-align:right;}
.tbl_data1 .txt_right2 td{padding:14px 10px 12px 10px;text-align:right;}
.tbl_data1 tbody td.td_line{border-right:1px solid #e0e0e0;}
.tbl_data1.tbl_thline{border-bottom:1px solid #999;}
.tbl_data1 tbody th:first-child{border-left:0;}
.tbl_data1 tbody th:first-child{border-left:0;}
.tbl_data1 tbody th.txt_left{padding:12px 20px 10px 20px;text-align:left;}
.tbl_data1 tbody th.bg_none{background:none;}
.tbl_data1 tbody th.calign, .tbl_data1 tbody td.calign, .tbl_data1 tbody.calign tr th, .tbl_data1 tbody.calign tr td {text-align:center;}


.tbl_data2{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data2 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data2 thead th{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#006db8;background:#f3faff;border-left:1px solid #519acd;}
.tbl_data2 thead th:first-child{background-image:none;border-left:0px solid #519acd;}
.tbl_data2 tbody td{padding:14px 0px 12px 0;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:center;font-size:14px;}
.tbl_data2 tbody th{padding:14px 0px 12px 0;font-size:14px;font-weight:normal;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-1px;text-align:center;background:#f9fbfd;}

.tbl_data2 tbody tr:first-child td{border-top:0;}
.tbl_data2 tbody td:first-child{border-left:0;}
.tbl_data2 tbody td:first-child{border-left:0;}

.tbl_data2 tbody th:first-child{border-left:0;}
.tbl_data2 tbody th:first-child{border-left:0;}

/*online */
.tbl_data3{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data3 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data3 tbody td{padding:4px 5px;border-top:1px solid #eee;border-left:1px solid #eee;text-align:left;font-size:14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody th{padding:4px 5px;font-size:14px;font-weight:normal;border-top:1px solid #eee;border-left:1px solid #eee;letter-spacing:-1px;text-align:center;background:#f9fbfd;}

.tbl_data3 tbody tr:first-child td{border-top:0;}
.tbl_data3 tbody td:first-child{border-left:0;}
.tbl_data3 tbody td:first-child{border-left:0;}

.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 input, .tbl_data3 textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody td.calign {text-align:center;}