@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%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit ;}
a, li, input, label, tr, textarea, button {outline: medium none;}

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

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

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

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

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

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


.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: #1f76c5;color: #FFF;line-height: 54px;width: 100%;height: 54px;padding: 0 50px;text-align:center;border-bottom:1px solid #DDD;}
header .hleft, header .hright {color:#fff;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:12px;display: block;margin:0;border:0;font-size:0;line-height:0;}

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

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

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

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

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

.swiper_ul {width: 100%;max-width:500px;margin:0 auto;}
.swiper_ul:after {clear: both;content: "";display: block;}
.swiper_ul li {float:left; width:50%; text-align:center; padding:0 5px;overflow:hidden; }
.swiper_ul .tlimg {width:100%;min-height:140px; overflow:hidden; border:0px solid #DDD;margin:0 auto;display:block;}
.swiper_ul .tlimg:after {border: 0px solid #DDD;content: "";height: 100%;left: 0;opacity: 0.1;position: absolute;top: 0;width: 100%;}
.swiper_ul .tltxt{-moz-box-orient: vertical;color: #101010;display: -webkit-box;font-size: 1.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: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperHD:after {clear: both;content: "";display: block;}
.swiperHD_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupHD {position: absolute;right: 0;text-align: right;top:0px;width: 100%;z-index:10;padding: 0px;}
.paginationHD {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:8px 5px;z-index: 5;}
.swiperHD_container .swiper-slide {position: relative;width:100%;}
.swiperHD_container .swiper-slide .tltxt{position: absolute;width:100%;left:0;bottom:0;margin:0;padding:0;overflow:hidden;z-index:10;text-transform: uppercase;background:rgba(0,0,0,0.4);}
.swiperHD_container .swiper-slide .tltxt a {padding: 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperHD_container .swiper-slide .tltxt h3 {font-size:1.5em;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:50% 15%; 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:50% 15%;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:1%;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 {}

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


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

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

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

/* */
.news_SEL3 {position:relative; margin:0 auto;clear: both;padding:0;}
.news_SEL3 dl {position:relative; clear: both;display: block;margin-bottom:15px;padding-bottom:15px;height:auto;overflow: hidden;border-bottom:0px solid #ddd;}
.news_SEL3 dl:last-child{border-bottom:0px solid #444;}
.news_SEL3 dd.zimg {float:left; width:40%; height:90px; margin:0;overflow: hidden;display: block;border:1px solid #EEE;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;}
.news_SEL3 dd.zimg img {vertical-align:top; width:100%; min-height:90px;display:none;}
.news_SEL3 dd a {display: block;height:100%;}
.news_SEL3 dd.subtitle {position:relative; max-height:66px; overflow: hidden;padding:0px 0.5% 0 2%;}
.news_SEL3 dd.subtitle a {}
.news_SEL3 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;}

.news_SEL3 dd.conts {position:relative; max-height:80px; overflow: hidden;padding:1% 0.5% 0 2%;}
.news_SEL3 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;}
.news_SEL3 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:100px; margin-right:2%;overflow: hidden;display: block;border:1px solid #EEE;}
.sel3HD dd.img img {vertical-align:top; width:100%; min-height:100px;}
.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;}


.news_newspick2 {position:relative; margin:0;clear: both;border:0px solid #dcdcdc;padding:7px 0px;}
.news_newspick2 dl {position:relative; clear: both;display: block;margin-bottom:1rem;height:90px;border:0px solid #ececec;}
.news_newspick2 dl.f{margin-top: 0px;padding-top: 0px;}
.news_newspick2 dl.e{margin-bottom: 0px;padding-bottom: 0px;}
.news_newspick2 dd.img {float:left; width:40%; max-height:90px; margin-right:2%;overflow: hidden;display: block;border:1px solid #EEE;}
.news_newspick2 dd.img img {vertical-align:top; width:100%; min-height:90px;}
.news_newspick2 dd a {display: block;}
.news_newspick2 dd.subj {height:auto;font-size:1rem;font-weight:600; line-height:1.3;padding:3px 0 3px 2%;}
.news_newspick2 dd.subj a {color:#000;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
.news_newspick2 dd.info {color:#999;font-size:.8rem;font-weight:200; line-height:1.3;padding:10px 0 3px 2%;}
.tmore {margin:0 auto;text-align:center;}
.tmore a{display: block;margin:0 auto;border:1px solid #DDD;padding:7px 5px;color:#111;font-size:.9rem;}

.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.8em; color:#999; line-height: 1; text-align:center;padding:5px 0;}
.viewTitle dd.subtitle { font-size: 17px; color:#336633; line-height: 25px;}
.viewTitle .date { padding: 1px 0 0 7px; color: #999; font-size: 10px; letter-spacing: -1px; font-family: Verdana; } 
#viewWrap .viewConts { position: relative; overflow: hidden; padding: 5% 0; font-size:17px; 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.3em;display:block;width:20px;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:33px; 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% 5%;}
#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;}

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

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

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

.fphotoCnts2 {position: relative;width: 100%;padding: 0;margin-bottom:40px;}
.fphotoCnts2:after {content:""; display:block; clear:both;}
.fphotoCnts2 .tlimg {width:100%;max-height:230px;overflow:hidden; border:none;margin:0 auto;display:block;background-position: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: 12px !important; color: #444;font-style: italic;}

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

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

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

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

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

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

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

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

.jbox {position:relative;clear:both;}
.jbox table {
	border:0 none;
	margin:20px auto 7px;
}
.jbox table th, .jbox table td {
	text-align:left;
	padding:5px 0px 5px 3px;
}
.jbox table td {
	padding-bottom:5px;
}
.jbox table td .p9 {font-size:0.85em;color:#444}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mailingpop-form input[type=checkbox]{vertical-align: middle;margin: 5px;}
.mailingpop-form input[type=radio]{vertical-align: middle;margin: 5px;}
.mailingpop-form label{vertical-align: middle;}
.mailingpop-form .agree{border:0px solid #ddd;padding:5px;margin:10px 0;color:#000;line-height:1.5;}
.mailingpop-form .agree span{margin-left:10px;}
.mailingpop-form-ok{text-align:center;margin:0 auto;padding:20px;display: none;}
.mailingpop-form-ok h3{text-align:center;margin:0 auto;padding:70px 0;font-size:1.2rem;}
/* 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:40px;}
._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:1px solid blue;min-height:19px;min-width:200px;box-sizing:border-box;}
._admanager2:after {clear: both;content: "";display: block;}
._admanager2 a.tl{position: absolute;left:0;top:0;font-size:11px;background-color:blue;color:#FFF;z-index:9;padding:0 10px;}
._admanager2 a.adm{position: absolute;right:0;top:0;font-size:11px;background-color:blue;color:#FFF;z-index:9;padding:0 10px;}

.adgrp25{list-style: none;border:1px solid #DDD;}
.adgrp25:after {clear: both;content: "";display: block;}
.adgrp25 li {float:left;margin:5px 0;width:50%;}

.adgrp25 li div.adlink {position:relative;padding:2%;width:96%;height:70px;}
.adgrp25 li div.adlink img{padding:0px;width:100%;max-height:70px;}

/* ---- 에러 페이지 (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;}