@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main {}

/* ************************ PC (992~) ************************ */
@media screen and (min-width: 992px) {

	/* visual */
	.visual {height:470px;}
	.visual .slider {}
	.visual .sliderObj {}
	.visual .sliderObj li {}
	.visual-inner {width:1200px; height:100%; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:flex-start;}
	.visual-inner>div {width:50%;}
	.visual-inner-left {}
	.visual-inner-left h2 {/*margin-top:-9px;*/ padding-bottom:10px; line-height:1.3; font-size:36px; /*color:#0099ff; color:#00d30a;*/ color:#a6ff00; font-weight:bold; font-family:'Arial';}
	.visual-inner-left h2.special {color:#28f1ff;}
	.visual-inner-left p {color:#fff; letter-spacing:-.5px; font-size:17px;}
	.visual-inner-left.new p {font-weight:400; text-shadow: 0 0 2px rgba(0, 0, 0, 1); }
	.visual-inner-left .text-slide {overflow:hidden;}
	
	.visual-inner-left-menu {padding-top:40px; line-height:1;}
	.visual-inner-left-menu h4 {padding-bottom:10px; font-size:24px; font-weight:500; color:#0099ff; letter-spacing:-.5px;}
	.visual-inner-left-menu ul {display:inline-block; overflow:hidden; border-left:1px solid; border-top:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li {float:left; border-right:1px solid; border-bottom:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li a {display:block; padding:11px 15px; color:#fff; letter-spacing:-.5px; font-weight:400; line-height:1; background:rgba(0,0,0,.5);}
	.visual-inner-left-menu ul li:hover a {background:#0099ff;}
	
	.visual-inner-right {padding:45px; background:#fff; border-radius:40px 0 0 0; box-shadow:20px 20px 20px rgba(0,0,0,.5);}
	.visual-inner-right-title {position:relative;}
	.visual-inner-right-title h3 {font-size:36px; font-weight:400; color:#ea6b17; letter-spacing:-2px;}
	.visual-inner-right-title p {padding:20px 0 0; font-size:15px; letter-spacing:-.5px; white-space:nowrap; line-height:1.2;}
	.visual-inner-right-title a.plus {position:absolute; right:0; top:0; display:block; width:35px; height:35px;  background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #e5e5e5;}
	.visual-inner-right-title a.plus:hover {color:#000;border-color:#999; background-image:url(../images/main/i-plus-on.png);}
	.visual-inner-right-title a.plus:hover {}
	.visual-inner-right-menu {padding:25px 0 0;}
	.visual-inner-right-menu ul {}
	.visual-inner-right-menu ul li {}
	.visual-inner-right-menu ul li+li {margin-top:5px;}
	.visual-inner-right-menu ul li a {display:block; padding-left:10px; position:relative; overflow:hidden; letter-spacing:-.5px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
	.visual-inner-right-menu ul li a:before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:12px; transition:all .3s;}
	
	.visual-inner-right {}
	
	
	
	/* quickMenu */
	.quickMenu {padding:70px 0 0;}
	.quickMenu .quickMenuWrap {width:1200px; margin:0 auto; text-align:center;}
	.quickMenu ul {display:flex;}
	/*25-06-18 수정*/
	/*.quickMenu ul li {width:calc((100% - 100px)/6); background-color:#fff; position:relative; border:1px solid #e5e5e5;}*/
	.quickMenu ul li {width:calc((100% - 100px)/6); background-color:#fffcfb; position:relative; border:1px solid #ea6b17;}
	.quickMenu ul li+li {margin-left:20px;}
	.quickMenu ul li a {display:block; height:100%; padding:30px 0 20px; font-size:16px; line-height:1.4; position:relative; color:inherit;}
	.quickMenu ul li a span {display:block; width:100%; height:60px;}
	/*.quickMenu ul li:hover {background:#f7f7f7;}*/
	.quickMenu ul li:hover {background:#fff;}
	.quickMenu ul li.quick-money {background:#002f76; border:0; color:#fff;}
	.quickMenu ul li.quick-print {background:#0a49a1; border:0; color:#fff;}
	.quickMenu ul li.quick-data {background:#0a49a1; border:0; color:#fff;}
	.quickMenu ul li.quick-money a span {background:url(../images/main/i-money.svg)center top /46px no-repeat;}
	.quickMenu ul li.quick-print a span {background:url(../images/main/i-print.svg)center top /44px no-repeat;}
	.quickMenu ul li.quick-data a span {background:url(../images/main/i-data.svg)center top /56px no-repeat;}
	.quickMenu ul li.quick-regulation a span {background:url(../images/main/i-regulation2.svg)center top /38px no-repeat;}
	.quickMenu ul li.quick-ethics a span {background:url(../images/main/i-ethics2.svg)center top /46px no-repeat;}
	.quickMenu ul li.quick-join a span {background:url(../images/main/i-join2.svg)center top /44px no-repeat;}
	.quickMenu ul li.quick-contest a span {background:url(../images/main/i-contest2.svg)center top /44px no-repeat;}
	.quickMenu ul li a p {}
	
	 
	/* mainWrap */
	/* .mainWrap {padding:70px 0; background:#f7f7f7;} */
	.mainWrap {padding:70px 0;}
	.mainWrap .communityArea {width:1200px; margin:0 auto;}
	.mainWrap .communityArea>div {float:left; width:50%;}
	.main-community {padding-right:70px; position:relative;}
	.main-community-tab {padding-bottom:40px;}
	.main-community-tab button {display:inline-block; color:#000; padding:10px 14px; border:1px solid #d9d9d9; border-radius:10px 0 10px 0; /*border-bottom:3px solid transparent;*/ font-size:24px; font-weight:500; letter-spacing:-.5px; background:transparent; line-height:1; cursor:pointer;}
	.main-community-tab button:hover {color:#0094be;}
	
	/* 25-06-17 수정 요청 */
	/*.main-community-tab button.on {color:#3f7bd2; border-color:#3f7bd2;}*/
	.main-community-tab button.on {color:#fff; background:#0094be; border:1px solid #0094be;}
	.main-community-tab button+button {position:relative; margin-left:10px;}
	/*.main-community-tab button+button:before {content:''; display:block; width:1px; height:16px; background:#d9d9d9; position:absolute; left:-18px; top:14px;}*/

	.main-community-inner {}
	.main-community-inner>div {display:none;}
	.main-community-inner>div.on {display:block;}
	.main-community-inner a.plus {position:absolute; right:70px; top:0; font-size:14px; font-weight:400; letter-spacing:-.5px; padding-right:45px; line-height:35px; color:#999;}
	.main-community-inner a.plus:after {content:''; display:block; width:35px; height:35px; background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #e5e5e5; position:absolute; right:0; top:0; transition:all .3s;}
	.main-community-inner a.plus:hover {color:#000;}
	.main-community-inner a.plus:hover:after {border-color:#999; background-image:url(../images/main/i-plus-on.png);}
	.main-community-textWrap {}
	.main-community-textWrap>a {display:block; position:relative;}
	.main-community-textWrap>a:hover {padding-left:20px;}
	.main-community-textWrap>a:hover:before {width:4px;}
	.main-community-textWrap>a:before {content:''; display:block; width:0; height:100%; background:#3f7bd2; position:absolute; left:0; top:0;}
	.main-community-textWrap h4 {font-size:24px; color:#000; padding-bottom:15px; letter-spacing:-.5px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap p {letter-spacing:-.5pxv; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap span {display:block;}
	.main-community-textWrap ul {padding-top:30px;}
	.main-community-textWrap ul li {padding-left:4px;}
	.main-community-textWrap ul li+li {padding-top:10px;}
	.main-community-textWrap ul li a {display:block; padding-left:10px; position:relative; overflow:hidden; letter-spacing:-.5px; color:#333;}
	.main-community-textWrap ul li a:before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:12px; transition:all .3s;}
	.main-community-textWrap ul li a span {float:left; color:#666;}
	.main-community-textWrap ul li a span.tit {width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap ul li a span.date {width:100px; text-align:right;}
	.main-community-textWrap ul li a:hover {padding-left:20px; }
	.main-community-textWrap ul li a:hover:before {width:10px;}
	
	.main-lounge {}
	.main-lounge ul {overflow:hidden;}
	.main-lounge ul li {float:left; width:calc((100% - 30px)/3); text-align:center;}
	.main-lounge ul li+li {margin-left:15px;}
	.main-lounge ul li a {display:block; padding:50px 0; background:#002f76; overflow:hidden; border-radius:0 20px 0 20px; height:250px; color:#fff; letter-spacing:-.5px; position:relative;}
	.main-lounge ul li a:before {content:''; display:block; width:28px; height:1px; background:#fff; position:absolute; left:-4px; top:10px; transform:rotate(45deg);}
	.main-lounge ul li:nth-child(2) a {background:#0a49a1;}
	.main-lounge ul li:nth-child(3) a {background:#0094be;}
	.main-lounge ul li span {display:block; width:100%; height:75px; background:url(../images/main/i-green.svg)top center /50px no-repeat;}
	.main-lounge ul li:nth-child(2) span {background:url(../images/main/i-convention.svg)top center /49px no-repeat;}
	.main-lounge ul li:nth-child(3) span {background:url(../images/main/i-thesis.svg)top center /52px no-repeat;}
	.main-lounge ul li h3 {font-size:21px; font-weight:300; padding-bottom:10px; line-height:1.2;}
	.main-lounge ul li p {opacity:.5; font-weight:100; font-size:14px; line-height:1.5; letter-spacing:-1px;}
	
	.new-lounge {}
	.new-lounge ul li a {padding:0;}
	.new-lounge ul li a:before {content:none;}
	.new-lounge ul li a .img img {width:100%; height:100%;}
	.new-lounge ul li h3 {padding:10px; padding-top:17px; font-size:20px;}
	.new-lounge ul li:nth-child(2) h3 {padding-top:32px;}
	
	
	/* bannerArea */
	.bannerArea {padding-bottom:70px;}
	.bannerWrap {width:1200px; margin:0 auto;}
	.bannerWrap ul {margin-top:-20px;}
	.bannerWrap ul li {float:left; width:calc((100% - 90px)/6); margin:20px 0 0 15px; border:1px solid #e5e5e5;}
	.bannerWrap ul li a {display:block; height:48px;}
	/* .bannerWrap ul li:nth-child(5n+1) {margin-left:0;} */
	.bannerWrap ul li.bpt .img {background-position:center top !important;}
	
	
}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* visual */
	/* .visual {height:470px;} */
	.visual .slider {}
	.visual .sliderObj {}
	.visual .sliderObj li {}
	.visual-inner {padding:50px 20px; position:relative;}
	/* .visual-inner>div {float:left; width:50%;} */
	.visual-inner-left {margin-bottom:50px;}
	.visual-inner-left h2 {padding-bottom:10px; line-height:1.3; font-size:32px; color:#0099ff; font-weight:bold; font-family:'Arial';}
	.visual-inner-left p {color:#fff; letter-spacing:-.5px;}
	.visual-inner-left-menu {padding-top:30px; line-height:1;}
	.visual-inner-left-menu h4 {padding-bottom:10px; font-size:24px; font-weight:500; color:#0099ff; letter-spacing:-.5px;}
	.visual-inner-left-menu ul {display:inline-block; overflow:hidden; border-left:1px solid; border-top:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li {float:left; border-right:1px solid; border-bottom:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li a {display:block; padding:11px 15px; color:#fff; letter-spacing:-.5px; font-weight:400; line-height:1; background:rgba(0,0,0,.5);}
	.visual-inner-left-menu ul li:hover a {background:#0099ff;}
	
	.visual-inner-right {padding:40px; background:#fff; border-radius:40px 0 0 0; box-shadow:20px 20px 20px rgba(0,0,0,.5);}
	.visual-inner-right-title {position:relative;}
	.visual-inner-right-title h3 {font-size:30px; font-weight:400; color:#ea6b17; letter-spacing:-2px;}
	.visual-inner-right-title p {padding:20px 0 0; font-size:15px; letter-spacing:-.5px; white-space:nowrap; line-height:1.2;}
	.visual-inner-right-title a.plus {position:absolute; right:0; top:0; display:block; width:35px; height:35px;  background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #e5e5e5;}
	.visual-inner-right-title a.plus:hover {color:#000;border-color:#999; background-image:url(../images/main/i-plus-on.png);}
	.visual-inner-right-title a.plus:hover {}
	.visual-inner-right-menu {padding:25px 0 0;}
	.visual-inner-right-menu ul {}
	.visual-inner-right-menu ul li {}
	.visual-inner-right-menu ul li+li {margin-top:5px;}
	.visual-inner-right-menu ul li a {display:block; padding-left:10px; position:relative; overflow:hidden; letter-spacing:-.5px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
	.visual-inner-right-menu ul li a:before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:12px; transition:all .3s;}
	
	/* quickMenu */
	.quickMenu {padding:50px 20px 0;}
	.quickMenu .quickMenuWrap {text-align:center;}
	.quickMenu ul {display:flex; flex-wrap:wrap; margin-top:-20px}
	.quickMenu ul li {margin:20px 0 0 20px; width:calc((100% - 40px)/3); background-color:#fff; position:relative; border:1px solid #e5e5e5;}
	.quickMenu ul li:nth-child(3n+1) {margin-left:0;}
	.quickMenu ul li a {display:block; height:100%; padding:30px 0 20px; font-size:16px; line-height:1.4; position:relative; color:inherit;}
	.quickMenu ul li a span {display:block; width:100%; height:60px;}
	.quickMenu ul li:hover {background:#f7f7f7;}
	.quickMenu ul li.quick-money {background:#002f76; border:0; color:#fff;}
	.quickMenu ul li.quick-print {background:#0a49a1; border:0; color:#fff;}
	.quickMenu ul li.quick-data {background:#0a49a1; border:0; color:#fff;}
	.quickMenu ul li.quick-money a span {background:url(../images/main/i-money.svg)center top /46px no-repeat;}
	.quickMenu ul li.quick-print a span {background:url(../images/main/i-print.svg)center top /44px no-repeat;}
	.quickMenu ul li.quick-data a span {background:url(../images/main/i-data.svg)center top /56px no-repeat;}
	.quickMenu ul li.quick-regulation a span {background:url(../images/main/i-regulation.svg)center top /38px no-repeat;}
	.quickMenu ul li.quick-ethics a span {background:url(../images/main/i-ethics.svg)center top /46px no-repeat;}
	.quickMenu ul li.quick-join a span {background:url(../images/main/i-join.svg)center top /44px no-repeat;}
	.quickMenu ul li.quick-contest a span {background:url(../images/main/i-contest.svg)center top /44px no-repeat;}
	.quickMenu ul li a p {}
	
	
	
	
	/* quickMenu  back210615
	.quickMenu {padding:50px 20px;}
	.quickMenu .quickMenuWrap {text-align:center;}
	.quickMenu .quickMenu-left {}
	.quickMenu .quickMenu-left ul {}
	.quickMenu .quickMenu-left ul li {float:left; width:calc((100% - 20px)/2); background-color:#002f76; position:relative; border-radius:0 20px 0 20px;}
	.quickMenu .quickMenu-left ul li+li {margin-left:20px; background-color:#0a49a1;}
	.quickMenu .quickMenu-left ul li:before {content:''; display:block; width:28px; height:1px; background:#fff; position:absolute; left:-4px; top:10px; transform:rotate(45deg);}
	.quickMenu .quickMenu-left ul li a {display:block; padding:50px 0 30px; color:#fff; font-size:20px; line-height:1.4;}
	.quickMenu .quickMenu-left ul li a span {display:block; width:100%; height:70px;}
	.quickMenu .quickMenu-left ul li a span.i-money {background:url(../images/main/i-money.svg)center top /54px no-repeat;}
	.quickMenu .quickMenu-left ul li a span.i-print {background:url(../images/main/i-print.svg)center top /50px no-repeat;}
	.quickMenu .quickMenu-left ul li a p {}
	.quickMenu .quickMenu-right {padding-top:30px;}
	.quickMenu .quickMenu-right-tit {text-align:left;}
	.quickMenu .quickMenu-right-tit h3 {font-size:32px; font-weight:500; padding-bottom:20px;  color:#0094be; position:relative;}
	.quickMenu .quickMenu-right-tit h3:after {content:''; display:block; width:50px; height:3px; background:#0094be; position:absolute; left:0; bottom:0; }
	.quickMenu .quickMenu-right-tit p {padding:10px 0 20px;}
	.quickMenu .quickMenu-right ul {border-style:solid; border-width:1px 0 0 1px; border-color:#e5e5e5;}
	.quickMenu .quickMenu-right ul li {float:left; display:table; width:25%; border-style:solid; border-width:0 1px 1px 0; border-color:#e5e5e5;}
	.quickMenu .quickMenu-right ul li a {display:table-cell; vertical-align:middle; font-size:18px; height:80px; line-height:1.4;}
	.quickMenu .quickMenu-right ul li:hover a {background:#0094be; color:#fff;}
	*/
	
	
	/* mainWrap */
	.mainWrap {padding:50px 20px;}
	.main-community {padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #e5e5e5; position:relative;}
	.main-community-tab {padding-bottom:30px;}
	.main-community-tab button {display:inline-block; color:#000; padding:0 0 5px 0; border-bottom:3px solid transparent; font-size:24px; font-weight:500; letter-spacing:-.5px; background:transparent; position:relative; line-height:1; cursor:pointer;}
	.main-community-tab button:hover {color:#3f7bd2;}
	.main-community-tab button.on {color:#3f7bd2; border-color:#3f7bd2;}
	.main-community-tab button+button {margin-left:35px;}
	.main-community-tab button+button:before {content:''; display:block; width:1px; height:16px; background:#d9d9d9; position:absolute; left:-20px; top:4px;}
	.main-community-inner {}
	.main-community-inner>div {display:none;}
	.main-community-inner>div.on {display:block;}
	.main-community-inner a.plus {position:absolute; right:0; top:0; font-size:14px; font-weight:400; letter-spacing:-.5px; padding-right:45px; line-height:35px; color:#999;}
	.main-community-inner a.plus:after {content:''; display:block; width:35px; height:35px; background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #e5e5e5; position:absolute; right:0; top:0; transition:all .3s;}
	.main-community-inner a.plus:hover {color:#000;}
	.main-community-inner a.plus:hover:after {border-color:#999; background-image:url(../images/main/i-plus-on.png);}
	.main-community-textWrap {}
	.main-community-textWrap>a {display:block; position:relative;}
	.main-community-textWrap>a:before {content:''; display:block; width:0; height:100%; background:#3f7bd2; position:absolute; left:0; top:0;}
	.main-community-textWrap h4 {font-size:24px; color:#000; padding-bottom:15px; letter-spacing:-.5px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap p {letter-spacing:-.5pxv; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap span {display:block;}
	.main-community-textWrap ul {padding-top:20px;}
	.main-community-textWrap ul li {padding-left:4px;}
	.main-community-textWrap ul li+li {padding-top:10px;}
	.main-community-textWrap ul li a {display:block; padding-left:10px; position:relative; overflow:hidden; letter-spacing:-.5px; color:#333;}
	.main-community-textWrap ul li a:before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:12px; transition:all .3s;}
	.main-community-textWrap ul li a span {float:left; color:#666;}
	.main-community-textWrap ul li a span.tit {width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main-community-textWrap ul li a span.date {width:100px; text-align:right;}
	
	.main-lounge {}
	.main-lounge ul {overflow:hidden;}
	.main-lounge ul li {float:left; width:calc((100% - 30px)/3); text-align:center;}
	.main-lounge ul li+li {margin-left:15px;}
	.main-lounge ul li a {display:block; padding:50px 0; background:#002f76; border-radius:0 20px 0 20px; overflow:hidden; height:250px; color:#fff; letter-spacing:-.5px; position:relative;}
	.main-lounge ul li a:before {content:''; display:block; width:28px; height:1px; background:#fff; position:absolute; left:-4px; top:10px; transform:rotate(45deg);}
	.main-lounge ul li:nth-child(2) a {background:#0a49a1;}
	.main-lounge ul li:nth-child(3) a {background:#0094be;}
	.main-lounge ul li span {display:block; width:100%; height:75px; background:url(../images/main/i-green.svg)top center /50px no-repeat;}
	.main-lounge ul li:nth-child(2) span {background:url(../images/main/i-convention.svg)top center /49px no-repeat;}
	.main-lounge ul li:nth-child(3) span {background:url(../images/main/i-thesis.svg)top center /52px no-repeat;}
	.main-lounge ul li h3 {font-size:24px; font-weight:300; padding-bottom:12px;}
	.main-lounge ul li p {opacity:.5; font-weight:100; font-size:14px; line-height:1.5; letter-spacing:-1px;}
	
	.new-lounge {}
	.new-lounge ul li a {padding:0; height:305px;}
	.new-lounge ul li a:before {content:none;}
	.new-lounge ul li a .img img {width:100%; height:100%;}
	.new-lounge ul li h3 {padding:10px; padding-top:17px; font-size:20px; line-height:1.2;}
	.new-lounge ul li:nth-child(2) h3 {padding-top:32px;}
	
	
	
	/* bannerArea */
	.bannerArea {padding:0 20px 50px;}
	.bannerWrap {}
	.bannerWrap ul {margin-top:-10px;}
	.bannerWrap ul li {float:left; width:calc((100% - 10px)/2); margin:10px 0 0 10px; border:1px solid #e5e5e5;}
	/* .bannerWrap ul li a {display:block; height:5vw;} */
	.bannerWrap ul li a {display:block; height:8vw;}
	.bannerWrap ul li:nth-child(2n+1) {margin-left:0;}
	.bannerWrap ul li.bpt .img {background-position:center top !important;}
	

	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.visual-inner {padding:30px 20px;}
	.visual-inner-left {margin-bottom:30px;}
	.visual-inner-left h2 {font-size:27px; padding-bottom:5px;}
	.visual-inner-left p br {display:none;}
	.visual-inner-left-menu {padding-top:20px;}
	.visual-inner-left-menu h4 {font-size:21px;}
	.visual-inner-right {padding:30px;}
	.visual-inner-right-title {}
	.visual-inner-right-title h3 {font-size:24px;}
	.visual-inner-right-menu {padding:16px 0 0;}
	.visual-inner-right-menu ul {}
	.visual-inner-right-menu ul li {}
	/* quickMenu */
	.quickMenu {padding:30px 20px;}
	.quickMenu ul li {width:calc((100% - 20px)/2); min-height:auto !important;}
	.quickMenu ul li:nth-child(3n+1) {margin-left:20px;}
	.quickMenu ul li:nth-child(2n+1) {margin-left:0;}
	
	
	
	
	/* mainWrap */
	.mainWrap {padding:30px 20px;}
	.main-community {padding-bottom:30px; margin-bottom:30px;}
	.main-community-tab {padding-bottom:20px;}
	.main-community-tab button {font-size:21px;}
	.main-community-tab button+button {margin-left:25px;}
	.main-community-tab button+button:before {left:-15px;}
	
	.main-community-textWrap h4 {font-size:21px; padding-bottom:7px;}
	.main-community-textWrap ul {padding-top:13px;}
	.main-community-textWrap ul li a {}
	.main-community-textWrap ul li a:before {top:11px;}
	.main-community-textWrap ul li+li {padding-top:5px;}
	.main-community-textWrap ul li a span.tit {width:calc(100% - 90px);}
	.main-community-textWrap ul li a span.date {width:90px;}
	
	.main-lounge ul li {width:calc((100% - 15px)/3);}
	.main-lounge ul li+li {margin-left:5px;}
	.main-lounge ul li a {padding:30px 0; height:196px;}
	.main-lounge ul li span {height:70px;}
	.main-lounge ul li:nth-child(2) span {}
	.main-lounge ul li:nth-child(3) span {}
	.main-lounge ul li h3 {font-size:21px; padding-bottom:7px;}
	.main-lounge ul li p {font-size:13px; opacity:.7; }
	/* .main-lounge ul li p br {display:none;} */
	
	.new-lounge ul li {width:100%;}
	.new-lounge ul li a {height:auto; padding:0;}
	.new-lounge ul li h3 {font-size:18px; padding:20px}
	.new-lounge ul li p {margin-top:-15px; padding-bottom:20px;}
	.new-lounge ul li:nth-child(2) h3 {padding-top:20px;}
	.new-lounge ul li a .img {height:100px; }
	.new-lounge ul li a .img img {object-fit: cover; }
	.new-lounge ul li+li {margin-top:15px; margin-left:0;}
	
	
	/* bannerArea */
	.bannerArea {padding:30px 20px;}
	.bannerWrap {}
	/* .bannerWrap ul li {width:calc((100% - 10px)/2);} */
	/* .bannerWrap ul li a {height:7vw;} */
	/* .bannerWrap ul li:nth-child(4n+1) {margin-left:10px;} */
	/* .bannerWrap ul li:nth-child(2n+1) {margin-left:0;} */
	
	
	
}