@charset "utf-8";

.banner_wrap {
    position: relative;    
}

/* 배너 arrow */

.banner_wrap .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    display: block;
    width: 66px;
    height: 66px;
    margin-top: -33px;
}

.banner_wrap .bx-wrapper .bx-prev {
    left: 65px;
    background-image: url(../images/arrow_l.png);
}

.banner_wrap .bx-wrapper .bx-next {
    right: 65px;
    background-image: url(../images/arrow_r.png);
}


/* 배너 pager */

.banner_wrap > .bx-wrapper > .bx-controls > .bx-pager {
    bottom: 15px;
    padding-top: 0;
}

.banner_wrap .bx-pager-item {
    vertical-align: middle;
}

.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:link,
.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:visited {
    background: transparent;
    border:1px solid #fff;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin-right:5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.banner_wrap .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child>a{
 margin-right:0;   
}


.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}

.sec01_wrap{
background:#f5f5f5;
}

.mt_mlist{
padding:34px 0;
}

.mt_mlist:after{
 content:'';
    display: block;
    clear:both;
}

.mt_mlist>li{
 float:left;   
    width:30%;
    margin-right:5%;
}

.mb_12{
margin-bottom:12px;
}

.mt_mlist>li:nth-of-type(3), .mt_mlist>li:nth-of-type(6){
margin-right:0;
}

.mt_mlist>li>a{
    display: block;
    height:100px;
    background-color:#fff;
    border-radius:5px;
    box-shadow:1px 1px 1px rgba(0,0,0,0.15);
    font-size:1.3em;
    font-weight:bold;
    text-align: center;
    box-sizing:border-box;
    padding-top:70px;
    background-size:42px;
}

