@charset "utf-8";
@import url(/css/button.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800');
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%;
/*
-webkit-font-smoothing: subpixel-antialiased;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-ms-user-select: none;-moz-user-select: none;user-select: none;
*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit ;}
a, li, input, label, tr, textarea, button {outline: medium none;}

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

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


a.rollover img { border:0pt none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0pt none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

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

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

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

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

.article_list_more{position:relative;clear:both;	height:24px;margin: 15px 0;padding:0;text-align:center;}
.article_list_more span {height:24px; padding: 5px 10px;font-size:14px;color:#636363;border-bottom:1px solid #E5E5E5;}

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


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

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


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

header .today {position:absolute;left:55px;top:17px;padding:0px 0 0;font-size:.75em;line-height:20px;}
header .weather {position:absolute;right:0;top:17px;}

#weather_scroll {float:left;height:20px;overflow: hidden;padding:0px 0 0px 0%;}
#weather_scroll.scroll-img1 ul {width: 100%;margin: 0;padding:0;}
#weather_scroll.scroll-img1 ul:after {clear: both;content: "";display: block;}
#weather_scroll.scroll-img1 ul li {margin: 0px;padding:0;width:100%;height:20px;}

.all_weather {position:relative;width:100%;height:20px;overflow:hidden;text-align:right;}
.all_weather .icon {float:left;height:20px;vertical-align:text-bottom;margin-right:3px;}
.all_weather .area {float:left;padding:0px 3px 0 0;font-size:0.75em;line-height:20px;}
.all_weather .temp {float:left;padding:0px 0 0;font-size:.75em;line-height:20px;}

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

.scroll-img100 {position:relative;width: 100%;min-height:100px;overflow: hidden;font-size: 0;}
.scroll-img100 ul {margin: 0;width: 200%;}
.scroll-img100 ul li {float:left;display: inline-block;margin: 0;padding:0;text-align:center;width:50%;overflow:hidden;}
.scroll-img100 ul li a {display: block;}
.scroll-img100 ul li a img{}

.fsize{
	width:auto !important;
	height:auto !important;
}
#Fmenu{position:fixed;left:0;top:0;z-index:1500;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:30px;height:50px;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{line-height:30px;width:20%;color:rgba(255,255,255,.6);box-sizing:border-box;display:block;float:left;padding:10px 0;font-size:1.25rem;}

.navbar-bottom button {margin:5px 5px;padding:0 10px;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);
}
.navbar-bottom button span{text-align:center; display:inline-block;font-size:0.9em;padding:2px 10px;}


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

.dTopmenu-wrap{width:100%;height:40px; overflow: hidden; position: relative;clear:both;background-color:#FFF;box-shadow: 2px 2px 5px 0px #aeaeae;border-top:1px solid #DDD;}
.dTopmenu-wrap .jebo {position: absolute;right: 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 75px 0 0px;overflow: hidden;}
.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 15px;font-size:0.95em; font-weight:600;line-height: 40px;text-align: center;white-space: nowrap;color:#000;cursor: pointer;}
.dTopmenu-wrap .swiper-wrapper li a.dimg{height:40px;display: block;position: relative;box-sizing: border-box;padding: 5px 15px;font-size:0; font-weight:100;text-align: center;white-space: nowrap;color:#000;cursor: pointer;}


.swiper-pagination-bullet {margin: 0 10px;}

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

.swiper_ul {width: 100%;max-width:500px;margin:0 auto;}
.swiper_ul:after {clear: both;content: "";display: block;}
.swiper_ul li {float:left; width:50%; text-align:center; padding:0 5px;overflow:hidden; }
.swiper_ul .tlimg {width:100%;min-height:140px; overflow:hidden; border:0px solid #DDD;margin:0 auto;display:block;}
.swiper_ul .tlimg:after {border: 0px solid #DDD;content: "";height: 100%;left: 0;opacity: 0.1;position: absolute;top: 0;width: 100%;}
.swiper_ul .tltxt{-moz-box-orient: vertical;color: #101010;display: -webkit-box;font-size: 1.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: 10px 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%;padding-bottom:40px;}
.pagingroupHD {position: absolute;bottom: 5px;text-align: center;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;width:100%;left:0;bottom:0;margin:0;padding:0;overflow:hidden;z-index:10;text-transform: uppercase;background:rgba(0,0,0,0.4);}
.swiperHD_container .swiper-slide .tltxt a {padding: 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperHD_container .swiper-slide .tltxt h3 {font-size:1.2em;line-height:1.4;font-weight: 600;color:#FFF;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.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:260px;overflow:hidden; border:none;margin:0 auto; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiperHD_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%;height:auto;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
.swiper-container2 {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.swiper-container2 {width: 100%;border:0px solid #DDD;}
.pagingroup2 {position: absolute;left: 0;bottom:0;text-align: center;width: 100%;z-index:2;height: 18px;padding:0;}
.pagination2 {background-color:#FFF;display: inline-block;height: 18px;margin: 0 auto;padding: 0 10px;}

.swiper-container2 .swiper-slide ul:after {clear: both;content: "";display: block;}

.swiper-container2 .swiper-slide li {width:50%; padding:0 5px;float:left;}
.swiper-container2 .swiper-slide li:first-child{padding-left:0;}
.swiper-container2 .swiper-slide li:last-child{padding-right:0;}

.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;overflow: hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}

.swiper-container2 .swiper-slide .tltxt {position: absolute; left: 0; bottom: 0;width:100%;display:inline-block;padding:4% 2.5%;z-index:2;background:rgba(0,0,0,0.3);overflow: hidden;}
.swiper-container2 .swiper-slide .tltxt span {color:#FFF;line-height:1.4; font-weight:600;font-size:1.15em;text-shadow:1px 1px rgba(0,0,0,.75);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}


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


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

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

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

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

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

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

.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:center;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:1.15em;text-shadow:1px 1px rgba(0,0,0,.75);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}


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

.newsHD3 dd.conts {position:relative; max-height:80px; overflow: hidden;padding:1% 0.5% 0 2%;}
.newsHD3 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;}
.newsHD3 dd a:hover{color:#006699;}



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

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

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

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

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

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

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

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

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

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

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

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

.tab_g_container ul li {float: left !important;margin: 0;padding: 0;text-align: center;width: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;}
.movSD dl {position:relative; padding:0;overflow: hidden;width:100%;}
.movSD dl dd.mov {float:left; overflow: hidden;width:100%}
.movSD dl dt {float:left; padding:5px 10px;margin:0 auto;text-align:center;}
.movSD dl dt a {font-weight:bold;color:#666;}

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


#viewWrap {background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 100%; display:block;margin:0 auto; padding:2% 5%;}
#viewConts img {width  : 100%;height : auto;}
#listWrap {background-color:#FFF; width: 100%; display:block;margin:0 auto; padding:0px;position:relative;overflow:hidden;}
#listWrap .line{border-bottom: 1px solid #DDD; margin: 10px 0; clear: both;}
/* 텍스트기사 */
.listTxt {overflow: hidden; _height: 1%; padding: 4px 0; }
.listTxt dt { font-size: 1em; letter-spacing: -1px; line-height: 15px; margin: 3px 0 5px 0; } 
.listTxt dd { line-height: 15px; }
.listTxt .date { padding: 1px 0 0 7px; color: #8E8E8E; font-size: 0.687em; letter-spacing: -1px; font-family: Verdana; } 

/* 사진기사 */
.listPhoto {padding: 4px 0;}
.listPhoto p {position: relative; float: left; width:100px; min-height:95px; max-height:130px; overflow: hidden; display: block;margin-bottom:5px;border: 0px solid #ddd; }
.listPhoto p img { background-color: #FFF; padding: 0px; }
.listPhoto dl {margin-left: 105px; }
.listPhoto dt { font-size: 1em;letter-spacing: -1px; line-height: 1.4; margin: 3px 0 5px;  font-weight:bold;} 
.listPhoto dd { line-height: 15px; }
.listPhoto .date { padding: 1px 0 0 7px; color: #8E8E8E; font-size: 0.687em; letter-spacing: -1px; font-family: Verdana; }

.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:16px;}
.viewConts .summary_title:before {position: absolute;top: 6px;left: 0;bottom: 2px;width: 5px;background-color: #444;content: '';}

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

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

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

/* 기사보기 */
.viewTitle {position:relative; overflow: hidden; margin:0 0 10px 0;background-color:#fff; padding:5px 0;}
.viewTitle dt {line-height: 25px; margin: 5px 0 10px 0; text-align:left;} 
.viewTitle dt h3 {font-size: 1.95rem; letter-spacing: -0.09em; line-height: 1.4; margin: 5px 0 15px 0;font-weight:400;color:#000;font-stretch:narrower;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
.viewTitle dd { font-size: 0.9em; color:#111; line-height: 1; text-align:center;padding:5px 0;}
.viewTitle dd.subtitle { font-size: 17px; color:#336633; line-height: 25px;}
.viewTitle .date { padding: 1px 0 0 7px; color: #111; font-size: 10px; letter-spacing: -1px; font-family: Verdana; } 
#viewWrap .viewConts { position: relative; overflow: hidden; padding: 5% 0; font-size:19px; line-height: 1.6; letter-spacing: -1px;color:#222;text-align:justify;border-top:0px solid #DDD;}
#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;
}
/*뉴스상세보기 페이지 */
.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 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;}

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

/*포토리스트*/
#pro_List_img{padding-left:0px;clear: both;}
#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;}
.firstimg{text-align:center;height:80px; width:95px; overflow:hidden;margin:1px;border:1px solid #C1C1C1;}
.firstimg img{overflow:hidden;}
.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;}

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

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

.fphotoCnts .nlink{position: relative;display: block;padding-top:0.5rem;margin:0 1rem;}
.fphotoCnts .nlink dd { background: url(img/ico_link2.png) no-repeat  5px 4px; padding-left:22px; margin-bottom: 0.95rem; overflow: hidden; }
.fphotoCnts .nlink dd a {display: block; color: #000; font-size:0.95rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; }


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

.fphotoCnts2 {position: relative;width: 100%;padding: 0;margin-bottom:40px;}
.fphotoCnts2:after {content:""; display:block; clear:both;}
.fphotoCnts2 .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;background-position:center; background-repeat:no-repeat; background-size:cover;}
.fphotoCnts2 .tlimg img{min-height:230px;opacity: 0;filter: alpha(opacity=0);}
.fphotoCnts2 .tltxt{width:100%;margin:0;padding-top:0.5rem;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-top:0.5rem;text-align:left;display:block;letter-spacing: -0.05em;}
.fphotoCnts2 .cate {color:#444;font-size:1rem;padding-top:0.5rem;text-align:left;display:block;letter-spacing: 1;font-weight:400;}

.fphotoCnts2 .nlink{position: relative;display: block;padding-top:0.5rem;margin-top:0.5rem;}
.fphotoCnts2 .nlink dd { background: url(img/ico_link2.png) no-repeat  5px 4px; padding-left:22px; margin-bottom: 0.75rem; overflow: hidden; }
.fphotoCnts2 .nlink dd a {display: block; color: #000; font-size:0.9rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; }



@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: 12px !important; color: #444;}

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

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

.loginBox {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 14px;
    position: relative;
}
.loginBox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
	height:65px;
}
.loginBox button span{text-align:center; display:inline-block;font-size:1em;padding:10px;}

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

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

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


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


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

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

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

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

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

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


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

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

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

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

footer {background-color:#414141;margin-top:0px;border-top:0px solid #6d8998;padding-bottom:100px;}
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: .75em;color:#fff;padding:10px;text-align:center;line-height:1.6;letter-spacing:-1px;}
footer #footaddr a {color:#fff;}
footer #footaddr .bar {padding:0 .5em;}
footer #footaddr .cpr {color:#fff;padding:5px 0;}

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

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

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

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

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

.jbox table {
	border:0 none;
	margin:20px auto 7px;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 3px;text-align:left;
	
}
.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;
}
.p9{font-size:0.75em;}
.jbox br{height:0;line-height:0;border:0;padding:0;margin:0;}

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


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



.lpopup {position: absolute;left: 1%;top: 1%;z-index: 99999;min-width: 100px;min-height: 150px;background: #fff;}
.pheader{padding:0;border:0;margin:0;outline: none;}
.pheader a{display: block;outline: none;padding:0;border:0;margin:0;}
.pheader img{display: block;outline: none;padding:0;border:0;margin:0;}
.pfooter{background-color:#555;color:#FFF;padding:10px 5px;}
.pfooter a{color:#FFF;}

/* 한줄기사 */
.newsLine19{padding:3%;border-bottom:1px solid #ccc;margin-bottom:0px; }
.newsLine19 dl {background: #f2f5fb;}
.newsLine19 dt {position: relative; padding:0 0px; margin: 0 auto; border:1px solid #DDD;text-align:center;}
.newsLine19 dt:last-child{margin: 0 0 0px 0;}
.newsLine19 dt a {overflow: hidden;font-size:16px; height:46px; line-height:46px; font-weight:600;color:#222;padding:0;letter-spacing: -.055em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.newsLine19 .date {position:absolute;right:2px; padding: 1px 0 0 7px; color: #999; font-size: 10px; letter-spacing: -1px;} 


/* home-style */
/*메인 컨텐츠 3단 레이아웃*/
.hcontsBox {float:left;width: 100%;overflow: hidden;clear: both;margin-bottom:20px;padding-bottom:40px;border-bottom:1px solid #ddd;}
.hcontsBoxLeft {float:left;width:20%;overflow: hidden;padding:0;border:0;}
.hcontsBoxRight {float:right; width:75%; overflow: hidden;}

.ticon {margin:10px auto;text-align:center !important}
.ticon i{font-size:4em;text-align:center;color:#0075c2;}
h3.tline_tl {font-size:26px; color: rgba(1,1,1,.6);letter-spacing:-.1em; line-height:1.5; font-family: 'Nanum Myeongjo',serif;  padding-top:10px;margin-top:10px;border-top:2px solid #0075c2;}

.chistory {position:relative;width:100%;clear:both;}
.chistory dt{width:20%;float:left;margin-bottom:10px;}
.chistory dd{width:78%;float:left;margin-bottom:10px;}

._homepage{position:relative;padding:3%;font-size:.95rem;line-height:1.4;}/**/
._homepage p {font-size:16px;text-align: justify;}
._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;}

._homepage2{position:relative;padding:20px 0;font-size:.75rem;line-height:1.4;}/**/
._homepage2 p {font-size:14px;text-align: justify;padding-left:20px;}
._homepage2 p.stl {font-size:18px; color:#0d782f; line-height:24px; letter-spacing:-0.6pt; font-family:NotoKrR; font-weight:400; padding-bottom:10px;}
._homepage2 h3.stl {font-size:16px; color:#444; line-height:24px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:600; padding-bottom:18px;}

.h { font-size:12px; font-weight: bold; padding: 3px 0 3px 10px; }

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

h3.tl {font-size:1.95rem; color:#4e565e;  letter-spacing:-1.2pt; line-height:1.4; font-family:NotoKrL; font-weight:400; padding-bottom:0px;line-height:1.5;}
h3.tl .blue {font-family:NotoKrB; font-weight:100; color:#385ea2; letter-spacing:-1.2pt;}
h3.tl .sky {font-family:NotoKrB; font-weight:100; color:#0089d8; letter-spacing:-1.2pt;}
h3.tl .green {font-family:NotoKrB; font-weight:100; color:#2b8b4a; letter-spacing:-1.2pt;}

h3.tl2 {font-size:35px; color:#4e565e;  letter-spacing:-.1em; line-height:1.6; font-family: 'Nanum Myeongjo',serif; font-weight:100; padding-bottom:25px;}
h3.tl2 .blue {font-weight:100; color:#385ea2; letter-spacing:-1.2pt;}
h3.tl2 .sky {font-weight:100; color:#0089d8; letter-spacing:-1.2pt;}
h3.tl2 .green {font-weight:100; color:#2b8b4a; letter-spacing:-1.2pt;}

h3.stit {font-size:16px; color:#a0a0a0; line-height:23px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:100; padding-bottom:18px;}
h3.stit2 {font-size:15px; color:#a0a0a0; line-height:23px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:100; padding-bottom:18px;}

strong.tx_red{font-size:18px;font-family:NotoKrB; font-weight:100; color:#e10000;}
strong.tx_blue{font-size:18px;font-family:NotoKrB; font-weight:100; color:#385ea2;}

.c_header{position: relative;width:100%;text-align:center;color: #FFF;}
.c_header img{display: inline-block;vertical-align: middle;max-width: 100%;height: auto;}
.c_header h3{position: absolute;width:100%;bottom:3rem;text-align:center;font-size:2.5rem;font-family: 'Noto Serif KR', serif;line-height: 2;letter-spacing: -0.1em;}
.c_header h3 .bold{color: #64bef3  !important;}
.c_conts{position: relative;z-index: 9;width: 90%;margin: -3.3rem auto 0;background-color: #fff;padding: 2rem 1rem;
 border-radius:1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}
.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;}


.historyview {position:relative;}
.historyview::before {content:'';position:absolute;top:0;left:25%;width:1px;height:100%;background-color:#d6d6d6}

.historyview div{margin:1rem 0;padding:1rem 0;}
.historyview{position: relative;padding-top:0rem;}
.historyview h1{position:absolute;width:47%;left:0;text-align:left;margin-top: 0rem;padding-top:1px;font-size:3rem;color:#0075c2;}

.historyview div ul{list-style:none; clear: both;position: relative;width: 75%;margin-top: 0;padding-top: 1px;margin-bottom: 0;padding-bottom: 1px;margin-left: 25%;}
.historyview div li{display:block;position:relative;text-align: left;margin:1rem 0.5rem 1rem 1rem;font-size:15px;color:#666;letter-spacing: -.05em;}
.historyview div li:before {content:'';display:block;position:absolute;top:8px;left:-1.30rem;z-index:2;width:10px;height:10px;border-radius:50%;background:#0075c2}
.historyview div li strong{float: left;padding-right:0.5rem;text-align: center;width:10%;}
.historyview div li p{overflow: hidden;margin-bottom: 0;}

/* 게시판 리스트 */
.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;}


/*home css*/
.spt_conts {position:relative;line-height:1.5;padding:3%;}
.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:10px;border:1px solid #eee;background-color:#f7f7f7;}
.spt_conts .h_conts {position:relative;padding:2%;margin-bottom:20px;}
.spt_conts .h_conts h3 {margin-bottom:2%;font-size:1.2rem;color:#111;}
.spt_conts .h_conts p {margin-bottom:1%;font-size:.85rem;}

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