@charset "utf-8";
@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%;margin:0 auto !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit ;}
a, li, input, label, tr, textarea, button {outline: medium none;}

body {top:0 !important;}
.skiptranslate {display: none !important;}

img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}

a,a:visited,a:focus,a:active{color:#333;text-decoration:none;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
a:hover{color:#888888;text-decoration:none;outline:0}
.clear {clear:both;}
*,*::before,*::after{box-sizing:border-box}

.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;}
}

.root_daum_roughmap {width:100% !important;}


.ingbox1 {position:relative;padding:0;margin:0;background-color:#FFF;*zoom:1;}
.ingbox1:after {content:""; display:block; clear:both;}
.ingbox1 ul {list-style: outside none none;margin: 0;padding: 0;}
.ingbox1 li {float:left;text-align:left;width:100%;padding:0;overflow: hidden;}
.ingbox1 li a{display: block;}
.ingbox1 li img{width:55px;}
.ingbox1 li h3{color:#FFF;font-size:19px;}
.ingbox1 li h3:hover{color:#000;}
.ingbox1 li span{color:#fff;font-size:13px;}
.ingbox1 div{position: relative;height:160px;margin:0;overflow: hidden;padding: 10px;border-left:1px solid #d6d6d6;}


.ingbox2r {position:relative;padding:0;margin:0;background-color:#FFF;*zoom:1;border:0px solid #d6d6d6;}
.ingbox2r:after {content:""; display:block; clear:both;}
.ingbox2r ul {list-style: outside none none;margin: 0;padding: 0;}
.ingbox2r li {float:left;padding:0;text-align:left;width:100%;padding:0;overflow: hidden;border-bottom:1px solid #d6d6d6;}
.ingbox2r li a{display: block;}
.ingbox2r li img{width:55px;}
.ingbox2r li h3{color:#4641c0;font-size:19px;letter-spacing:-1px;}
.ingbox2r li h3:hover{color:#000;}
.ingbox2r li span{color:#444;font-size:13px;display: block;padding-top:10px;letter-spacing:-1px;}
.ingbox2r div{position: relative;max-height:130px;margin:0;overflow: hidden;padding: 10px;border-left:0px solid #d6d6d6;}


@media all and (min-width: 576px) {
	.ingbox1 li {width:50%;}
}
@media all and (min-width: 768px) {
	.ingbox1 li {width:50%;}
}
@media all and (min-width: 992px) {
	.ingbox1 li {width:50%;}
}
@media all and (min-width: 1200px) {
	.ingbox1 li {width:25%;}
}



.titleline {position:relative;border-bottom:1px solid #E5E5E5;clear:both;	height:30px; line-height:1;margin: 0 0 5px 0;padding: 0 0 5px 0;}
.titleline h3 {position:absolute;left:0; border-bottom:1px solid #004080;font-weight: bold; height:30px; line-height:30px;;margin:0px;padding: 0; font-size:1em;color:#004080;}
.titleline p {position:absolute;bottom:30%;right:2%; font-size:.8em;color:#777;}
.titleline p a{padding:0;font-size:.8em;color:#777;}

.titleline1 {position:relative;padding:5px;margin:7px 0;border-bottom:1px solid #DDD;}
.titleline1 .ico {position:absolute;background-color:#339933;border-radius: 3px;display: inline-block;height: 1rem;line-height: 1rem;margin-top:2px;padding:0 3px;}
.titleline1 h3 {padding:0;font-size:1.2rem;color:#777;}
.titleline1 h3 a{padding:0;font-size:1.2rem;color:#777;}

.titleline2 {position:relative;border-bottom:1px solid #E5E5E5;clear:both;line-height:32px;height:32px;_top:1px; margin-bottom: 10px;}
.titleline2 h3 {position:absolute;left:0; border-bottom:1px solid #737373; font-weight: bold;line-height:32px;height:32px; padding:0 10px; _top:-1px; font-size:1.35rem;color:#444;margin:0;}
.titleline2 p {position:absolute;right:0; }
.titleline2 a {color:#999;font-size:0.75rem;}

.titlecnt {position:relative;text-align:center;margin:0 auto;width:80%;}
.titlecnt:before {content:'';position:absolute;z-index:1;left:0;top:50%;width:100%;border-top: 1px solid #aaa;}
.titlecnt .tlbox{position:relative;margin:0 auto;padding:5px 0;display:inline-block;background-color:#111; z-index:2;border:1px solid #444;color:#FFF;}
.titlecnt .tlbox:after {content:'';display:table;clear:both}
.titlecnt .tlbox a{color:#FFF;}
.titlecnt h3 {line-height:30px; padding:0 2rem; font-size:1.2rem;text-align:center;}

.titleBold {position:relative;clear:both;height:33px;margin-bottom:10px;}
.titleBold h3 {color:#000;line-height:33px; padding:2px 0; font-size:1em;font-family:'Open Sans',arial,sans-serif;}
.titleBold p {position:absolute;right:5px;font-size:12px;bottom:3px;}
.titleBold p a {color:#888;display:block;}

/*header*/
header {position:relative;width: 100%;height: auto;display: block;z-index:9;}
header .header {position:relative;background: #FFF;color: #111;line-height: 54px;width: 100%;height: 54px;padding: 0 50px;text-align:center;border-bottom:1px solid #DDD;}
header .hleft, header .hright {color:#111;display: block;width: 54px;height: 54px;line-height: 54px;position: absolute;top: 0;}
header .hleft {float: left;left:0;}
header .hright {float: right;right:0;}
header #tlogo {position:relative;padding-top:6px;display: block;margin:0;border:0;font-size:0;line-height:0;}

.adlink {position:relative;display: block;font-size:0;text-align:center;}
.adlink:after {clear: both;content: "";display: block;}
.adlink a{border:0;margin:0;font-size:0;display: block;text-align:center;}
.adlink img{vertical-align:bottom;max-width:100%;}

.adulli2 {display: block;overflow: hidden;border:0px solid #DDD;}
.adulli2:after {clear: both;content: "";display: block;}
.adulli2 li {padding:1%;margin:1%;position: relative;display: inline;float: left;margin: 0;width:48%;}
.adulli2 li a{text-align:center;}
.adulli2 li img{width:100%;}


.fsize{width:auto !important;height:auto !important;}

#Fmenu{position:fixed;left:0;top:0;z-index:2147483647;width:100%;height:100%;padding:0;background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}
#Fmenu ._fclose{color:#444;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;background:#FFF;}

.navbar-bottom{border-top:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;margin:0;position:absolute;bottom:0;left:0;right:0;
background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.navbar-bottom a{width:20%;color:rgba(255,255,255,.4);box-sizing:border-box;display:block;float:left;padding:10px 0;}

.navbar-search {position: relative;  background:inherit; border-bottom: 1px solid; border-color:#FFF;padding: 0em;margin:2em 1em;}
.navbar-search form{overflow: hidden;}
.navbar-search ._fd{margin: 0;position: relative;}
.navbar-search ._leg {height: 0;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 0;}
.navbar-search ._box {background:inherit;overflow: hidden;padding: 6px 80px 4px 10px;box-shadow: none;}
.navbar-search ._keywd {background-color: transparent;border: 0 none;color:inherit;font-size: 15px;font-weight: 400;height: 28px;line-height: 20px;outline: 0 none;padding: 0;vertical-align: top;width: 100%;}
.navbar-search button {vertical-align: middle;background-color: transparent;border: 0 none;cursor: pointer;}
.navbar-search ._button {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;color:#FFF;font-size:1.3em;}
.navbar-search ._button::-moz-focus-inner {margin: 0;padding: 0;}

.navbar-category{width:100%; list-style: none; display: block;position: relative; margin: 0;text-align:center;border-top:1px solid;border-color:inherit;
 color: rgba(255,255,255,.4);font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 10px 18px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.navbar-catebox{border-bottom:1px solid;border-color:inherit;min-height:300px;overflow-x: hidden;overflow-y: auto;position: relative;padding:0.5em 1em;}

#aTmenu {height:42px;clear: both;position: relative;margin: 0; padding-bottom:0px; list-style: none;border-bottom:2px solid;border-color:#F1F1F1;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:auto;overflow-y:hidden;}
#aTmenu li {float: left;list-style: none; display: block;position: relative; margin: 0;text-align:left;border-bottom:0px solid;border-color:inherit;}
#aTmenu li.jebo {background-color:#f1f1f1;}
#aTmenu li>a {color:inherit;display: block;font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 5px 15px;}

#Tmenus {}
/* @group core nav menu */
#Tmenu {width:100%; height:auto;position: relative;margin: 0; padding-bottom:10px; list-style: none;border-top:1px solid;border-color:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;}
#Tmenu li {width:100%;float: left; list-style: none; display: block;position: relative; margin: 0;text-align:left;border-bottom:1px solid;border-color:inherit;}
#Tmenu>li.tsub:after {
position:absolute;
float: right;
	right:0;
	top:0;
	width:50px;
	text-align:center;
	border-left:1px solid;
	border-color:inherit;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f078";
}
#Tmenu li>a {color:inherit;display: block;font-size:0.95em; font-weight:600;line-height: 30px; text-decoration: none; padding: 10px 18px;}

/* @group subnav */
#Tmenu ul {position: relative; list-style: none;display: none; margin: 0; padding: 0;border-top:1px solid;border-color: rgba(0,0,0,.15);font:inherit;font-size:0.85rem;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;}
.sub_wrap{position:relative;overflow: hidden;margin: 0 3%;}
.sub_wrap img{max-width:100%;}

.searchBox {
	position: fixed;top:54px;width:100%;	height:40px;max-width: 1024px;margin:0 auto;
	left: 0;right:0;
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px solid #C4C4C4;
    padding: 0;
}
.sch_fm{overflow: hidden;}
.sch_fm ._fd{margin: 0 0px 0px 11px;position: relative;}
.sch_fm ._leg {height: 0;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 0;}
.sch_fm ._box {background-color: #fff;overflow: hidden;padding: 6px 80px 4px 10px;box-shadow: none;}
.sch_fm ._keywd {background-color: transparent;border: 0 none;color: #101010;font-size: 15px;font-weight: 400;height: 28px;line-height: 20px;outline: 0 none;padding: 0;vertical-align: top;width: 100%;}
.sch_fm button {vertical-align: middle;background-color: transparent;border: 0 none;cursor: pointer;}
.sch_fm ._sbtn {font-size: 0.75em;height: 34px;line-height: 0;position: absolute;right: 3px;top: 3px;width: 51px;background-color: #444;color:#FFF;}
.sch_fm ._sbtn::-moz-focus-inner {margin: 0;padding: 0;}

.sch_fm ._setl{font-size:0.95em;color:#999;margin-top:1em;padding-bottom:4px;}
.chk_ulli {margin:0 0 0.5em 0;border-bottom:0px solid #DDD;padding:0 0 0.5em 0;}
.chk_ulli:after {clear: both;content: "";display: block;}
.chk_ulli li{float:left;padding: 4px 4px 0 0;font-size: 0.8em;}

.chk_ulli li input{width: 14px;height: 14px;vertical-align: top;}
.chk_ulli li label{display: inline-block;overflow: hidden;height: 14px;margin-left: 2px;margin-right: 5px;line-height: 14px;vertical-align: top;}

.dTopmenu-wrap{width:100%;height:40px; overflow: hidden; position: relative;clear:both;background-color:#104c89;border-bottom:0px solid #DDD;}
.dTopmenu-wrap .jebo {position: absolute;left: 0;top:0;display: inline-block;width: 70px;line-height: 40px;text-align: center;background-color:#f1f1f1;font-size:0.95em; font-weight:600;letter-spacing: -0.05em;cursor: pointer;}
.dTopmenu-wrap .dTopmenu{display: block;line-height: 40px;text-align: center;margin: 0 5px;overflow: hidden;}
.dTopmenu-wrap .swiper-wrapper li{display: inline-block;width: auto;box-sizing: border-box;}
.dTopmenu-wrap .swiper-wrapper li a{display: block;position: relative;box-sizing: border-box;padding: 0 10px;font-size:0.95em; font-weight:600;line-height: 40px;text-align: center;white-space: nowrap;color:#fff;cursor: pointer;}

.swiper-pagination-bullet1 {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-bullet1-active {
  opacity: 1;
  background: #b12024;
}

.pagingroup {position: absolute;left: 0;text-align: center;bottom:0;width: 100%;z-index:10;padding: 5px;}

.swiper_ul {width: 100%;max-width:500px;margin:0 auto;}
.swiper_ul:after {clear: both;content: "";display: block;}
.swiper_ul li {float:left; width:50%; text-align:center; padding:0 5px;overflow:hidden; }
.swiper_ul .tlimg {width:100%;min-height:140px; overflow:hidden; border:0px solid #DDD;margin:0 auto;display:block;}
.swiper_ul .tlimg:after {border: 0px solid #DDD;content: "";height: 100%;left: 0;opacity: 0.1;position: absolute;top: 0;width: 100%;}
.swiper_ul .tltxt{-moz-box-orient: vertical;color: #101010;display: -webkit-box;font-size: 1.07em;font-weight: 400;height: 66px;letter-spacing: -1px;line-height: 1.2;margin: 5px 0;overflow: hidden;pointer-events: none;text-align: left;word-break: break-all;}


.swiperHD {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #FFF;border-bottom: 1px solid #DDD;}
.swiperHD:after {clear: both;content: "";display: block;}
.swiperHD_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupHD {position: absolute;bottom: 0px;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: relative;width:100%;margin:0;padding:0;overflow:hidden;text-transform: uppercase;}
.swiperHD_container .swiper-slide .tltxt a {padding: 15px 15px 44px 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperHD_container .swiper-slide .tltxt h3 {font-size:1em;line-height:1.4;font-weight: 600;color:#000;overflow: hidden;}
.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% 20%; background-repeat:no-repeat; background-size:cover;}
.swiperHD_container .swiper-slide .tlimg img{min-height:260px;opacity: 0;filter: alpha(opacity=0);}

.photo-pagination-bullet1 {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #FFF;
  opacity: 0.9;
}
.photo-pagination-bullet1-active {
  opacity: 1;
  background: #b12024;
}
.swiperPD {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperPD:after {clear: both;content: "";display: block;}
.swiperPD_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupPD {position: absolute;bottom: 0px;text-align: center;width: 100%;z-index:10;padding: 5px 0;}
.paginationPD {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:0px 5px;z-index: 5;}
.swiperPD_container .swiper-slide {position: relative;width:100%;}
.swiperPD_container .swiper-slide .tltxt{position: absolute;width:100%;left:0;bottom:0;margin:0;padding:0;overflow:hidden;z-index:10;text-transform: uppercase;background:rgba(0,0,0,0.4);}
.swiperPD_container .swiper-slide .tltxt a {padding: 15px 15px 28px 15px;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperPD_container .swiper-slide .tltxt h3 {font-size:1em;line-height:1.4;font-weight: 600;color:#FFF;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.swiperPD_container .swiper-slide .tltxt .cate {color:#FFF;font-size:0.8rem;line-height:1;padding-bottom:0.3rem;text-align:left;display:block;letter-spacing: -0.05em;}
.swiperPD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto; display:block; background-position:50% 20%; background-repeat:no-repeat; background-size:cover;}
.swiperPD_container .swiper-slide .tlimg img{min-height:260px;opacity: 0;filter: alpha(opacity=0);}


@media (min-width: 576px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:310px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:310px;}
}
@media (min-width: 768px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:435px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:435px;}
}
@media (min-width: 992px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:260px;}
}
@media (min-width: 1200px) {
	.swiperHD_container .swiper-slide .tlimg {width:100%;max-height:260px;overflow:hidden; border:none;margin:0 auto;display:block;}
	.swiperHD_container .swiper-slide .tlimg img{min-height:260px;}
}

/* 기사보기 이미지타임 */
.swiperPG {backface-visibility: hidden;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;background: #f3f3f3;border-bottom: 1px solid #DDD;}
.swiperPG:after {clear: both;content: "";display: block;}
.swiperPG_container {position: relative;transform: translate3d(0px, 0px, 0px);transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;z-index:2;}
.pagingroupPG {position: absolute;right: 0;text-align: right;top:0px;width: 100%;z-index:10;padding: 0px;}
.paginationPG {display: inline-block;height: 20px;line-height: 20px;margin: 0 auto;padding:8px 5px;z-index: 5;}
.swiperPG_container .swiper-slide {position: relative;}
.swiperPG_container .swiper-slide .tlimg {width:100%;height:auto;overflow:hidden; border:none;margin:0 auto; display:block;}
.swiperPG_container .swiper-slide .tlimg img{height:auto;}
/* end*/


.swiperGroup2 {width: 100%;padding-bottom:30px;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:10px;text-align: center;width: 100%;z-index:2;min-height: 16px;padding:0;}
.pagination2 {background-color:none;display: inline-block;min-height: 16px;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 0.5%;float:left;}
.swiper-container2 .swiper-slide li:first-child{padding-left:0;}
.swiper-container2 .swiper-slide li:last-child{padding-right:0;}
.swiper-container2 .swiper-slide .tlimg {width:100%;height:130px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;overflow: hidden;background-position:50% 10%;background-repeat:no-repeat;background-size:cover;}
.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 130px;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.swiper-container2 .swiper-slide .tltxt {width:100%;display:block;padding:4% 2.5%;z-index:2;overflow: hidden;}
.swiper-container2 .swiper-slide .tltxt span {color:#111;line-height:1.4; font-weight:600;font-size:0.85rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap:break-word;}
@media (min-width: 576px) {
	.swiperGroup2 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 768px) {
	.swiperGroup2 {width: 100%;padding-bottom:40px;margin: 0 auto;position: relative;overflow:hidden;}
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 992px) {
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}
@media (min-width: 1200px) {
	.swiper-container2 .swiper-slide .tlimg {width:100%;height:220px; overflow:hidden; border:none;margin:0 auto;display:block;vertical-align: bottom;position:relative;}
	.swiper-container2 .swiper-slide .tlimg img{vertical-align: bottom;min-height: 220px;position: absolute;left: 0;bottom: 0;}
}

.swiper-container2 .playon {position: absolute;padding-left: 2px;left: 10px;bottom: 10px;width: 28px;height: 28px;line-height: 24px;font-size: 12px;text-align: center;color: #fff;pointer-events: none;border: 2px solid #fff;border-radius: 50%;background: rgba(0, 0, 0, .3);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.swiper-container2 .playon .fa {line-height: 24px;width: 100%;text-align: center;}


.swiperGroup3 {width: 100%;height:200px;padding:0;margin: 0 auto;position: relative;}
.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:1%;margin:3% 0%;height:38px;}
#pageNavi:after {content:""; display:block; clear:both;}
#pageNavi #subTitle, #pageNavi .subTitle {float:left;display:inline-block;border-bottom:1px solid #333;padding:0 10px 8px 5px;font-size:1.25rem;line-height: 38px;color: #444;height:38px;font-weight: 600;}
#pageNavi #sitemTitle, #pageNavi .sitemTitle {float:left;display: block;font-size:16pt;line-height: 38px;color: #444;padding-left:15px;height:38px;}

#pageNavi .naviTitle {position:absolute;right:1px;bottom:10px;padding: 0;font-size:0.8rem;color: #aaa;margin:0;}


.aafna{border:1px solid #ccc;padding:15px 10px;background-color:#104c89;color:#FFF;}
.aafna h3{color:#accef0;font-size:1.25rem;text-align:center;padding-top:0px;}
.aafna .aconts {line-height:1.5;padding:10px 20px 5px 20px;font-size:1rem;}
.aafna .aconts .t1 {text-align:center;font-size:1.15rem;font-weight: 600;letter-spacing:0;padding:0px 0px;}
.aafna .aconts .t2 {text-align:center;margin-bottom:10px;}
.aafna .aconts .t3 {text-align:center;padding-top:10px;border-top:1px solid #EEE;letter-spacing:-0.025rem;color:#accef0;font-weight: 600;}
.aafna .aconts .t4 {text-align:center;padding-top:10px;}

.product_idx {position: relative;display: block;overflow: hidden;border:1px solid #DDD;margin-bottom:1rem;padding:.5rem 1rem;}
.product_idx dt{padding:0.25rem 1rem;font-weight:400;font-size:1.25rem;}
.product_idx dd{float:left;padding:0.5rem 1rem;}

.bbslist {display: inline-block;list-style: outside none none;margin-bottom: 0px;padding: 0;width: 100%;}
.bbslist li {position: relative;line-height: 1.4;padding:10px 0;margin-top:0px;display:block;border-bottom: 1px solid #e5e5e5;width:100%;text-align:left;overflow: hidden;}
.bbslist li a{display:block;width:80%;line-height:30px;padding-left:0;letter-spacing: -0.025rem;color:#000;font-size:0.95rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.bbslist li .vote{color:#acacac;font-size:0.8rem;}
.bbslist li .date{position: absolute;right: 0;bottom:10px;color:#acacac;font-size:0.8rem;line-height:30px;letter-spacing: -0.025rem;}
.bbslist li:last-child {border: none;}

.mbx_t3 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t3:after {clear: both;content: "";display: block;}
.mbx_t3 li {padding-right: 1%;padding-bottom: 4%;position: relative;display: inline;float: left;margin: 0;width:33.33%;}
.mbx_t3 li a {cursor: pointer;}
.mbx_t3 li.f {}
.mbx_t3 li.e {padding-right: 0;}

.mbx_t4 {display: block;overflow: hidden;padding:0;margin:0 auto;width:100%;}
.mbx_t4:after {clear: both;content: "";display: block;}
.mbx_t4 li {position: relative;display: inline;float: left;margin: 0;width:50%;padding:0.5%;}
.mbx_t4 li a {cursor: pointer;}
.mbx_t4 li.f {padding-left: 0;}
.mbx_t4 li.e {padding-right: 0;}

.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:0.85rem;}
.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;}

/*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;}

@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;}
}

.__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;}

.down_nfile{border:1px solid #DDD;display:inline-block;margin-bottom:10px;padding:3px 10px;}
.down_nfile a{display:block;color:#444;font-size:0.75rem;}
.down_nfile .st{color:#999;font-size:0.55rem;}


._soa_title {position:relative;max-width:1200px;width:100%;margin:0 auto;height:0;}
._soa_title .htx{position:absolute;left:5%;top:10vh;width:90%; overflow:hidden;z-index:7;text-align:left;}
._soa_title .htx .htx1 {display:block;color:#FFF;font-size:1.5rem;margin-bottom:10px;font-weight:300;font-family:NotoKrR,sans-serif;text-shadow: 1px 1px rgb(0 0 0 / 75%);}
._soa_title .htx .htx2{display:block; font-size:2rem; margin:0px; letter-spacing:-0.0025rem;font-weight:700;color:#FFF;font-family:NotoKrB,sans-serif;text-shadow: 1px 1px rgb(0 0 0 / 75%);}

/* main slick-slider */
.tm_soa_slider {width:100%; margin:0 auto; position:relative; color:#666;border-bottom:1px solid #d4d5d6;z-index:1;}
.tm_soa_slider span, .tm_soa_slider h2, .tm_soa_slider p {margin:0; padding:0; line-height:1; word-break:keep-all;}
.tm_soa_slider h3 {margin:0; padding:0;}

.tm_soa_slider ._soa_box {width:100%;overflow:hidden;margin:0 auto;}
.tm_soa_slider ._soa_group {width:100%; margin:0 auto;text-align:center;}
.tm_soa_slider ._soa_group .zimg{overflow: hidden;background-position:50% 20%;background-repeat:no-repeat;background-size:cover;text-align:center;}
.tm_soa_slider ._soa_group .zimg img{width:100%;text-align:center;margin:0 auto;}

.tm_soa_slider ._soa_group ._conts {position:relative;display:block; max-width:1200px; width:100%; margin:0 auto; }

.tm_soa_slider ._soa_group ._conts ._conts_txt {position:absolute; top:0; left:15px; margin-top:20px;margin-left:0px;display:block;height:300px;width:43%;padding:60px 50px 0 50px;background-color:rgba(172, 179, 188, 0.93);border-radius:25px;-wekikit-border-radius: 25px;}
.tm_soa_slider ._soa_group ._conts ._conts_txt h1{display:block; font-size:32px; margin-bottom:13px; font-weight:600; color:#FFF;}
.tm_soa_slider ._soa_group ._conts ._conts_txt p{display:block; font-size:18px; margin-bottom:20px; line-height:1.7; min-height:95px; letter-spacing:-1;color:#FFF;}

/*slick-slider*/
.tm_soa_slider ._soa_group .slick-initialized .slick-slide {position:relative;}
.tm_soa_slider ._soa_group .slick-prev_wrap, .tm_soa_slider ._soa_group .slick-next_wrap {position:absolute; top:48%;}
.tm_soa_slider ._soa_group .slick-prev_wrap {width:39px; margin-left:-600px; z-index:1; left:50%;}
.tm_soa_slider ._soa_group .slick-next_wrap {width:39px; margin-right:-600px; text-align:right; /*z-index:11;*/ right:50%;}
.tm_soa_slider ._soa_group .slick-prev{width:39px; height:64px; background:url(/img/btn_prev.png) no-repeat; display:inline-block;}
.tm_soa_slider ._soa_group .slick-prev:hover{width:39px; height:64px; background:url(/img/btn_prev_ov.png) no-repeat; display:inline-block;}
.tm_soa_slider ._soa_group .slick-next{width:39px; height:64px; background:url(/img/btn_next.png) no-repeat; display:inline-block;}
.tm_soa_slider ._soa_group .slick-next:hover{width:39px; height:64px; background:url(/img/btn_next_ov.png) no-repeat; display:inline-block;}

.tm_soa_slider .slick-dots_wrap {position:absolute;left:50%;display:block;bottom:10px; text-align:center; border-radius:25px;-wekikit-border-radius: 25px;height:14px;line-height:0; padding:5px;margin-left:370px;}

.tm_soa_slider .slick-pause {position:absolute;line-height:0;right:0;}
.tm_soa_slider .slick-pause button {margin:0 7px; padding:0; border:0; background:none; cursor:pointer;}
.tm_soa_slider .slick-pause .bt_play{display:inline-block; width:14px; height:14px; background:url(/img/btn_play.png) no-repeat;}
.tm_soa_slider .slick-pause .bt_play:hover{display:inline-block; width:14px; height:14px; background:url(/img/btn_play.png) no-repeat;}
.tm_soa_slider .slick-pause .bt_play span{text-indent:-9999px; font-size:0; line-height:0;}
.tm_soa_slider .slick-pause .bt_pause{display:inline-block; width:14px; height:14px; background:url(/img/btn_pause.png) no-repeat; display:none;}
.tm_soa_slider .slick-pause .bt_pause:hover{display:inline-block; width:14px; height:14px; background:url(/img/btn_pause.png) no-repeat;}
.tm_soa_slider .slick-pause .bt_pause span{text-indent:-9999px; font-size:0; line-height:0;}

.tm_soa_slider .slick-dots {position:absolute;right:10px;bottom:15px;display:inline-block;  line-height:0;padding:0;margin:0 auto;}
.tm_soa_slider .slick-dots li {line-height:0; margin:0 3px;}
.tm_soa_slider .slick-dots li button {display:block; width:8px; height:8px; border-radius:4px;-wekikit-border-radius: 4px; background-color:#444; padding:0; font-size:0;}
.tm_soa_slider .slick-dots li button:hover {background-color:#008cd2;}
.tm_soa_slider .slick-dots li.slick-active button {width:20px; background-color:#008cd2;}

/* sub slick-slider */
.sub_soa_slider {overflow:hidden;width:100%; margin:0 auto; position:relative; color:#666;border-bottom:0px solid #d4d5d6;}
.sub_soa_slider ._conts_txt {position:absolute;width:100%; bottom:0; left:0; display:block;padding:10px;background-color:rgba(172, 179, 188, 0.60);color:#FFF;font-size:18px;text-align:left;font-weight: bold;}


.loginBox {
	margin:3% auto;
	max-width:400px;
    background-color:rgba(0,0,0,0);
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 1rem;
    position: relative;
}
.radiusBox {
	margin:3% auto;
    background-color:rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 1rem;
    position: relative;
}

.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;}


.mfsns {position: relative;border:0 none;margin:0 auto;padding:0;border-spacing:0;border-collapse:collapse;word-wrap:break-word;width:100%;}
.mfsns:after {clear: both;content: "";display: block;}
.mfsns li {float: left;width: 25%;padding:0;margin:0;}
.mfsns li a{position:relative;padding:0;margin:0;line-height:25px;height:25px;display: block;}
.mfsns a.icon img{width:25px;}
.mfsns a span.snstitle{position:absolute;font-size:11px;line-height:25px;display:inline-block;vertical-align:middle;padding:0 3px;}


.flinkbox {position: relative;text-align: center;padding:0em;overflow: hidden;margin:0 auto;background-color:#f1f1f1;}
.flinkbox:after {clear: both;content: "";display: block;}
.flinkbox li {float:left;padding:0;margin:0 auto;list-style-type: none;text-align:center;width:25%;}
.flinkbox li.bg_none {background:none repeat scroll 0 0 transparent;padding: 0px 0px 0px 5px;}
.flinkbox li a{color:#111;line-height:32px;height:32px;font-size:0.85rem;}
.flinkbox li::before {
  content: '';
  position: absolute;
  border-right:1px solid #DDD;
  right: 0;
  top:25%;
  height:50%;
}
.flinkbox li:last-child::before {
  content: '';
  position: absolute;
  border:none;
}

footer {background-color:#414141;margin-top:0px;border-top:0px solid #6d8998;padding-bottom:20px;}
footer .bar {color:#b2b2b2;padding:0px 5px; font-size:0.75;}
footer #footmenu {position:relative;width:100%;height:40px;}
footer #footmenu li {float: left;width:25%;margin:0;letter-spacing:-1px;font-size: 0.9em;font-weight: bold;color:#fff;text-align:center;background-color:#676d7c;}
footer #footmenu a {color:#FFF;padding:10px 0px;display:block;}

footer #footaddr {font-size: 0.85rem;color:#fff;padding:10px;text-align:center;line-height:1.7;}
footer #footaddr a {color:#fff;}
footer #footaddr .cpr {position: relative;color:#fff;font-size:1em;padding:0.5em 0 0 0;}
footer #footaddr .mtre {position: absolute;right:0;}

footer #fbutton {padding:5px;text-align:center;line-height:12px;}
footer button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
footer button span{text-align:center; display:inline-block;font-size:0.9em;padding:5px 10px;}
#_toplink {background: rgba(0, 0, 0, 0) url("img/_top.gif") no-repeat scroll 0 0;bottom: 10%;display: none;height: 45px;opacity: 0.5;position: fixed;right: 3%;text-indent: -9999px;width: 45px;}

.button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.button span{text-align:center; display:inline-block;font-size:0.9em;padding:5px 15px;}

.jbox table {
	border:0 none;
	margin:20px auto 7px;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 3px;
	
}
.jbox table td {
	padding-bottom:5px;
}
.input_box {
    border: 1px solid #DDD;
	padding: 2px 5px;
    font-size: 0.8em;
    width: 100%;
	-webkit-border-radius:1px;
	-webkit-appearance:none;
}
.jbox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.jbox button span{text-align:center; display:inline-block;font-size:1em;padding:10px;}
.jlist table {	border:0 none;	margin:10px auto 7px;	font-size:0.8em;}
.jlist table thead {	background-color:#DDD;}
.jlist table th, .jlist table td {	padding:5px 0px 5px 3px;	
}
.jlist table td {	padding-bottom:3px;border-bottom: 1px solid #DDD;}

/*본문 2016-12-28*/
.conts_dl {position:relative;padding-left:0px;padding-bottom:10px;margin-bottom:10px;*zoom:1;}
.conts_dl:after {content:""; display:block; clear:both;}
.conts_dl dt{font-size:20px;font-weight: bold;padding:10px 0;color:#006db8;}
.conts_dl dd{font-size:14px;padding:3px 0 3px 20px;color:#666;line-height:1.6;background: rgba(0, 0, 0, 0) url("/images/main/icon_try_blue.gif") no-repeat scroll 10px 11px;}
.conts_dl dd .ico{padding:5px 0;}
.conts_dl .bold{color:#ff6633;}
.conts_dl .comnt{font-size:12px;}

.conts_hd_title {font-size:20px;font-weight: bold;padding:10px 0;color:#006db8;}

.disc {margin-left:15px;}
.disc li{list-style:disc outside;margin-top:10px;}

.conts1_dl {position:relative;padding:10px 20px;*zoom:1;border:1px solid #DDD;}
.conts1_dl:after {content:""; display:block; clear:both;}
.conts1_dl dt{font-size:16px;font-weight: bold;padding:5px 0;color:#444;}
.conts1_dl dd{font-size:14px;padding:3px 0 3px 20px;color:#666;line-height:1.6;background: rgba(0, 0, 0, 0) url("https://kdnclex.com/images/main/icon_try_blue.gif") no-repeat scroll 10px 11px;}
.conts1_dl dd .ico{padding:5px 0;}
.conts1_dl .bold{color:#ff6633;}
.conts1_dl .comnt{font-size:12px;}

.sample_ulli {position:relative;padding:10px 20px;*zoom:1;border:1px solid #DDD;margin-top:10px;clear:both;}
.sample_ulli ul{display: inline-block; zoom:1; *display:inline;list-style: outside none none;margin: 0;padding: 0;}
.sample_ulli ul li {float:left;padding: 2px;}
.sample_ulli ul li.timg {padding-right: 20px;font-size:0;margin:0;}

.sample_ulli ul li .conts {padding: 10px;}
.sample_ulli ul li h3 {padding:2px 0;font-size:20px;line-height:24px;}
.sample_ulli ul li p {padding:2px 0;font-size:16px;}

.numbg1_dl {position:relative;padding:10px 0px;*zoom:1;border:0px solid #DDD;}
.numbg1_dl:after {content:""; display:block; clear:both;}
.numbg1_dl dt{font-size:18px;font-weight: bold;height:30px;line-height:30px;padding:0;margin:5px 0;color:#0b4764;background: rgba(0, 0, 0, 0) url("https://kdnclex.com/images/ico/numbg1.png") no-repeat scroll 0 0;}
.numbg1_dl dt.nobg{background: none;}
.numbg1_dl dt span.num {width:30px;height:30px;display: inline-block;text-align:center;color:#FFF;margin-right:10px;}
.numbg1_dl dt span.msg {color:#444;font-size:14px;font-weight:normal;}
.numbg1_dl dd{font-size:14px;padding:3px 0 30px 40px;color:#444;line-height:1.6;border-top:1px solid #ddd;}
.numbg1_dl dd ul.disc {margin-left:15px;}
.numbg1_dl dd ul.disc li{list-style:disc outside;margin-top:10px;}

.numbg2_dl {position:relative;padding:10px 0px;*zoom:1;border:0px solid #DDD;}
.numbg2_dl:after {content:""; display:block; clear:both;}
.numbg2_dl dt{font-size:18px;font-weight: bold;height:30px;line-height:30px;padding:0;margin:5px 0;color:#0b4764;background: rgba(0, 0, 0, 0) url("https://kdnclex.com/images/ico/numbg2.png") no-repeat scroll 0 0;}
.numbg2_dl dt span.num {min-width:30px;min-height:30px;display: inline-block;text-align:center;color:#FFF;margin-right:10px;}
.numbg2_dl dt span.msg {color:#444;font-size:14px;font-weight:normal;}
.numbg2_dl dd{font-size:14px;padding:3px 0 30px 40px;color:#444;line-height:1.6;border-top:1px solid #ddd;}
.numbg2_dl dd ul.disc {margin-left:15px;}
.numbg2_dl dd ul.disc li{list-style:disc outside;margin-top:10px;}

.faq_dl {position:relative;padding:10px 0px;*zoom:1;border:0px solid #DDD;}
.faq_dl:after {content:""; display:block; clear:both;}
.faq_dl dt{font-size:15px;font-weight: bold;line-height:24px;padding-left:33px;margin:5px 0;color:#0b4764;background: rgba(0, 0, 0, 0) url("https://kdnclex.com/images/kdn/03_04_02.gif") no-repeat scroll 0 0;}
.faq_dl dd{font-size:14px;padding:10px 0 30px 33px;color:#444;line-height:1.6;border-top:1px solid #ddd;background: rgba(0, 0, 0, 0) url("https://kdnclex.com/images/kdn/03_04_04.gif") no-repeat scroll 0 10px;}


.radiusbox{
	-moz-border-radius: 22px; /* Firefox */
	-webkit-border-radius: 22px; /* Safari and Chrome */
	border-radius: 22px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    overflow: visible;
	padding:20px;
	margin: 0 auto;
}
.radiusbox5{
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    overflow: visible;
	padding:10px;
	margin: 0 auto;
}

._homepage{position:relative;padding:3% 5%;font-size:1em;line-height:1.8;}/**/
._homepage p {font-size:0.95em;text-align: justify;}
._homepage img {max-width:100%;}

._homepage .hLeft {float:left;width: 100%;overflow: hidden;}
._homepage .hRight {float:left; width: 100%;padding: 0;border:0px solid #1a1a1a;overflow: hidden;}

.lineBox{position:relative;overflow:hidden;margin:0 auto;padding:2% 3%;}

.hpage1t {position: relative;width:100%;border-bottom:1px solid #DDD;display: block;}
.hpage1t:after {clear: both;content: "";display: block;}
.hpage2t {position: relative;width:100%;display: block;}
.hpage2t:after {clear: both;content: "";display: block;}

@media all and (max-width:768px) {
	.hpLeft {position: relative;float:left;width: 100%;overflow: hidden;padding:0;}
	.hpRight {position: relative;float:right; width:100%; overflow: hidden;padding:0px;}

	.hpage1t .hpLeft {text-align:center;}
	.hpage1t .hpLeft img{max-width:100%;}
	.hpage1t .hpRight {padding:5% 0%;}

	.hpage1t .hpRight .tx1{font-size:1rem;line-height: 1.4;color: #2286c1;text-align: justify;letter-spacing:-0.055rem;}
	.hpage1t .hpRight .tx2{font-size:1.25rem;line-height: 1.7;color: #000;text-align: justify;margin-top:3%;font-weight:100;letter-spacing:-0.0rem;}
	.hpage1t .hpRight .tx2 span{font-size:1.5rem;color: #000;font-weight:600;}

	.hpage2t .hpLeft {display:none;}
	.hpage2t .hpRight {padding:0 0%;text-align: justify;}
	.hpage2t .hpRight p {font-size:1rem;line-height: 1.9;color: #000;text-align: justify;}
	.hpage2t .hpRight p.msg_f {font-size:1.25rem;line-height: 1.9;color: #000;padding-top:5%;}

}
@media all and (min-width:769px) {
	.hpLeft {position: relative;float:left;width: 30%;overflow: hidden;padding:0;}
	.hpRight {position: relative;float:right; width:65%; overflow: hidden;padding:0px;}

	.hpage1t .hpLeft img{max-width:100%;}
	.hpage1t .hpRight {padding:80px 0 0 0;}

	.hpage1t .hpRight .tx1{font-size:1.75rem;line-height: 1.4;color: #2286c1;text-align: justify;letter-spacing:-0.055rem;}
	.hpage1t .hpRight .tx2{font-size:1.75rem;line-height: 1.9;color: #000;text-align: justify;margin-top:20px;font-weight:100;letter-spacing:-0.0rem;}
	.hpage1t .hpRight .tx2 span{font-size:2.5rem;color: #000;font-weight:600;}
	.hpage1t .hpRight .tx2 span{font-size:2.5rem;color: #000;font-weight:600;}


	.hpage2t .hpRight {padding:0px 0 0 0px;text-align: justify;}
	.hpage2t .hpRight p {font-size:1.1rem;line-height: 1.9;color: #000;text-align: justify;}
	.hpage2t .hpRight p.msg_f {font-size:1.55rem;line-height: 1.9;color: #000;padding-top:55px;}

}
/*연혁*/
.historyview {position:relative;margin:3% 5%;}
.historyview::before {content:'';position:absolute;top:0;left:23%;width:1px;height:100%;background-color:#d6d6d6}

.historyview div{min-height:90px;}
.historyview .odd, .historyview .even {position: relative;padding-top:1rem;}
.historyview .odd h1, .historyview .even h1{position:absolute;width:20%;left:0;text-align:center;margin-top: 1rem;padding-top:1px;font-size:1.25rem;}

.historyview div li{display:block;padding:1px;clear: both;min-height:22px;}

.historyview div .odd, .historyview div .even {list-style:none; clear: both;position: relative;width: 70%;margin-top: 1rem;padding-top: 1px;margin-left: 23%;}
.historyview div .odd li, .historyview div .even li{display:block;position:relative;text-align: left;margin:0rem 0rem 1rem 1rem;font-size:0.85rem;color:#666;letter-spacing: -.05em;}
.historyview div .odd li:before, .historyview div .even li:before {content:'';display:block;position:absolute;top:8px;left:-1.28rem;z-index:2;width:8px;height:8px;border-radius:50%;background:#0082cb}
.historyview div .odd li strong, .historyview div .even li strong{float: left;display:block;padding-right:0.5rem;text-align: left;width:25%;white-space:nowrap;	letter-spacing:-1px;font-size:0.85rem;}
.historyview div .odd li p, .historyview div .even li p{display:block;overflow: hidden;margin-bottom: 0;	letter-spacing:-1px;font-size:0.85rem;}

/*home css*/
.htx_wrap {position:relative;line-height:1.5;padding:5%;border:1px solid #eee;background-color:#f7f7f7;}
.htx_wrap:after {clear: both;content: "";display: block;}

.htx_wrap .htx_header {position:relative;float: left;width:100%;font-weight:600;}
.htx_wrap .htx_conts {position:relative;float: left;width:100%;padding-top:20px;}
.htx_wrap .htx_conts h3 {float: left;padding: 1% 0%;width:100%;position: relative;font-size:0.85rem;font-weight:400;margin-bottom:10px;color:#000099;}


.htx_header .htx1 {display: inline-block;border-right:2px solid #444;color:#444;padding:0 10px 0 0px;line-height:2rem;font-size:1.5rem;}
.htx_header .htx2 {display: inline-block;color:#931939;font-size:1.5rem;line-height:2rem;padding:0px 0px 0 20px;}

/*목차*/
.htx_list {width: 100%;display: block;overflow: hidden;}
.htx_list:after {clear: both;content: "";display: block;}
.htx_list li {display: inline;float: left;padding: 1% 0%;width:100%;position: relative;font-size:0.85rem;font-weight:400;}

.map_box{display: block;margin-bottom:20px;}
.map_ico{border-radius: 50%;display: inline-block;overflow: visible;width:36px;height:36px;padding:0px;margin: 0 auto;background-color:#f7f7f7;text-align:center;}
.map_ico .fa{font-size:1rem;line-height:36px;}
.map_tl{font-size:1rem;font-weight:600;margin:0 10px;display: inline-block;width:200px;}
.map_conts{width:100%;clear: both;display: block;line-height:1.5;padding-top:10px;}

.tbl_data0{width:100%;font-size:0.85rem;border:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data0 th, .tbl_data0 td{padding:0;font-size:0.85rem;text-align:center;border:0;margin:0;}

/* 게시판 리스트 */
.tbl_data1{width:100%;font-size:0.85rem;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:0.85rem;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:0.85rem;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 5px 12px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;font-size:0.85rem;}
.tbl_data1 tbody td.no_left{border-left:0px solid #e0e0e0;}
.tbl_data1 tbody th{padding:14px 20px 12px;font-size:0.85rem;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{}
.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;}


.cnts_qna{font-size:1rem;color:#3f869b;font-weight:400;padding: 0px;}
.cnts_qna dt{float: left;clear:both;width:20%;padding:10px 0;margin:10px 0;border-bottom:0px solid #DDD;font-weight:400;}
.cnts_qna dd{float: right;width:80%;padding:10px 0;border-bottom:0px solid #DDD; margin:10px 0;}
.cnts_qna dt.q{color:#343434;margin:10px 0;border-bottom:0px solid #DDD; margin:10px 0;border-top:1px solid #DDD;}
.cnts_qna dd.q{color:#343434;margin:10px 0;border-bottom:0px solid #DDD; margin:10px 0;border-top:1px solid #DDD;font-weight:600;}


p.sky {font-family:'NotoKrR'; font-weight:100; color:#0089d8;line-height:2.5;}
p strong.blue {font-family:NotoKrB; font-weight:100; color:#385ea2;}
p strong.sky {font-family:NotoKrB; font-weight:100; color:#0089d8;}
p strong.black {font-family:NotoKrB; font-weight:100; color:#313131;}
p strong.green {font-family:NotoKrB; font-weight:100; color:#2b8b4a;}

h3.tl {font-size:1.5em; color:#444; line-height:1.6; font-family:'NotoKrL'; font-weight:600; padding-bottom:25px;line-height:1.5; letter-spacing:-0.055em;}
h3.tl .blue {font-family:NotoKrB; font-weight:100; color:#385ea2;}
h3.tl .sky {font-family:NotoKrB; font-weight:100; color:#0089d8;}
h3.tl .green {font-family:NotoKrB; font-weight:100; color:#2b8b4a;}

h3.tl1 {position: relative;font-size:1.8em; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:100; padding-bottom:25px;margin-bottom:0px;}
h3.tl1:after {content:'';position:absolute;top:1px;left:0%;width:10%;height:1px;background-color:#0082cb}

h3.tl2 {position: relative;font-size:1.8em; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:100; padding-bottom:25px;margin-bottom:0px;}
h3.tl2:after {content:'';position:absolute;top:1px;left:45%;width:10%;height:1px;background-color:#0082cb}


.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:20px;box-sizing:border-box;vertical-align:top;}
._admanager:after {clear: both;content: "";display: block;}
._admanager a.tl{position: absolute;left:0;top:0;font-size:11px;background-color:red;color:#FFF;z-index:99;padding:0 10px;}
._admanager a.close{position: absolute;right:0;top:0;font-size:11px;background-color:red;color:#FFF;z-index:99;padding:0 10px;}

._admanager2{position: relative;display: block;border:0px solid blue;min-height:19px;min-width:200px;box-sizing:border-box;}
._admanager2:after {clear: both;content: "";display: block;}
._admanager2 .tl{position: absolute;left:0;top:0;font-size:11px;background-color:blue;z-index:9;padding:0 5px;}
._admanager2 .tl a{font-size:11px;color:#FFF;padding:0;}
._admanager2 a.adm{position: absolute;right:0;top:0;font-size:11px;background-color:blue;color:#FFF;z-index:9;padding:0 5px;}

._aduser{position: relative;display: block;box-sizing:border-box;vertical-align:top;}
._aduser:after {clear: both;content: "";display: block;}
._aduser>a.x{position: absolute;right:-22px;top:0;font-size:11px;background-color:#7d7d7d;color:#FFF;z-index:99999;padding:0;width:22px;height:22px;line-height:22px;text-align:center;}

/* ---- 에러 페이지 (404 error) ---- */
.error-zone{position:relative;padding:100px 0;text-align:center;}
.error-zone .icon{font-size:5rem;color:#ccc;text-align:center;}
.error-zone .msg{font-size:1.5rem;line-height:1.5;color:#ccc;text-align:center;letter-spacing: -1px;}
.error-zone strong{display:block;margin-top:18px;font-weight:600;font-size:1.25rem;color:#666;text-align:center;}
.error-zone .btn-home{margin-top:50px;}
.btn-home{display:inline-block;position:relative;width:170px;height:45px;background:#0068d1;font-size:1rem;color:#fff !important;line-height:45px;text-align:center;}
.btn-home span{display:inline-block;position:relative;height:100%;padding-left:24px;margin-left:-24px;}
.btn-home span:before{content:'';position:absolute;top:17px;left:0;width:13px;height:12px;}
.btn-home:hover{text-decoration:none;}


.pageindex {overflow: hidden;position: relative; padding:10px;display: inline-block;}
.pageindex ul {position: relative;display: block;clear: both;margin: 0 auto;border: 0px solid #DDD;padding:0;}
.pageindex ul:after {content:""; display:block; clear:both;}
.pageindex li {float: left;padding:0px;margin:0 5px 2px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.pageindex li:last-child {border-right:0px !important;}
.pageindex li a{
font-size:0.85rem;
    color: #121a3a;
    display: block;
	padding: 3px 10px;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;overflow: hidden;
	border:1px solid #eee;border-radius:5px;-wekikit-border-radius: 5px;
}
.pageindex .sel {overflow: hidden;}
.pageindex .sel a{font-weight: bold;background-color:#bfe2fd;}
.pageindex .n{border:none;}
.bbs_wrap{margin:0 5%;}

.form-gnp{position: relative;margin-top:20px;}
.form-label{position: relative;margin: .25em 0;}
.form-label label{font-size:0.9rem;padding-left:10px;color:#777;}
.form-field{position: relative;border: 1px solid rgba(0,0,0,.12);margin: .25em 0;background-color: #FFF;border-radius: 5px;padding:5px 10px;}
.form-field:hover{border: 1px solid rgba(0,0,0,.7);}
.form-text{position: relative;margin: .25em 0;padding:10px 0;outline:0;overflow: hidden;width:100%;}
.form-conts{position: relative;border: 0px solid rgba(0,0,0,.12);margin: .25em 0;background-color: #FFF;padding:5px 5px;}

.form-gnp .alert{font-size:0.75rem;padding:0px 10px;line-height:1.4;letter-spacing: -0.025rem;}

.form-field input {color: #111;font-size: 0.9rem;line-height: 1.4;padding: 0% 0;width:100%;border:0;outline:none;}
.form-field select {border: 1px solid #bdbdbd;color: #444;height: 30px;line-height: 28px;padding-left: 0.75em;margin:0;}
.form-field textarea {background: #fff none repeat scroll 0 0;border: 1px solid #cecece;color: #6e6e6e;font-size: 0.9rem;height: 64px;line-height: 1.5;padding: 0 0.75em;width: 500px;}
