@charset "utf-8";

/* 메인페이지 스타일만 정의 */
.c-blue {color:#1975cf}
.c-yellow {color:#ffba25}
.c-green {color:#1fbcbf}

body {background:#fcfdff;}


/* ************************ PC ************************ */

.main a.plus {width:36px; height:36px; border:1px solid #e5e5e5; background:url(../images/common/i-plus.png)center no-repeat;}
.main a.plus {padding:0; position:absolute; right:0; top:0;}
.main a.plus:hover {background-color:#f5f5f5;}
.main a.plus:before {display:none;}

/* ***** 메인 비주얼 ***** */
.visual {position:relative; height:660px; background:url(../images/main/visual_bg.jpg)center /cover no-repeat;}
.visual-wrap {padding-top:90px; text-align:center;}
.visual-wrap h2 {font-size:50px; color:#000; line-height:1.2; letter-spacing:-2px; font-weight:400; font-family:'NanumSquare';}
.visual-wrap h2 b {font-weight:900;}
.visual-wrap p {letter-spacing:-1px; padding-top:15px;}

/* 퀵메뉴 */
.quick-menu {position:absolute; bottom:50px; left:0; width:100%;}
.quick-menu ul {width:1200px; margin:0 auto; max-width:100%; background:#fff; overflow:hidden; border:3px solid #3b55a3; border-radius:10px;}
.quick-menu ul li {position:relative; padding:23px 0; float:left; width:20%; vertical-align:middle; transition:all .3s;}
.quick-menu ul li+li:after {content:''; display:block; width:1px; height:50px; background:#e5e5e5; position:absolute; top:calc(50% - 25px); left:0;}
.quick-menu ul li:hover {background:#f1f1f1;}
.quick-menu ul li a {
	display:block; color:#000; padding-top:40px; background:url(../images/main/i-quick_07.png)center 0 no-repeat;
	font-size:18px; font-weight:700; letter-spacing:-1px; font-family:'NanumSquare';
}
.quick-menu ul li:nth-child(2) a {background-image:url(../images/main/i-quick_03.png);}
.quick-menu ul li:nth-child(3) a {background-image:url(../images/main/i-quick_04.png);}
.quick-menu ul li:nth-child(4) a {background-image:url(../images/main/i-quick_05_1.png);}
.quick-menu ul li:nth-child(5) a {background-image:url(../images/main/i-quick_01.png);}
.quick-menu ul li:nth-child(6) a {background-image:url(../images/main/i-quick_06.png);}


/* ***** 커뮤니티 ***** */
.com-wrap {padding:80px 0;}

.com-data {}
.com-data>div {float:left; width:50%;}

.com-tab {padding-bottom:25px;}
.com-tab li {display:inline-block; position:relative;}
.com-tab li+li {padding-left:40px;}
.com-tab li+li:before {content:''; display:block; width:1px; height:22px; position:absolute; left:20px; top:4px; background:#e3e3e3;}
.com-tab li a {display:block; color:#010101; font-weight:900; font-size:24px;}
.com-tab li a {border-bottom:2px solid rgba(70,147,109,0); letter-spacing:-1px; font-family:'NanumSquare'; line-height:1.4;}
.com-tab li+li a {border-bottom:2px solid rgba(59,85,163,0);}
.com-tab li a:hover {color:#46936d;}
.com-tab li.on a {color:#46936d; border-color:rgba(70,147,109,1);}
.com-tab li+li a:hover {color:#3b55a3;}
.com-tab li+li.on a {color:#3b55a3; border-color:rgba(59,85,163,1);}

.com-data-info {padding-right:30px; position:relative;}
.com-data-info>div {display:none;}
.com-data-info>div.on {display:block;}
.com-data-info>div dl {margin-bottom:30px; transition:all .3s;}
.com-data-info>div dl:hover {padding-left:10px;}
.com-data-info>div dt {font-size:20px; color:#030303; font-weight:400; letter-spacing:-.5px; padding-bottom:5px;}
.com-data-info>div dd {font-weight:400; letter-spacing:-.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-data-info>div dd span {display:block; font-size:14px; color:#999;}
.com-data-info>div>a {position:relative; display:block; color:#333; letter-spacing:-.5px; font-weight:400;}
.com-data-info>div>a {padding:0 80px 0 10px; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-data-info>div>a:before {content:''; display:block; width:3px; height:3px; background:#6c6c6c; position:absolute; left:0; top:12px;}
.com-data-info>div>a+a {margin-bottom:0;}
/* .com-data-info>div>a:hover {color:#46936d;} */
/* .com-data-info>div>a span {position:absolute; right:0;} */
/* .com-data-info>div .plus {width:36px; height:36px; border:1px solid #e5e5e5; background:url(../images/common/i-plus.png)center no-repeat;} */
/* .com-data-info>div .plus {padding:0; position:absolute; right:0; top:0;} */
/* .com-data-info>div .plus:hover {background-color:#f5f5f5;} */
/* .com-data-info>div .plus:before {display:none;} */

.com-notice {}
.com-notice dl {border-left:3px solid rgba(255,255,255,0);}
.com-notice dl:hover {border-color:#46936d;}
.com-notice>a:hover {color:#46936d;}
.com-report {display:none;}
.com-report dl {border-left:3px solid rgba(255,255,255,0);}
.com-report dl:hover {border-color:#3b55a3;}
.com-report>a:hover {color:#3b55a3;}

.com-dataroom {padding-left:30px; position:relative;}
.com-dataroom h3 {padding-bottom:30px; color:#010101; font-weight:900; font-size:24px; letter-spacing:-1px; font-family:'NanumSquare'; line-height:1.4;}
.com-dataroom h3 span { cursor:pointer;}
.com-dataroom .totalList {display:none;}
.com-dataroom .totalList.on {display:block;}
.com-dataroom .totalList li a {position:relative; display:block; color:#333; letter-spacing:-.5px; font-weight:400;}
.com-dataroom .totalList li a {padding:0 80px 0 100px; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-dataroom .totalList li a:hover {color:#46936d;}
.com-dataroom .totalList li a:before {content:''; display:block; width:3px; height:3px; background:#6c6c6c; position:absolute; left:0; top:12px;}
.com-dataroom .totalList li:last-child a {margin-bottom:0;}
.com-dataroom .totalList li a span {position:absolute; left:10px;}
.com-dataroom .totalList li a span.date {left:auto; right:0;}

.com-dataroom-menu {position:absolute; right:50px; top:0; overflow:hidden;}
.com-dataroom-menu li {position:relative; float:left; padding-left:30px;}
.com-dataroom-menu li+li:before {content:''; display:block; width:1px; height:13px; background:#c9c9c9; position:absolute; left:15px; top:calc(50% - 7px);}
.com-dataroom-menu li a {display:block; color:#000; font-size:18px; font-weight:500; letter-spacing:-.5px; border-bottom:2px solid rgba(255,255,255,0)}
.com-dataroom-menu li a:hover,
.com-dataroom-menu li.on a {color:#46936d; border-color:#46936d;}

.com-dataroom-menu-btn {position:absolute; right:0; top:0;}
.com-dataroom-menu-btn li {opacity:0; position:relative; z-index:-1;}
.com-dataroom-menu-btn li.on {opacity:1; z-index:1;}

.com-dataroom-list {display:none}
.com-dataroom-list.on {display:block;}
.com-dataroom-list li {}
.com-dataroom-list li a {position:relative; display:block; color:#333; letter-spacing:-.5px; font-weight:400;}
.com-dataroom-list li a {padding:0 80px 0 100px; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-dataroom-list li a:hover {color:#46936d;}
.com-dataroom-list li a:before {content:''; display:block; width:3px; height:3px; background:#6c6c6c; position:absolute; left:0; top:12px;}
.com-dataroom-list li:last-child a {margin-bottom:0;}
.com-dataroom-list li a span {position:absolute; left:10px;}
.com-dataroom-list li a span.date {left:auto; right:0;}

.com-gallery {padding-top:50px;margin-top:30px; text-align:center; display:flex; gap:20px; position:relative;}
.com-gallery>div {width:calc((100% - 60px)/4); overflow:hidden; border-radius:10px;}
.com-gallery .img {height:190px; transition:all .2s; display:block; border:1px solid #e5e5e5; border-bottom:0; border-radius:10px 10px 0 0; overflow:hidden;}
.com-gallery .img img {width:100%; height:100%; object-fit:cover; transition:all .2s;}
.com-gallery>div:hover .img img {transform:scale(1.1); }

.com-gallery div div {position:relative; z-index:9; background:#fff; padding:21px 20px; border:1px solid #e5e5e5; border-radius:0 0 10px 10px; overflow:hidden; transition:all .3s;}
.com-gallery p {font-weight:400; letter-spacing:-.5px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:10px 10px 0 0;}
.com-gallery span {font-size:14px; font-weight:400; letter-spacing:-.5px;}


/* ***** 주요사업 ***** */
.major {padding:100px 0; background:url(../images/main/major_bg.jpg)center /cover no-repeat;}
.major .major-wrap {}
.major .major-wrap h3 {padding-bottom:35px; color:#000; text-align:center; letter-spacing:-.5px; font-size:48px; font-weight:900; font-family:'NanumSquare';}
.major .major-list {position:relative;}
.major .major-swiper {overflow:hidden;}
.major .swiper-wrapper {padding:0;}
.major .swiper-slide {background:url(../images/main/majorNew_01.WEBP)center /cover no-repeat; border-radius:10px}
.major .swiper-slide.person {}
.major .swiper-slide.creative {background-image:url(../images/main/majorNew_02.webp);}
.major .swiper-slide.global {background-image:url(../images/main/majorNew_03.webp);}
.major .swiper-slide.career {background-image:url(../images/main/majorNew_04.webp);}
.major .swiper-slide.center {background-image:url(../images/main/major_05.jpg); background-position:100% 50%;}
.major .swiper-slide a {display:block; padding:200px 0 0; transition:all .3s; border-radius:10px; overflow:hidden;}
.major .swiper-slide a:hover {background:rgba(0,0,0,.5);}
.major .swiper-slide a * {color:#000;}
.major .swiper-slide .inner {padding:30px; background:rgba(255,255,255,.8);}
.major .swiper-slide span {padding-bottom:7px; display:inline-block; position:relative; letter-spacing:-1px; font-size:18px; font-weight:500; font-family:'NanumSquare'; line-height:1;}
.major .swiper-slide span:after {content:''; display:block; width:20px; height:2px; background:#000; position:absolute; left:0; bottom:0;}
.major .swiper-slide h4 {padding:10px 0 15px; letter-spacing:-.5px; font-size:22px; font-weight:900; font-family:'NanumSquare'; line-height:1.2;}
.major .swiper-slide p {letter-spacing:-1px; font-weight:400;}
.major .slideBtn {position:absolute; left:0; top:calc(50% - 26px); width:100%;}
.major .slideBtn a {width:27px; height:52px; background:url(../images/main/prev.png)center no-repeat; position:absolute; top:0;}
.major .slideBtn a.prev {left:-58px;}
.major .slideBtn a.next {right:-58px; background-image:url(../images/main/next.png);}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.main {padding-top:0;}
	
	.visual {margin-bottom:102px; height:auto; background-position:center top;}
	.visual-wrap {padding-top:50px; padding-bottom:300px;}
	.visual-wrap h2 {font-size:42px;}
	
	.quick-menu {bottom:auto; top:100%;}
	.quick-menu ul {border:0;}
	.quick-menu ul li {width:calc(100%/5); padding:17px 0; border-bottom:1px solid #e5e5e5;}
	.quick-menu ul li a {padding:; font-size:17px;}
	
	.com-wrap {padding:50px 20px 30px;}
	.com-data>div {width:100%;}
	.com-data-info {padding-right:0; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
	.com-dataroom {padding-left:0; margin-top:30px;}
	
	.com-gallery {flex-wrap:wrap;}
	.com-gallery>div {width:calc((100% - 20px)/2);}
	.com-gallery>div:hover .img {transform:none;}
	
	.major {padding:50px 60px;}
	.major .major-swiper {}
	.major .major-wrap h3 {font-size:36px;}
	.major .swiper-slide p br {display:none;}
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main a.plus {width:30px; height:30px; background-size:10px;}
	
	
	.visual {margin-bottom:288px;}
	.visual-wrap {padding-bottom:150px;}
	.visual-wrap h2 {font-size:32px;}
	.visual-wrap p {font-size:15px; display:none;}
	
	.quick-menu ul li {width:calc(100%/2); padding:15px 0;}
	.quick-menu ul li a {font-size:16px; font-weight:500;}
	.quick-menu ul li:last-child {width:100%;}
	
	.com-wrap {padding:30px 20px 20px;}
	.com-tab {padding-bottom:15px}
	.com-tab li a {font-size:21px;}
	.com-tab li+li {padding-left:30px;}
	.com-tab li+li:before {left:15px;}
	.com-data-info>div dl {margin-bottom:20px; border:none;}
	.com-data-info>div dl:hover {padding:0;}
	.com-data-info>div dt {font-size:18px; padding-bottom:0;}
	.com-data-info>div dd {font-size:15px;}
	.com-data-info>div dd span {font-size:13px;}
	.com-data-info>div>a {margin-bottom:5px; font-size:15px;}
	/* .com-data-info>div .plus  {width:30px; height:30px; background-size:10px;} */
	
	.com-dataroom h3 {padding-bottom:14px;}
	.com-dataroom .totalList li a {padding:0 80px 0 85px; margin-bottom:5px; font-size:15px;}
	
	.com-dataroom-menu {right:40px;}
	.com-dataroom-menu li {padding-left:20px;}
	.com-dataroom-menu li+li:before {left:10px;}
	.com-dataroom-menu li a {font-size:17px;}
	.com-dataroom-list {}
	.com-dataroom-list li {}
	.com-dataroom-list li a {padding:0 80px 0 85px; margin-bottom:5px; font-size:15px;}
	
	.com-gallery {gap:10px;padding-top:40px;}
	.com-gallery>div {width:calc((100% - 10px)/2);}
	.com-gallery div div {padding:10px;}
	.com-gallery p {font-size:15px;}
	.com-gallery span {font-size:13px;}
	
	.major {padding:30px 40px;}
	.major .swiper-slide span {font-size:16px;}
	.major .swiper-slide span:after {width:16px; height:1px;}
	.major .swiper-slide h4 {font-size:20px;padding:7px 0 10px;}
	.major .swiper-slide .inner {padding:20px;}
	
	.major .slideBtn {}
	.major .slideBtn a {width:20px; background-size:100%;}
	.major .slideBtn a.prev {left:-40px;}
	.major .slideBtn a.next {right:-40px;}
	
	
	
	
	
	
	
	
	
}


/* ************************ 모바일 (0~420) ************************ */
@media screen and (max-width: 420px) {
	
	.com-dataroom-menu li {padding-left:12px;}
	.com-dataroom-menu li+li:before {left:5px; height:10px; top:calc(50% - 3px)}
	
	
	
}