@charset "UTF-8";


.wrap{width: 100%; margin:0 auto;}



/* LNB메뉴 */
.innerlnb{ position:fixed; top:0; left:50%; transform:translateX(-50%); margin:0 auto; width: 100%; background:#fff; z-index:10;}
.lnb{display: flex; justify-content: end; align-items: center; margin: 0 auto; max-width: 1400px; height: 38px;}
.lnb > li{position:relative; width: 8%; text-align:start; }
.lnb > li > a{display: block; font-size: 15px; color: #5C5B5B;   line-height: 38px; text-decoration:none; }
.lnb > li > img{margin-right:4px; }
.lnb > li > ul.lnbdepth02{display: none; position: absolute; right: 0; top: 38px; width: 130%; height: 214px; line-height: 76px; border-radius:4px; background-color:#FBFBFD; box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);}
.lnb > li > ul.lnbdepth02 .usernm{font-size: 16px; font-weight: bold; text-align:start; width: 66%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb > li > ul.lnbdepth02 .usercategory{padding:4px 0; font-size: 12px; color:#999; font-weight: 100; }
.lnb > li > ul.lnbdepth02 .usercon{display:flex;}
.lnb > li > ul.lnbdepth02 .usercon li:first-child{margin-right: 14px; }
.lnb > li > ul.lnbdepth02 > li{ padding: 0 16px; height:48px; line-height: 48px; color: #3E3B9A;  }
.lnb > li > ul.lnbdepth02 > li:first-child{padding:10px; background-color:#fff; height:58px;  line-height: 58px; }
.lnb > li > ul.lnbdepth02 > li > a{display:block; height: 48px; line-height: 48px; color: #3E3B9A;  }
.lnb > li > ul.lnbdepth02 > li > a > img{margin-right: 4px; }
@media all and (max-width:1317px){
.lnb > li > ul.lnbdepth02 > li{font-size: 14px; }
}
@media all and (max-width:1280px){
.lnb > li > ul.lnbdepth02 > li{font-size: 12px; }
}
@media all and (max-width:1249px){
.innerlnb{display:none;}
}


/* GNB메뉴 */
.gnb{position:fixed; top:37px; left:50%; transform:translateX(-50%); width:100%; height: 110px; background:#fff; box-shadow:6px 4px 4px -4px rgba(32, 33, 36, .28); z-index:9; } 
.innergnb{display:flex; justify-content: space-between; align-items:center; margin: 0 auto; max-width: 1200px; height: 110px; } 
.toggle{display:none;}
.logo{max-width:20%;width:240px;}
nav{width:80%; height: 100%;}
.depth01{width:100%; height:100%; text-align:center; display:flex; justify-content: space-around; }
.depth01 > li{width:14%; height:100%; position:relative; background:#fff;}
.depth01 > li > a{display: flex; flex-direction:row; height:100%; justify-content:center; align-items:center; color:#2A2869; font-size: 22px; font-weight: bold; text-decoration:none; word-break: keep-all;}
.depth01 > li > ul.depth02{ position: absolute; left:0; top:110px; width: 100%; height: 254px; line-height: 50px; font-weight: bolder; font-size:large; display: none; z-index: 1;  }
.depth01 > li > ul.depth02 > li{background:#fff;}
.depth01 > li > ul.depth02 > li:last-child{border-radius: 0 0 30px 0; box-shadow: 0px 6px 6px -6px rgba(32, 33, 36, .28);}
.depth01 > li > ul.depth02 > li > a{display: block; height: 50px; line-height: 50px; color:#3E3B9A; font-size: medium;  text-decoration:none ;}
.depth01 > li > ul.depth02 > li:hover > a{background-color:#F4F3FD; border-radius: 30px 0 30px 0;}
.depth01 > li > a::after{content:''; position:absolute; left:50%; bottom:0; display:block; width:0; height:4px; margin-top: -4px; background:#3E3B9A; transition:0.3s;}
.depth01 > li > a:hover::after,
.depth01 > li:hover > a::after{ left:0; width:50%; padding:0 0 0 50%;}
 /*모바일메뉴*/
.mobile{display:none; }
.btn_gnb{z-index: 96; position:absolute; right:20px; top:44px; width:32px; height:22px; }
.btn_gnb .bar {display:block; position:absolute; top:50%; left: 0; width:100%; height: 3px; background:#2A2869; transition: 0.3s; transform:translate(0,-50%); border-radius:50px; }
.btn_gnb .bar:before{content: ''; display:block; width:100%; height:100%; position:absolute; top:10px; left:0; background:#2A2869; transition: 0.3s; border-radius:50px; }
.btn_gnb .bar:after{content: ''; display:block; width:100%; height:100%; position:absolute; bottom:10px; left:0; background:#2A2869; transition: 0.3s; border-radius:50px; }
.skip{position:absolute; left:-5000px; width:0; height:0; font-size: 0; line-height: 0; overflow: hidden;}
.btn_gnb.close .bar{background: #fff;}
.btn_gnb.close .bar:before{top: 0; transform: rotate(45deg);}
.btn_gnb.close .bar:after{bottom: 0; transform: rotate(-45deg);}
#m_gnb{display:none; }
@media all and (max-width:1249px){
.gnb{top:0;}
.innergnb{justify-content:space-between;}
.logo{max-width:none; }
.mobile{display:block;}
.lnbdepth > li.mypage_m {position:relative; display:flex; justify-content:center; width: 84%; background-color:#3E3B9A; border-radius:20px 4px; }
.lnbdepth > li.mypage_m > a.mypage_m_a{font-size: 16px; }
.lnbdepth > li.mypage_m > a:first-child.mypage_m_a::after{content: ''; width: 1px; height: 16px; background-color: #fff; position: absolute; right: 112px; bottom: 18px; }
nav .depth01{display:none;}
#m_gnb{display:block;}
.login_m, .logout_m{margin:40px 24px 14px 24px; background-color:#3E3B9A; text-align:center; font-size: 18px; color:#fff; border-radius:20px 4px;  }
.signin_m, .mypage_m{margin:0px 24px 10px 24px; background-color:#3E3B9A; text-align:center; font-size: 18px; color:#fff; border-radius:20px 4px;  }
#m_gnb{z-index:999; overflow-y: scroll; position: fixed; right: -320px; top: 110px; padding-bottom:120px; width: 320px; height: calc(100vh); background:#2A2869; }
#m_gnb .depth1 > li{width: 80%; margin:0 auto; border-bottom:2px solid #3E3B9A;}
#m_gnb .depth1 > li > a{font-size: 18px; }
#m_gnb .depth1 > li:hover > a{color:#FF6166; text-decoration:none; }
#m_gnb a{display: block; padding: 10px 34px 10px 34px; line-height: 2em; color: #fff; }
#m_gnb .depth2{display: none; padding: 20px 0 20px 0; background:#3E3B9A; }
#m_gnb .lnbdepth02_m{display: none; padding: 20px 0 20px 0; background:#3E3B9A; }
}
@media all and (max-width:767px){
.gnb{height:78px;}
.innergnb{height:78px;}
.btn_gnb{top:28px;}
#m_gnb{top:78px;}
}


/* 메인이미지 */
.mainimg{margin-top:148px; width:100%; height:600px; background: url(../images/main/slide.jpg) center center no-repeat; background-size:cover;}
.maininner{max-width:1200px; margin:0 auto; }
.maintext{padding-top:124px; font-size:3em; color:#fff; font-weight: bold; line-height: 1.2; letter-spacing: .1rem;}
.application{display:flex; justify-content:center; align-items:center; margin-top: 100px; max-width:394px; height:140px; text-align: center; background-color:#F4F3FD; border-radius: 60px 10px; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);}
.application:hover{ box-shadow: 0px 0px 6px #F4F3FD; transition:0.3s;}
.application a{display:block; width: 100%; height: 100%; text-decoration:none;}
.application a:hover p{transition:0.3s; color:#FF6166;}
.application a:hover svg{transition:0.3s; fill:#FF6166;}
.application > li:nth-child(2) {margin-left: 56px;}
.application p{margin-top: 14px; color:#2A2869; font-weight: bold; }
.main-text-img-wrap { width:200px; margin-top: 35px; border-radius: 5px;}
.main-text-img-wrap img {     border-radius: 5px;}
@media all and (max-width:1249px){
.mainimg{margin-top:110px; width: 100%; height: 362px; background: url(../images/main/slideT.jpg) center center no-repeat; }
.maininner{width:54%; margin:initial; }
.maintext{padding-top:76px; font-size: 2em; text-align:center;  }
.application{width:260px; height:120px; margin:0 auto; margin-top:60px; border-radius: 40px 10px; }
.application > li:nth-child(2) {margin-left:24px;}
.application a{font-size: 14px; }
.application p{margin-top: 14px;}
	.main-text-img-wrap { display: none;}
}
@media all and (max-width:767px){
.mainimg{margin-top:78px;}
}
@media all and (max-width:720px){
.mainimg{width: 100%; height: 483px; background: url(../images/main/slideM.jpg) center center no-repeat; }
.maininner{width: 100%;}
.maintext{padding-top: 40px;}
.application{margin-top: 220px;}
}


/* 카테고리 */
.category{display: flex; justify-content:space-around; align-items: center; max-width: 1200px; margin: 0 auto; margin-top:80px; height: 120px; background-color:#3E3B9A ; border-radius: 60px 10px;}
.category > li{width: 14%; text-align: center; }
.category a {display: flex; justify-content: center; text-decoration:none; }
.category p{margin-left:6px; line-height:50px; color: #fff; font-weight: bolder;}
.category li:hover p{transition:0.3s; color:#FF6166; }
@media all and (max-width:1249px){
.category a {display: block; text-decoration:none; }
.category p {margin-left: 0px; line-height:26px;}
.category{margin-top:50px; border-radius: 40px 10px;}
}
@media all and (max-width:1100px){
.category{margin-top:20px;}
}
@media all and (max-width:720px){
.category{ flex-wrap:wrap; height: 230px;}
.category a {display: flex; justify-content: center; text-decoration:none; }
.category p{margin-left:6px; line-height:50px; color: #fff; font-weight: bolder;}
.category > li{ width: 33%;}
}
@media all and (max-width:529px){
.category a {display: block; text-decoration:none; }
.category p {margin-left: 0px; line-height:26px;}
}




/* 산업분야 */
.content{position:relative; display:flex; justify-content: space-between; max-width:1200px; margin:0 auto; margin-top: 80px; background:url(../images/main/bg.svg) top right no-repeat;}
.text{padding-top:60px; position:relative; }
.textT{font-size: 40px; font-weight: bold; color:#2A2869; text-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); }
.textC{margin-top: 40px; margin-bottom: 50px;font-size: 30px; font-weight: 590; line-height: 40px; }
.textC span{box-shadow:inset 0 -20px 0 #F4F3FD; line-height:21px; }
.textbtn{padding:10px 20px; color:#fff; background-color:#3E3B9A; border-radius:14px 4px; }
.solution{display:flex; justify-content:space-evenly; align-items:end; justify-content: space-around; width: 70%; transform: scale(0.9); } 
.slick-center{transform: scale(1.2); }
.solutionBox{margin-top: 30px; margin-bottom: 30px; margin-left: 20px; margin-right:20px; background:#fff; border:3px solid #3e3b9a; border-radius:60px 10px; }
.solutionBox ul{flex-wrap:wrap; display:flex; align-items: center; justify-content: space-between; padding:30px 18px; width: 100%;  }
.solutionBox ul > li:first-child{ width: 100%; height: 50%; text-align: end;  }
.solutionBox ul > li:last-child{margin-top: 30px;}
.MIt,.SIt, .Plt  {font-size: 16px;}
.CIt{font-size: 12px;}
/*.MIi img{margin-top: 6px;}*/
.MIi, .SIi, .CIi, .Pli, .Fli {margin-top: 26px;  width: 50%; height: 50%; }
.Sbtn{width: 50%; height: 50%; line-height: 40px; text-align:end; }
.Sbtn a{display:flex; justify-content: flex-end; color:#3E3B9A; font-weight: bold; }
.applicationNew{ margin-right: 4px; font-size: 14px; }
.applicationCount{color: #FF6166; font-size:24px; font-weight: bold;}
.Mtxt{font-size: 30px; font-weight: bold; color:#E42352; }
.Stxt{font-size: 30px; font-weight: bold; color:#179EB0; }
.Ctxt{font-size: 30px; font-weight: bold; color:#F17D21; }
.Ptxt{font-size: 30px; font-weight: bold; color:#F15E51; }
.Ftxt{font-size: 30px; font-weight: bold; color:#25AAE1; }
/*.MIi, li:first-child .Sbtn{padding-top:16px; }*/
	@media all and (max-width:1249px){
	.content{flex-wrap:wrap; margin-top:50px; background:url(../images/main/bgT.svg) top right no-repeat; background-size: contain; }
	.text{width: 100%; text-align:center; padding-top:0;}
	.textT{font-size: 30px;}
	.textC{margin-top: 10px; margin-bottom: 30px; font-size: 24px;}
	.textC br{display:none;}
	.solution{width: 100%; justify-content: space-evenly; }
	.content{padding:30px 0; }
	}
	@media all and (max-width:1100px){
	.content{margin-top:20px; }
	}
	@media all and (max-width:925px){
	.MIt,.SIt, .Plt, .CIt, .Flt{display:none; }
	.Mtxt, .Stxt, .Ctxt, .Ptxt, .Ftxt{font-size: 24px; }
	}
	@media all and (max-width:767px){
	.content{background:#F4F3FD; background-color: rgba( 244, 243, 253, 0.5 ); border-radius:30px 10px;}
	.textC{font-size: 18px; line-height: normal;}
	.slick-center{transform: scale(1); }
	.MIt,.SIt, .Plt, .CIt, .Flt{display:block; }
	.content{padding-bottom:0px; }
	}
	@media all and (max-width:514px){
	.solutionBox ul{padding:30px 40px;}
	
	}




/* 공지사항 질문게시판 */
.notinews{display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
.notice, .news{margin-top: 80px; width: 49%; height: 264px; background-color: #fff; border-radius: 60px 10px; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);}
.notinews h2{display:flex; justify-content: space-between; align-items:center; margin: 34px 27px 0 27px; padding-bottom:10px; font-size: 24px; border-bottom: 2px solid #2A2869;}
.notinews h2 > span{display:block; font-size: 16px;}
.notinews h2 img{margin-left: 6px;}
.notiList, .newsList{position:relative; margin: 36px 0 0 30px; }
.notiList > li, .newsList > li{display:block; width: 100%; height: 100%; margin-bottom:30px; } 
.noti, .newsS, .newsN{margin-right: 10px; padding: 6px 10px; min-width: 75px; border: 1px solid #3E3B9A; border-radius: 100px; line-height: 100%; color: #3E3B9A; font-size: 14px;}
.day{position:absolute; right:0; padding-right:30px; color:#666; }
.notiL{display: inline-block; width: 64%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.newsL{display: inline-block; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media all and (max-width:1249px){
.notiqna{justify-content:center;}
.notiqna h2{font-size: 18px;}
.notice, .news{margin-top: 50px; border-radius: 40px 10px; }
.news{margin-left:20px;}
.newsList > li{display:block; width: 100%; height: 100%; margin-bottom:20px; }
.newsS, .newsN{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.day{display:none; }
}
@media all and (max-width:1100px){
.notice, .news{margin-top: 30px;}
}
@media all and (max-width:767px){
.notinews{flex-wrap:wrap;}
.notice, .news{width: 100%;}
.news{margin-left:0; margin-top: 20px;}
.notiList, .newsList{margin: 20px 0 0 30px; }
.day{display:inline-block;}
}
@media all and (max-width:576px){
.day{display:none;}
}
@media all and (max-width:379px){
.notiList > li{margin-bottom: 20px;}
.newsList > li{margin-bottom: 10px;}
.notice, .news{height: 234px;}
.newsL{width:62%;}
}


/* AI멘토링알아보기 */
.banner a{display:flex; justify-content:space-around; align-items: end; max-width: 1200px; margin: 0 auto; margin-top:80px; margin-bottom:80px; height: 160px; background-color: #2A2869; border-radius: 60px 10px; text-decoration:none;}
.banner p{margin-bottom: 62px; font-size: 30px; font-weight: 800; color:#fff; line-height: 1.2; letter-spacing: .1rem; }
.banner a:hover p{} 
.banner img{max-width:300px; }
.bannerM{display:none;}
@media all and (max-width:1249px){
.banner a{margin-top: 50px; margin-bottom:50px;}
}
@media all and (max-width:1100px){
.banner a{margin-top: 30px; margin-bottom:30px;}
}
@media all and (max-width:768px){
.banner p{font-size: 24px;}
}
@media all and (max-width:699px){
.bannerM{display:block; margin: 0 auto; margin-top: 30px; width: 280px; }
.banner p{margin-bottom: 36px;}
.banner a{margin-top:0px; height: 100px; border-radius: 40px 10px; }
.banner a > img{display:none;}
}


/* 푸터 */
#footer{width: 100%; background-color:#222; }
.innerfooter{ display:flex; flex-wrap:nowrap; max-width:1200px; margin:0 auto; padding: 50px 0 50px 0; color:#DBDBDB; }
.footerleft, .footerright{width: 50%;}
.footerL{display:flex; align-items: center; margin-bottom: 30px;}
.footerL > li{margin-right: 20px;}
.footerL > li:nth-child(1) > a{color:#FF6166; }
.footerL > li:last-child{margin-right: 0px;} 
.footerL a{display:block; color:#DBDBDB; }
.info{margin-bottom: 20px;}
.info p{ line-height:1.3;}
/* 패밀리사이트 */
.footerright{ display: flex; justify-content: end; }
.familysite{ position: relative; width: 300px; height: 46px; background-color:#fff; border-radius: 4px; }
.familysite .famsite{ position:relative; display:flex; align-items: center; width:100%; height:100%; padding:12px 72px 12px 12px; font-size: 16px; font-weight: bold; border-radius: 4px; background:#fff; }
.familysite .famsite::after{ position:absolute; content:''; display:inline-block; width:6px; height:6px; transform:rotate(-135deg); border-right:2px solid #222; border-bottom:2px solid #222; right:20px; }
.mobilefam.on .famsite::after{ position:absolute; content:''; display:inline-block; width:6px; height:6px; transform:rotate(45deg); border-right:2px solid #222; border-bottom:2px solid #222; right:20px; }
.famM{ position: absolute; padding: 3px 12px; display: none; width: 100%; background:#fff; border-radius: 4px; bottom: 46px; border: 1px solid #eee; box-shadow: 2px 6px 28px 0px rgb(0 0 0 / 3%); }
.famM li{ padding: 4px 0px; line-height: 30px; }
.famM li.on{ display:block;  }
.famM li:hover > a{ width: 100%; color:#3E3B9A; font-weight: bold; }
/* 패밀리사이트 */
@media all and (max-width:1249px){
.footerL{justify-content:center;}
.innerfooter{flex-wrap:wrap; }
.footerleft, .footerright{width: 100%;}
.innerfooter{text-align:center; padding: 50px 20px 50px 20px;}
.footerright{justify-content: center; margin-top: 30px; }
}
@media all and (max-width:767px){
.footerL > li{margin-right: 10px;}
}