@charset "utf-8";

.main_vis_bg {background:url('/_img/main_bg.png') no-repeat center center;  padding:45px 0; margin-top:40px;}
.main_vis_con {width:100%; max-width:1200px; display:block; margin:0 auto;}

/* ½½¶óÀ̵å */
.main_vis_left {width:100%; max-width:476px; display:inline-block; vertical-align:middle; border-radius:40px; overflow:hidden;}
.main_vis_left > .bx-wrapper {background:none; border:0; box-shadow:none; margin-bottom:0;}

.main_vis_right {width:calc( 100% - 480px ); display:inline-block; vertical-align:middle; padding-left:40px;}

.bbs_ul {}
.bbs_ul > li {background:#fff; border:1px solid #ccc; border-radius:40px; padding:30px; width:48%; display:inline-block; vertical-align:top; height:323px;}
.bbs_ul > li:first-child {margin-right:3%;}
.bbs_ul > li > .bbs_tit {font-size:18px; font-weight:bold; color:#232323; width:100%; margin-bottom:24px;}
.bbs_ul > li > .bbs_more {float:right; font-size:15px; color:#666; display:inline-block; margin-top:-47px;}
.bbs_ul > li > .bbs_first {padding-bottom:23px; margin-bottom:23px; border-bottom:1px solid #ccc;}
.bbs_ul > li > .bbs_first > a > .bbs_ftit {font-size:17px; color:#232323; margin-bottom:5px; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_ul > li > .bbs_first > a > .bbs_fdate {font-size:15px; color:#666;}
.bbs_ul > li > .bbs_mul {}
.bbs_ul > li > .bbs_mul > li > a {background:url('/_img/bullet_04.png') no-repeat left center; padding-left:10px; font-size:15px; color:#232323; width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}


.icon_ul {width:100%; max-width:1200px; display:block; margin:0 auto; padding:40px 0;}
.icon_ul > li {overflow:hidden; position:relative; background:#fff; border:1px solid #ccc; border-radius:50px; padding:25px 40px; width:48.5%; display:inline-block; vertical-align:top;}
.icon_ul > li:first-child {margin-right:2%;}
.icon_ul > li > img {border-right:1px  solid #ccc; display:inline-block; padding-right:40px; vertical-align:middle;}
.icon_ul > li > a {position:absolute; right:-20px; top:25%; width:60px; height:60px; color:#fff; font-size:16px; border-radius:60px; line-height:60px; padding:0 15px; transition:0.3s;}
.icon_ul > li > a:hover {background:#6ac697 !important; text-align:center; right:0px;}
.icon_wrap {padding:0 40px; display:inline-block; width:calc( 100% - 150px ); vertical-align:middle;}
.icon_wrap > .icon_tit {font-size:18px; color:#232323; font-weight:bold; margin-bottom:5px;}
.icon_wrap > .icon_con {font-size:15px; color:#555;}
.icon_wrap > .icon_con > span {font-size:13px; color:#f78f1d; font-weight:bold;}

.bx-wrapper{ background:none !important;}

@media screen and (max-width:1200px) {
	.main_vis_bg {padding:45px 20px; background:url('/_img/main_bg.png') no-repeat center top;}

	.main_vis_left {display:block; margin:0 auto 40px auto; max-width:675px;}
	.main_vis_left > .bx-wrapper img {width:100%;}
	.main_vis_right {width:100%; max-width:675px; display:block; margin:0 auto; padding-left:0;}

	.icon_ul {max-width:675px; padding-top:0;}
	.icon_ul > li {width:100%;}
	.icon_ul > li:first-child {margin-bottom:30px;}
}

@media screen and (max-width:799px) {
	.main_vis_bg {margin-top:158px;}
}

@media screen and (max-width:735px) {
	.main_vis_bg {background:#edf8f1; margin-top:118px;}

	.icon_ul {padding:40px 20px;}
}

@media screen and (max-width:480px) {
	.main_vis_right {padding-top:0px;}
	
	.bbs_ul > li {width:100%; margin-bottom:20px;}
	.bbs_ul > li:first-child {margin-right:0;}

	.icon_ul > li {padding:25px;}
	.icon_ul > li:first-child {margin-bottom:20px;}
	.icon_ul > li > img {padding-right:10px;}
	.icon_wrap {width:calc( 100% - 120px ); padding-left:10px;}
}

.bbs_tab_bg {background:#f3f3f3;}
.bbs_tab_wrap {width : 100%; max-width:1200px; padding:70px 0px; display:block; margin:0 auto;}

/* Tab + List */
.tab.list{height:160px}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;font-size:12px;*zoom:1;border-bottom:1px solid #ccc;}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;color:#666;padding-right: 15px;}
.tab.list li a span{display:inline-block;letter-spacing:-1px;cursor:pointer;font-size:20px;padding:0 10px 7px 10px;}
.tab.list li ul{width:100%;position:absolute;top:70px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999; width: 100%; max-width:260px; overflow: hidden; background:#fff; border:1px solid #ccc; border-radius:10px; padding:20px; display:inline-block; margin-right:49px; height:125px; transition:0.3s;}
.tab.list li li:hover {box-shadow: 10px 10px 5px #e8e8e8; border:1px solid #99d96f;}
.tab.list li > ul > li:nth-child(4) {margin-right:0;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#232323 !important;font-size:16px;font-weight:normal;background:transparent;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em;text-align:left;}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list li li .time{position:absolute;bottom:20px;right:20px;color:#666;font-size:15px;}
.tab.list li li.more{position:absolute;top:-84px;right:0;border:0 !important;background:transparent; width : auto; margin-right:0; padding-right:0; transition:none;}
.tab.list li li.more:hover {border:0;box-shadow:0 0 0 #fff;}
.tab.list li.active a span, .tab.list li a span:hover {font-weight:bold;  position: relative; color:#232323; border-bottom:3px solid #74c043;}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px}
.tab.list > ul > li > ul > li.more a{ font-size : 15px; color:#666;}
.tab.list > ul > li{  padding: 0 4%;text-align: center;}
.tab.list > ul > li:last-child{ margin-right : 0px;  border-right : 0px ; }

@media screen and (max-width:1200px) {
	.bbs_tab_wrap {padding:70px 20px; max-width:675px;}
	
	.tab.list > ul > li { padding: 0 1%;}
	.tab.list li ul {top:60px;}
	.tab.list li a {padding-right:0;}
	.tab.list li a span {padding:7px 15px;}
	.tab.list li li {margin:10px 27px;}
	.tab.list li li.more {top:-77px;}
}
 
@media screen and (max-width:735px) {
	.bbs_tab_wrap {padding:70px 20px;}

	.tab.list ul {border-bottom:0; text-align:center;}
	.tab.list > ul > li {width:48%; text-align:center; display:inline-block; float:none; margin:3px 0;}
	.tab.list li ul {top:100px;}
	.tab.list li a {float:none;}
	.tab.list li.active a span, .tab.list li a span:hover {border-bottom:0; background:#74c043; color:#fff; border-radius:5px;}
	.tab.list li li {margin:5px 15px;}
	.tab.list li li.more {display:none;}
	.tab.list li > ul > li:nth-child(4) {margin-right:15px;}
	.tab.list li a span {width:100%; background:#fff; border-radius:10px; font-size:17px;}
}

/* °ü·Ã »çÀÌÆ® */
.banner_wrap {background:#dff7df; padding:70px 0; width:100%;}
.banner_tit {color:#232323; font-size:25px; font-weight:bold; text-align:center; margin-bottom:40px;}
.banner_ul {width:100%; max-width:1200px; display:block; margin:0 auto;}
.banner_ul > li {width:100%; max-width:267px; margin-right:calc( ( 100% - 1080px ) / 3 ); display:inline-block;}
.banner_ul > li:last-child {margin-right:0;}
.banner_ul > li > a > img {width:100%;}

@media screen and (max-width:1200px) {
	.banner_wrap {padding:70px 20px;}
	.banner_ul {max-width:675px; text-align:center;}
	.banner_ul > li {margin:10px;}
	.banner_ul > li:last-child {margin-right:10px;}
}

#hd_pop {width:100%;}
.hd_pops_con {width:100% !important; height:auto !important;}


	.new_bbs_wrap{background: #f3f3f3;width: 100%;}
	.new_bbs{width: 100%;max-width: 1200px;padding: 70px 0px;display: block;margin: 0 auto;}
	.new_bbs ul{overflow:hidden;}
	.new_bbs li{ float:left; width: 25%; }
	.new_bbs li a{ display:block;  }
	.new_bbs_one{position:relative;margin-left: calc( 50% - 130px + 5px ); margin-bottom:8px; margin-top:32px;color:#999; width: 100%; max-width:260px; overflow: hidden; background:#fff; border:1px solid #ccc; border-radius:10px; padding:20px; display:inline-block; margin-right:49px; height:125px; transition:0.3s;}
	.new_bbs_one:hover {box-shadow: 10px 10px 5px #e8e8e8; border:1px solid #99d96f;}
	
	.new_bbs_tit{ height:38px; width:100%; text-align:center; color: #666; border-bottom: 1px solid #ccc; font-size: 20px;padding: 0 10px 7px 10px;}
	.new_bbs_one_tit{padding: 0;margin: 0;border: 0 !important;color: #232323 !important;font-size: 16px;font-weight: normal;background: transparent;letter-spacing: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.2em;height: 2.4em;text-align: left;}
	.new_bbs_one_time{position: absolute;bottom: 20px;right: 20px;color: #666;font-size: 15px;}
	.new_bbs_tit span{ display:inline-block; padding-bottom: 6px; border-bottom:3px solid #f3f3f3;  width:auto;}
	.new_bbs_tit span:hover{color: #232323; border-bottom: 3px solid #74c043;} 


	
@media screen and (max-width:1200px) {
	.new_bbs{ max-width:675px; }
	.new_bbs li{ width: 50%; margin-bottom:10px;}
}

@media screen and (max-width:610px) {
	.new_bbs{ max-width:90%; }
	.new_bbs li{ width: 100%; margin-bottom:10px;}
}