.mt_mlist>li:nth-of-type(1)>a{
background-image:url(../images/mt_01.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.mt_mlist>li:nth-of-type(2)>a{
background-image:url(../images/mt_02.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.mt_mlist>li:nth-of-type(3)>a{
background-image:url(../images/mt_03.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.mt_mlist>li:nth-of-type(4)>a{
background-image:url(../images/mt_04.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.mt_mlist>li:nth-of-type(5)>a{
background-image:url(../images/mt_05.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.mt_mlist>li:nth-of-type(6)>a{
background-image:url(../images/mt_06.png);
    background-repeat: no-repeat;
    background-position: center top 19px;
}

.sec02_wrap{
padding-bottom:65px;
background-color:#f5f5f5;
}


.m_title01{
    letter-spacing:0.4px; 
    padding:30px 0 59px;
	text-align: center;
    font-size:2.1em;
    font-weight: bold;
	background:url(../images/under_bar.jpg) no-repeat 50% 66%;
}

.m_title01>span{
font-weight: bold;    
}



.sec02_wrap .bx-wrapper{
width: 100% !important;
}

.sec02_wrap .bx-viewport{
width: 100% !important;
}

.sec02_wrap .m3_slide{
width:500% !important;
    margin-left:14%;
}

.sec02_wrap .slide{
width: 14% !important;
    margin:0 0.25%;
}



.m3_slide img{
width:100%;
}


.sec02_wrap  .bx-wrapper  .bx-controls  .bx-pager {
    bottom: -30px;
    padding-top: 40px;
}

.sec02_wrap .bx-pager-item {
    vertical-align: middle;
}

.sec02_wrap .bx-wrapper .bx-pager.bx-default-pager a:link,
.sec02_wrap .bx-wrapper .bx-pager.bx-default-pager a:visited {
    background: transparent;
    border:1px solid #aaa;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin-right:5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.sec02_wrap .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child>a{
 margin-right:0;   
}


.sec02_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #aaa;
}


.sec03_wrap{
 padding-bottom:34px;
}

.m_title02{
    letter-spacing:0.4px;
    padding:30px 0 20px;
	text-align: center;
    font-size:2.1em;
    font-weight: bold;
    color:#333;
	background:url(../images/under_bar.jpg) no-repeat 50% 100%;
}

.m_title02>span{
font-weight:300;    
    color:#fff;
}

.el_bx{
margin-bottom:15px;
}

.el_bx01{
margin:0 4% 0 0;
width:48%;
float:left;
}
.el_bx02{
margin:0;
width:48%;
float:left;
}
.el_bx03{
margin:-5% 4% 0 0;
width:48%;
float:left;
}
.el_bx04{
margin:-5% 0 0 0;
width:48%;
float:left;
}

.el_ibx{margin-top:40px;}

.el_ibx>img{
width:100%;
    height: auto;
}


.el_tbx{
 position: relative; 
    background:#fff;
    padding:4%;
}

.el_title{
 font-size:1.6em;
    font-weight: 500;
    letter-spacing:-1.3px;
	text-align:center
}

.mt_01{
	color:#777;
    font-size:1.2em;
    font-weight: 300;
    line-height:1.8;
    letter-spacing:-0.6px;
	text-align:center;
}



.btn_el_more{
 position: absolute;
    right:4%;
    top:12%;
    display: block;
    text-indent:-9999em;
    width:21px;
    height:21px;
    background:url(../images/red_ar.png);
    background-size:100%;
}

.area_community{
 padding:25px 0 35px;
 background:url(../images/mc_bg.jpg) no-repeat center;   
 background-size:cover;
}


.community_title{
font-size:1.9em;
    font-weight: bold;
    color:#fff;
}


.mt_02{
 color:#fff;   
    font-weight: 300;
    font-size: 1.1em;
	padding-bottom:10px
}


.mt_03{
    color:#fff;
    font-size:1.9em;
    font-weight: bold;
    font-family:'Noto Sans KR' , sans-serif;
    padding:6px 0;
}

.btn_community>a{
display:block;
    width:190px;
    height:30px;
    line-height:30px;
    box-sizing:border-box;
    background-color:#fff;
    color:#28975c;
    font-size:1.1em;
    font-weight:600;
    padding-left:15px;
    background-image: url(../images/w_ar.png);
    background-repeat: no-repeat;
    background-position:right 14px center;
    background-size:13px;
}

.sec05_wrap{
 background:#f5f5f5;   
}

.tb2_wrap{
background:#fff;
    padding:34px 0 10px 0;
    border-bottom:1px solid #ddd;
}

.bb2_wrap{
background:#fff;
    padding:30px 0 15px 0;
}


.sec05_title{
    font-size:2.1em;
    font-weight:bold;
}


/*.tb2_wrap .sec05_title{
background:url(../images/rdd.png) no-repeat left center;
    background-size:22px;
}

.bb2_wrap .sec05_title{
background:url(../images/odd.png) no-repeat left center;
    background-size:22px;
}*/

.area_b2_slide{
margin-top:15px; 
}

.b2_ibx{
	height:90px;
	overflow:hidden;
}

.b2_ibx img{
width:100%;
}


.b2_t01{
    padding:6% 0 10%;
text-align: center;
    font-size: 1.6em;
    font-weight: 500;
}

.b2_btn01 a{
    position: absolute;
display: block;
    width:22px;
    height:27px;
    text-indent:-9999em;
    background-size:100%;
}


.b2_btn01 a.bx-next{
    background:url(../images/arrow_r.png) no-repeat;
    background-size:100%;
right:0;
    top:60%;
}

.b2_btn01 a.bx-prev{
    background:url(../images/arrow_l.png) no-repeat;
    background-size:100%;
left:0;
    top:60%;
}



.b2_btn02 a{
    position: absolute;
display: block;
    width:22px;
    height:27px;
    text-indent:-9999em;
    background-size:100%;
}


.b2_btn02 a.bx-next{
    background:url(../images/arrow_r.png) no-repeat;
    background-size:100%;
right:0;
    top:60%;
}

.b2_btn02 a.bx-prev{
    background:url(../images/arrow_l.png) no-repeat;
    background-size:100%;
left:0;
    top:60%;
}


.btn_b2_more{
    position: absolute;
    right:0;
    top:5px;
 display: block;
    text-indent:-9999em;
    width:22px;
    height:22px;
    background:url(../images/g_more.png);
    background-size:100%;
}

.sec06_wrap{
    padding:0;
 background:#fff;   
}
.sec06_wrap img{
    width:100%
}


#banner {width:100%; }
#bannerSliderArea {width:100%; height:80px; margin:0 auto; position:relative;}
	.bannerItems {width:100%; margin:0 auto; text-align:center;}
		.bannerItems div {float:left; padding:7px 5% 0 5% }
		.bannerItems a {margin:0 1px; }
		.bannerItems a img {vertical-align:middle; }
#bannerSliderArea .prevNextBtn .prevBtn,
#bannerSliderArea .prevNextBtn .nextBtn {position:absolute; display:block; width:15px; height:26px; top:30px;}
#bannerSliderArea .prevNextBtn .prevBtn {background:url("../images/slideRightBtn.jpg") 0 0 no-repeat; right:0px;}
#bannerSliderArea .prevNextBtn .nextBtn {background:url("../images/slideLeftBtn.jpg") 0 0 no-repeat; left:0px;}
	.bannerItems div {text-align:center;}
	



.slide p{
    padding: 10px 0 5px;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: -0.025em;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    box-sizing: border-box;
}
.slide span{
font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    display: block;
}




ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	max-width:100%;
	text-align:center;
	box-sizing:border-box;
}


ul.tabs li{ 
	width:32%; height:55px;
	text-align:center;
	line-height:55px;
	background: #eee;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	font-size:15px;
}

ul.tabs li.current{
	background: #00aff0;
	color: #fff;
}

.tab-content{
	display: none;
	background: #fff;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}

#tab-1 ul li{position:relative; max-width:100%; height:30px;}
#tab-1 ul li a{font-size:12px; vertical-align:center; line-height:30px;
overflow: hidden;     display: block;
    text-overflow: ellipsis;
    white-space: nowrap;}
#tab-1 ul li a:after{content:""; display:block; clear:both;}
#tab-1 ul li a p{float:left; line-height:30px; overflow: hidden;     display: block;
    text-overflow: ellipsis;
    white-space: nowrap; width:75%;}
#tab-1 ul li a span{float:right; position:absolute; top:0; right:0; font-size:10px; color:#777; overflow: hidden;     display: block;
    text-overflow: ellipsis;
    white-space: nowrap;}

#tab-2 ul li{position:relative; max-width:100%; height:30px;}
#tab-2 ul li a{font-size:12px; vertical-align:center; line-height:30px;}
#tab-2 ul li a p{line-height:2em; }
#tab-2 ul li a span{position:absolute; top:0; right:0; font-size:10px; color:#777; }

#tab-3 ul li{position:relative; max-width:100%; height:30px;}
#tab-3 ul li a{font-size:12px; vertical-align:center; line-height:30px;}
#tab-3 ul li a p{line-height:2em; }
#tab-3 ul li a span{position:absolute; top:0; right:0; font-size:10px; color:#777; }