@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * 
 * 수정일 | 수정자 | 수정내용
 * 2022.09.07 | 김효진 | 최초 등록
 * 
 * @author 디자인팀 김효진
 * @since 2022.09.07
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* all.css overwrite */
h1, h2, h3, h4, h5, h6 {letter-spacing:0}


/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */
/* 공통 */
#wrap>.container {max-width:none;}
[id*=mainbody] {position:relative;}
[id*=mainbody] .slick-list {margin:-2px;padding:2px;}
[id*=mainbody] .slick-track {margin:0}
[id*=mainbody] .datalist .item {vertical-align:top}
[id*=mainbody] .datalist .item img {max-width:100%;}
[id*=mainbody] .menu1 {display:none}
[id*=mainbody] .menu1 .prev, [id*=mainbody] .menu1 .next {background:url(../../img/main/main_sprite.png) no-repeat;border:0;text-indent:-9999px;}
[id*=mainbody] .menu1 .mControl .mNum {background:rgba(0,0,0,.6);border-radius:16px;display:inline-block;vertical-align:top;padding:0 18px;color:rgba(255,255,255,.5);font-weight:300;line-height:32px;}
[id*=mainbody] .menu1 .mControl .mNum .on {font-weight:600;color:#fff}
[id*=mainbody] .menu1 .mControl .mNum .total:before {content:"/";display:inline-block;vertical-align:top;font-size:12px;margin:-1px 3px 0}
[id*=mainbody] .menu1 .mControl .stop, [id*=mainbody] .menu1 .mControl .play {display:inline-block;vertical-align:top;width:32px;height:32px;border:0;text-indent:-9999px;background:url(../../img/main/main_sprite.png) no-repeat}
[id*=mainbody] .menu1 .mControl .stop {background-position:0 0}
[id*=mainbody] .menu1 .mControl .play {background-position:-34px 0}

#mainbody1 .wrap {position:relative;width:1600px;margin:auto;}
#mainbody1 .datalist {width:1920px;margin-left:-160px;}
#mainbody1 .datalist .item {position:relative;}
#mainbody1 .datalist .slick-dots {display:none !important;}
#mainbody1 .menu1 .mControl {position:absolute;bottom:50px;left:13.54%;}
#mainbody1 .menu1 .prev, #mainbody1 .menu1 .next {position:absolute;top:calc(50% - 25px);width:27px;height:49px;}
#mainbody1 .menu1 .prev {left:8%;background-position:-68px 0}
#mainbody1 .menu1 .next {right:8%;background-position:-97px 0}
@media screen and (max-width:1599px){
	#mainbody1 .wrap {position:static;width:1200px;}
	#mainbody1 .datalist {width:1632px;margin-left:-216px;}
	#mainbody1 .menu1 .prev {left:10px}
	#mainbody1 .menu1 .next {right:10px}
	#mainbody1 .menu1 .mControl {width:100%;bottom:10px;left:0;text-align:center;}	
}
@media screen and (max-width:1199px){
	#mainbody1 .wrap {width:1000px}
	#mainbody1 .datalist {margin-left:-316px}
}
@media screen and (max-width:999px){
	#mainbody1 .wrap {width:768px;}
	#mainbody1 .datalist {width:1344px;margin-left:-288px;}
}
@media screen and (max-width:768px){
	#mainbody1 .wrap {width:600px;}
	#mainbody1 .datalist {width:1056px;margin-left:-228px;}
	#mainbody1 .menu1 .prev {left:0}
	#mainbody1 .menu1 .next {right:0}
	#mainbody1 .menu1 .mControl .mNum {display:none}
	#mainbody1 .menu1 .prev, #mainbody1 .menu1 .next {background:transparent;width:24px;height:24px;top:calc(50% - 12px);border:2px solid #fff;box-sizing:border-box;transform:rotate(45deg);}
	#mainbody1 .menu1 .prev {transform-origin:50% 100%;border-top:0;border-right:0}
	#mainbody1 .menu1 .next {transform-origin:0 0;border-bottom:0;border-left:0}
}
@media screen and (max-width:599px){
	#mainbody1 .wrap {width:300px;}
	#mainbody1 .datalist {width:768px;margin-left:-234px;}
}
@media screen and (max-width:449px){
	#mainbody1 .datalist {width:576px;margin-left:-138px;}
}


#mainbody2 {background:#f2f4f6;padding:70px 0 45px}
#ppr1 {position:relative;float:left;width:450px;height:400px;/* overflow:hidden */}
#ppr1 .datalist .item a {display:block;}
#ppr1 .datalist .item img {width:100%;height:100%;border-radius:20px;}
#ppr1 .menu1 {position:absolute;bottom:10px;right:10px;}
#ppr1 .datalist .slick-dots {display:none !important}
#ppr1 .menu1 .mControl .prev, #ppr1 .menu1 .mControl .next {position:absolute;top:calc(50% - 10px);width:20px;height:20px;}
#ppr1 .menu1 .mControl .prev {background-position:-127px 0;left:6px;}
#ppr1 .menu1 .mControl .next {background-position:-149px 0;right:42px;}
#ppr1 .menu1 .mControl .mNum {padding-left:30px;padding-right:30px;}

#news1 {position:relative;float:right;width:calc(100% - 520px);}
#news1 .h1 {font-size:40px;color:#000;line-height:1.1;font-weight:800;letter-spacing:-.1em;}
#news1 .tab {position:absolute;top:0;}
#news1 .tab a {position:relative;display:block;font-size:18px;color:#666;font-weight:500;letter-spacing:-.1em;line-height:1.1;padding:8px 4px 14px}
/* #news1 .tab:nth-of-type(1) {left:230px;}
#news1 .tab:nth-of-type(2) {left:320px;}
#news1 .tab:nth-of-type(3) {left:410px;}
#news1 .tab:nth-of-type(4) {left:500px;}
#news1 .tab:nth-of-type(5) {left:620px;}
#news1 .tab:nth-of-type(6) {left:740px;} */
#news1 .tab:nth-of-type(1) {left: 240px;}
#news1 .tab:nth-of-type(2) {left: 314px;}
#news1 .tab:nth-of-type(3) {left: 423px;}
#news1 .tab:nth-of-type(4) {left: 526px;}
#news1 .tab:nth-of-type(5) {left: 627px;}
#news1 .tab:nth-of-type(6) {left: 757px;}
#news1 .tab:nth-of-type(7) {left:818px;}
#news1 .tab.on a {font-weight:600;color:#222;}
#news1 .tab.on a:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:4px;background:#222}
#news1 .cont {padding-top:50px}
#news1 .cont .datalist {overflow:hidden;padding-left:15px;margin-left:-10px;margin-right:-10px;}
#news1 .cont .datalist .slick-list {padding:0 15px 0 0;margin:0 0 0 -30px}
#news1 .cont .datalist .slick-track {margin:0}
#news1 .cont .datalist .item {float:left;width:calc(33.333% - 20px);} 
#news1 .cont .datalist.slick-slider .item {float:none;width:100%;display:inline-block;}
#news1 .cont .datalist .item a {position:relative;display:block;background:#fff;margin-left:30px;border-radius:20px;border:1px solid #fff;overflow:hidden;box-shadow:0 7px 15px rgba(0,0,0,.15);margin-bottom:30px;padding:30px;transition:border-color .35s ease}
#news1 .cont .datalist .item a .cate {display:block;font-size:18px;color:#555;letter-spacing:-.05em}
#news1 .cont .datalist .item a .cate:before {content:"";display:inline-block;vertical-align:middle;width:36px;height:36px;background:url(../../img/main/main_sprite.png) no-repeat -693px 0;margin-top:-4px;margin-right:7px;}
#news1 .cont .datalist .item a .h2 {display:block;font-size:20px;line-height:30px;font-weight:600;color:#222;height:60px;overflow:hidden;letter-spacing:-.1em;margin-top:12px;margin-bottom:20px}

#news1 .cont .datalist .item a .h2 [class*=stat] {position:absolute;top:30px;right:30px;display:inline-block;vertical-align:middle;font-size:13px;color:#fff;border-radius:15px;font-weight:500;letter-spacing:-.05em;padding:6px 12px 5px;line-height:1;}
#news1 .cont .datalist .item a .h2 .stat1[data-progress=접수중] {background-color:#0056c1} /* 접수중 */
#news1 .cont .datalist .item a .h2 .stat1[data-progress=접수완료]{background-color:#4e5b68} /* 접수완료 */       
#news1 .cont .datalist .item a .h2 .stat1[data-progress=접수예정]{background-color:#ec6545} /* 접수예정 */   

#news1 .cont .datalist .item a .t1 {font-size:15px;line-height:25px;color:#666;letter-spacing:-.075em;height:75px;overflow:hidden;margin-bottom:20px}
#news1 .cont .datalist .item a .date {font-size:13px;color:#999;letter-spacing:-.05em;display:block;margin-bottom:10px;}
#news1 .cont .datalist .item a .date:before {content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;background:url(../../img/main/main_sprite.png) no-repeat -38px -44px;margin:-3px 5px 0 0;}
#news1 .cont .datalist .item a:hover, #news1 .cont .datalist .item a:focus {border-color:#25476a}
#news1 .cont .datalist .item a:hover .h2, #news1 .cont .datalist .item a:focus .h2 {text-decoration:underline}
#news1 .cont .no-data {text-align:center;padding-top:100px;font-size:17px;color:#222;letter-spacing:-.1em;}
#news1 .cont .menu .mControl {display:none;}
#news1 .cont .menu .mControl .m, #news1 .cont .datalist .slick-arrow {position:absolute;background-image:url(../../img/main/main_sprite.png);background-repeat:no-repeat;border:0;text-indent:-9999px;border-radius:50%;z-index:10}
#news1 .cont .menu .mControl .prev, #news1 .cont .menu .mControl .next, #news1 .cont .datalist .slick-arrow  {top:50%;width:60px;height:60px;box-shadow:0 5px 10px rgba(0,0,0,.15)}
#news1 .cont .menu .mControl .prev, #news1 .cont .datalist .slick-prev {left:-30px;background-position:-171px 0}
#news1 .cont .menu .mControl .next, #news1 .cont .datalist .slick-next {right:-15px;background-position:-233px 0}
#news1 .cont .menu .mControl .stop, #news1 .cont .menu .mControl .play {top:0;right:128px;width:42px;height:42px;background-color:#e2e4e6}
#news1 .cont .menu .mControl .stop {background-position:-295px 0}  
#news1 .cont .menu .mControl .play {background-position:-731px 0}
#news1 .cont .menu .more1 {position:absolute;top:0;right:8px;font-size:14px;color:#000;font-weight:600;width:110px;line-height:42px;letter-spacing:-.1em;background:#e2e4e6;border-radius:20px;padding:0 19px 0 25px;box-sizing:border-box;}
#news1 .cont .menu .more1:after {position:absolute;top:calc(50% - 4px);right:19px;content:"";display:block;vertical-align:middle;width:17px;height:8px;background:url(../../img/main/main_sprite.png) no-repeat -38px -34px;transition:right .35s ease}
#news1 .cont .menu .more1:hover:after,#news1 .cont .menu .more1:focus:after {right:15px}
@media screen and (max-width:1619px){
/*	#mainbody2 {padding-left:10px;padding-right:10px;}
	#news1 {width:calc(100% - 500px)}
	#news1 .tab:nth-of-type(1) {left:210px}
	#news1 .tab:nth-of-type(2) {left:290px}
	#news1 .tab:nth-of-type(3) {left:380px;}
	#news1 .tab:nth-of-type(4) {left:470px;}
	#news1 .tab:nth-of-type(5) {left:590px;}
	#news1 .tab:nth-of-type(6) {left:710px;} */
	#news1 .tab:nth-of-type(1) {left: 251px;}
	#news1 .tab:nth-of-type(2) {left: 350px;}
	#news1 .tab:nth-of-type(3) {left: 468px;}
	#news1 .tab:nth-of-type(4) {left: 581px;}
	#news1 .tab:nth-of-type(5) {left: 682px;}
	#news1 .tab:nth-of-type(6) {left: 817px;}
	#news1 .tab:nth-of-type(7) {left:818px;}
	#news1 .cont .menu .mControl .stop, #news1 .cont .menu .mControl .play {right:54px}
	#news1 .cont .menu .more1 {text-indent:-9999px;width:42px;border-radius:50%;padding:0}
	#news1 .cont .menu .more1:after {right:calc(50% - 9px)}
}
@media screen and (max-width:1499px){
/*	#news1 .tab:nth-of-type(2) {left:290px}
	#news1 .tab:nth-of-type(3) {left:370px;}
	#news1 .tab:nth-of-type(4) {left:450px;}
	#news1 .tab:nth-of-type(5) {left:560px;}
	#news1 .tab:nth-of-type(6) {left:665px;} */
	#news1 .tab:nth-of-type(1) {left: 210px;}
	#news1 .tab:nth-of-type(2) {left: 295px;}
	#news1 .tab:nth-of-type(3) {left: 387px;}
	#news1 .tab:nth-of-type(4) {left: 472px;}
	#news1 .tab:nth-of-type(5) {left: 560px;}
	#news1 .tab:nth-of-type(6) {left: 676px;}
	#news1 .tab:nth-of-type(7) {left:705px;}
	#news1 .cont .menu .mControl .prev, #news1 .cont .menu .mControl .next {display:none}
	#news1 .cont .datalist .slick-arrow {margin-top:-40px}
	#news1 .cont .datalist .slick-prev {left:5px}
	#news1 .cont .datalist .slick-next {right:5px}
}
@media screen and (max-width:1399px){
	#news1 {width:calc(100% - 480px)}
	#news1 .h1 {font-size:36px}
	#news1 .wrap {position:relative;margin-top:15px}
/*	#news1 .tab:nth-of-type(1) {left:0}
	#news1 .tab:nth-of-type(2) {left:80px}
	#news1 .tab:nth-of-type(3) {left:160px;}
	#news1 .tab:nth-of-type(4) {left:240px;}
	#news1 .tab:nth-of-type(5) {left:355px;}
	#news1 .tab:nth-of-type(6) {left:465px;} */
	#news1 .tab:nth-of-type(1) {left:0}
	#news1 .tab:nth-of-type(2) {left: 65px;}
	#news1 .tab:nth-of-type(3) {left: 177px;}
	#news1 .tab:nth-of-type(4) {left: 281px;}
	#news1 .tab:nth-of-type(5) {left: 398px;}
	#news1 .tab:nth-of-type(6) {left: 542px;}
	#news1 .tab:nth-of-type(7) {left:600px;}
	#news1 .cont {padding-top:60px}
	#news1 .cont .datalist .item a {padding-bottom:10px}
	#news1 .cont .menu .mControl .stop, #news1 .cont .menu .mControl .play, #news1 .cont .menu .more1 {top:-50px}		
}
@media screen and (max-width:1099px){
	#mainbody2 {padding-top:40px}
	#ppr1 {float:none;margin:auto auto 40px;height:auto;}
	#news1 {float:none;width:100%;}
	#news1 .h1 {font-size:32px}
	#news1 .cont .no-data {padding-bottom:100px}
}
@media screen and (max-width:768px){
	#news1 .h1 {font-size:30px}
	#news1 .tab a {font-size:16px}
/*	#news1 .tab:nth-of-type(2) {left:70px}
	#news1 .tab:nth-of-type(3) {left:150px;}
	#news1 .tab:nth-of-type(4) {left:225px;}
	#news1 .tab:nth-of-type(5) {left:330px;}
	#news1 .tab:nth-of-type(6) {left:430px;} */
	#news1 .tab:nth-of-type(2) {left: 60px;}
	#news1 .tab:nth-of-type(3) {left: 146px;}
	#news1 .tab:nth-of-type(4) {left: 227px;}
	#news1 .tab:nth-of-type(5) {left: 308px;}
	#news1 .tab:nth-of-type(6) {left: 417px;}
	#news1 .tab:nth-of-type(7) {left:575px;}
	#news1 .cont .datalist .item a {padding:30px 25px 10px}
	#news1 .cont .datalist .item a .cate {font-size:16px}
	#news1 .cont .datalist .item a .h2 {font-size:18px;line-height:26px;height:52px}
	#news1 .cont .datalist .item a .t1 {font-size:14px;line-height:24px;height:72px}
}
@media screen and (max-width:549px){
	#news1 .tab {width:33.3%;text-align:center;}
/*	#news1 .tab:nth-of-type(2) {left:33.3%}
	#news1 .tab:nth-of-type(3) {right:0;width:33.4%;left:auto;}
	#news1 .tab:nth-of-type(4) {top:38px;left:0;}
	#news1 .tab:nth-of-type(5) {top:38px;left:33%}
	#news1 .tab:nth-of-type(6) {top:38px;left:auto;right:0;width:33.4%} */
	#news1 .tab:nth-of-type(1) {left:0;width:25%;}
	#news1 .tab:nth-of-type(2) {left:25%;width:25%;}
	#news1 .tab:nth-of-type(3) {right:25%;width:25%;left:auto;}
	#news1 .tab:nth-of-type(4) {right:0;width:25%;left:auto;}
	#news1 .tab:nth-of-type(5) {left:0%;top:38px;left:0;}
	#news1 .tab:nth-of-type(6) {top:38px;left:33%}
	#news1 .tab:nth-of-type(7) {top:38px;left:auto;right:0;width:33.4%}
	#news1 .cont {padding-top:85px}
}
@media screen and (max-width:449px){
	#mainbody2 {padding-bottom:20px}
	#ppr1 {width:auto;max-width:450px;height:auto}
	#news1 .h1 {font-size:26px}
	#news1 .tab a {font-size:15px;}
	#news1 .cont .datalist .item a {padding-top:25px}
	#news1 .cont .datalist .item a .cate {font-size:15px}
	#news1 .cont .datalist .item a .h2 {font-size:17px;line-height:24px;height:48px;}
	#news1 .cont .datalist .slick-arrow {width:48px;height:48px;background-size:779px auto;}
	#news1 .cont .datalist .slick-prev {left:0;background-position:-137px 0}
	#news1 .cont .datalist .slick-next {right:0;background-position:-186px 0}
}

#mainbody3 {background:#e4e4ef;padding:40px 0}
#mainbody3 .container {padding:40px 0;}
#edu1 {position:relative;width:calc(100% - 700px);padding-left:250px;}
#edu1 .hg1 {position:absolute;top:13px;left:0;width:285px;padding-left:0;box-sizing:border-box}
#edu1 .hg1 .h1 {font-size:45px;line-height:1.1;letter-spacing:-.1em;color:#222;font-weight:800;margin-bottom:20px}
#edu1 .hg1 .t1 {line-height:24px;color:#666;letter-spacing:-.05em}
#edu1 .lst {overflow:hidden;}
#edu1 .lst li {float:left;text-align:center;margin-right:20px;margin-bottom:5px}
#edu1 .lst li:last-child {margin-right:0}
#edu1 .lst li a {display:block;width:140px;height:140px;border:1px dashed #25476a;border-radius:50%;box-sizing:border-box;background:#fff;font-size:17px;font-weight:600;letter-spacing:-.1em;padding:30px 0;color:#25476a;}
#edu1 .lst li a:before {content:"";display:block;width:48px;height:44px;background:url(../../img/main/main_sprite.png) no-repeat;margin:auto auto 12px;}
#edu1 .lst li a:hover, #edu1 .lst li a:focus {text-decoration:underline;}
/* 아이콘 */
#edu1 .edu1 .n1 a:before {background-position:-339px 0}
#edu1 .edu1 .n2 a:before {background-position:-389px 0}
#edu1 .edu1 .n3 a:before {background-position:-439px 0}
#edu1 .edu1 .n4 a:before {background-position:-489px 0}
#edu1 .edu1 .n5 a:before {background-position:-539px 0}

#menu1 {position:absolute;top: -97px;right: -300px;width: 100%;height: 230px;background:#0779f9;border-top-left-radius:100px;padding-top:50px;padding-left:90px;box-sizing:border-box;z-index:1}
#menu1 .h1 {font-size:34px;line-height:1.1;color:#fff;letter-spacing:-.1em;font-weight:800;margin-bottom:15px;}
#menu1:after {position:absolute;top:0;left:450px;content:"";display:block;width:300%;height:100%;background:#0779f9}
#menu1 .lst {position:relative;width: 964px;z-index:1;display: flex;}
#menu1 .lst:after {position:absolute;bottom: -100px;right: -398px;content:"";display:block;width:308px;height:504px;background: url(../../img/main/main_sprite.png) no-repeat 0 -182px;}
#menu1 .lst li {border-bottom:1px solid rgba(255,255,255,.5);width: calc(100% - .75%);}
#menu1 .lst li a {position:relative;display:block;font-size:20px;color:#fff;letter-spacing:-.1em;padding:17px 3px 14px;}
#menu1 .lst li a:after {position:absolute;top:calc(50% - 5.5px);right:17px;content:"";display:block;width:14px;height:11px;background:url(../../img/main/main_sprite.png) no-repeat -589px -38px;transition: right .35s ease}
#menu1 .lst li a:hover:after,#menu1 .lst li a:focus:after {right:12px;}
@media screen and (max-width:1619px){
	#mainbody3 .container {padding-left:10px;padding-right:10px;}
	#edu1 {width:calc(100% - 700px);padding-left:210px}
	#menu1 {padding-left:55px}
}
@media screen and (max-width:1499px){
	#mainbody3 {padding:25px 0;}
	#edu1 {padding-left:20px;width:calc(100% - 500px);text-align:center;height: 100px;}
	#edu1 .hg1 {position:relative;top:auto;left:auto;margin-bottom:10px;width:100%;}	
	#edu1 .lst li {float:none;display:inline-block;vertical-align:top;width:19%;margin-right:0}
	#edu1 .lst li a {margin:auto;}
	#menu1 {top: -40px;}
}
@media screen and (max-width:1259px){
	#mainbody3 {padding-bottom:0}
	#edu1 {width:100%;height: auto;}
	#menu1 {position:relative;top:auto;right:auto;width:auto;height:auto;margin-top: -21px;padding-bottom:40px;margin-right:-20px;}
	#menu1:after {display:none}
	#menu1 .h1 {text-align:center;}
	#menu1 .lst {width:100%}
	#menu1 .lst li {display:inline-block;vertical-align:top;width:24%;margin-left:.5%}
	#menu1 .lst li:first-child {margin-left:0}
	#menu1 .lst:after {display:none;width:246px;height:403px;background-size:779px auto;background-position:0 -148px}
}
@media screen and (max-width:999px){
	#mainbody3 {padding:20px 0 0}
	#mainbody3 .container {padding-bottom:0}
	#edu1 {padding-left:0;text-align:center;height: auto;}
	#edu1 .hg1 {position:relative;top:auto;left:auto;width:100%;}
	#edu1 .hg1 .h1 {font-size:40px;}
	#edu1 .hg1 .t1 {font-size:15px;line-height:22px;}
	#edu1 .hg1 .t1 br {display:none}
	#menu1 {margin-right:0;border-top-right-radius:100px;padding:55px 25px 30px;}
	#menu1 .h1 {font-size:34px;margin-bottom:10px}
	#menu1 .lst {width:100%;overflow:hidden;display: block;}
	#menu1 .lst li {display:block;float:left;width:calc(50% - .75%);margin-left:1%}
	#menu1 .lst li:nth-child(odd) {margin-left:0}
	#menu1 .lst li a {font-size:18px;}
	#menu1 .lst:after {display:none}
}
@media screen and (max-width:768px){
	#edu1 .hg1 .h1 {font-size:34px;margin-bottom:10px;}
	#edu1 .hg1 .t1 {font-size:14px;line-height:20px;}
	#edu1 .lst li {width:19%;margin:0}
	#edu1 .lst li a {width:100%;height:auto;border-radius:25px;font-size:15px;padding:20px 0}
	#edu1 .lst li a:before {margin-bottom:5px;}
	#menu1 {padding:40px 20px 25px;/* margin-top:30px; */}
	#menu1 .h1 {font-size:30px}
	#menu1 .lst li a {font-size:16px;padding:12px 0 10px;}
}
@media screen and (max-width:599px){
	#mainbody3 .container {padding-top:30px;}
	#edu1 .hg1 .h1 {font-size:28px;}
	#edu1 .hg1 .t1 {display:block;}
	#edu1 .lst li {display:block;float:left;width:49%;margin:3px .5%}
	#edu1 .lst li:first-child {margin-left:.5%}
	#edu1 .lst li a {padding:15px 0;font-size:14px}
	#edu1 .lst li a:before {display:inline-block;vertical-align:middle;margin-right:10px;}
	#menu1 {border-top-left-radius:70px;border-top-right-radius:70px;}
	#menu1 .h1 {font-size:26px}
	#menu1 .lst li a {font-size:15px}
	#menu1 .lst li a:after {right:5px;}
}
@media screen and (max-width:499px){
	#edu1 .lst li a:before {display:block;margin:auto auto 5px;width:34px;height:31px;background-size:682px auto;}
	#edu1 .edu1 .n1 a:before {background-position:-237px 0}
	#edu1 .edu1 .n2 a:before {background-position:-272px 0}
	#edu1 .edu1 .n3 a:before {background-position:-307px 0}
	#edu1 .edu1 .n4 a:before {background-position:-342px 0}
	#edu1 .edu1 .n5 a:before {background-position:-377px 0}
	#menu1 .lst li {float:none;width:100%;margin-left:0}	
}
@media screen and (max-width:399px){
	#menu1 {border-radius:40px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
	#menu1 .h1 {font-size:24px}
	#menu1 .lst li a {font-size:14px}
}

#mainbody4 .container {padding:90px 0 55px}
[id*=fcard] .hg1 .h1 {font-size:50px;line-height:64px;letter-spacing:-.1em;color:#222;font-weight:800}
[id*=fcard] .hg1 .t1 {font-size:20px;color:#888;letter-spacing:-.1em}
[id*=fcard] .datalist .item {float:left;width:calc(25% - 15px);margin-left:20px;}
[id*=fcard] .datalist.slick-slider .item {float:none;display:inline-block;width:auto;margin-left:0}
[id*=fcard] .menu .goPage, [id*=fcard] .menu .goPage .slick-dots, [id*=fcard] .menu .goPage .slick-dots li {display:inline-block;vertical-align:top;}
[id*=fcard] .menu .goPage {margin-top:6px}
[id*=fcard] .menu .goPage .slick-dots li button {position:relative;vertical-align:top;width:26px;height:26px;border:0;text-indent:-9999px;background-color:transparent;margin:0 2px}
[id*=fcard] .menu .goPage .slick-dots li.slick-active button {background-image:url(../../img/main/main_sprite.png);background-repeat:no-repeat;background-position:-589px 0}
[id*=fcard] .menu .goPage .slick-dots li button:before {position:absolute;top:50%;left:50%;margin:-5px;content:"";width:10px;height:10px;border-radius:50%;background:#989898;border-radius:50%;}
[id*=fcard] .menu .goPage .slick-dots li.slick-active button:before {display:none}
[id*=fcard] .menu .m, [id*=fcard] .datalist .slick-arrow {background:url(../../img/main/main_sprite.png) no-repeat;border:0;text-indent:-9999px;border-radius:50%;z-index:10}
[id*=fcard] .menu .prev, [id*=fcard] .menu .next, [id*=fcard] .datalist .slick-arrow  {position:absolute;top:90px;width:60px;height:60px;box-shadow:0 5px 10px rgba(0,0,0,.15);}
[id*=fcard] .menu .prev, [id*=fcard] .datalist .slick-prev {left:0;background-position:-171px 0}
[id*=fcard] .menu .next, [id*=fcard] .datalist .slick-next {right:-30px;background-position:-233px 0}
[id*=fcard] .menu .stop, [id*=fcard] .menu .play {width:36px;height:36px;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,.15)}
[id*=fcard] .menu .stop {background-position:-617px 0;}
[id*=fcard] .menu .play {background-position:-655px 0;display:none}
[id*=fcard] .menu .mControl, [id*=fcard] .menu .more {display:inline-block;vertical-align:top}
[id*=fcard] .menu .more {position:relative;width:36px;height:36px;background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.15);text-indent:-9999px}
[id*=fcard] .menu .more:before, [id*=fcard] .menu .more:after {position:absolute;top:calc(50% - 7px);left:calc(50% - 1px);content:"";display:block;width:2px;height:14px;background:#000}
[id*=fcard] .menu .more:after {transform:rotate(90deg)}


#fcard1 {position:relative;}
#fcard1 .hg1 {position:absolute;top:0;left:0;width:340px}
#fcard1 .wrap {position:relative;margin-left:340px;min-height:300px;padding-top:80px;}
#fcard1 .wrap .tab {position:absolute;top:0;width:160px;height:50px;line-height:50px;border:1px solid #004287;box-sizing:border-box;border-radius:25px}
#fcard1 .wrap .tab a {display:block;line-height:50px;text-align:center;font-size:18px;letter-spacing:-.1em;color:#004287;font-weight:500}
#fcard1 .wrap .tab a span {display:inline-block;vertical-align:top;}
#fcard1 .wrap .tab:nth-of-type(1) {left:0}
#fcard1 .wrap .tab:nth-of-type(2) {left:170px}
#fcard1 .wrap .tab:nth-of-type(3) {left:340px}
#fcard1 .wrap .tab.on {background-color:#004287;border-bottom-left-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.1)}
#fcard1 .wrap .tab.on a {color:#fff;}
#fcard1 .wrap .tab.on a:after {content:"";display:inline-block;vertical-align:middle;width:13px;height:13px;background:url(../../img/main/main_sprite.png) no-repeat -605px -38px;margin:-4px 0 0 12px}
#fcard1 .wrap .cont {position:relative;display:none}
#fcard1 .wrap .cont.on {display:block;}
#fcard1 .wrap .cont .datalist {margin-left:-20px;margin-right:-10px;overflow:hidden;}
#fcard1 .wrap .cont .datalist .slick-list {padding-right:15px;}
#fcard1 .wrap .cont .datalist .item a {display:block;margin-left:20px;border-radius:20px;border:1px solid transparent;margin-bottom:15px;transition:all .35s ease;padding:30px 25px;height:290px;box-sizing:border-box;}
#fcard1 .wrap .cont .datalist .item .h2 {display:block;font-size:24px;line-height:1.1;font-weight:600;color:#222;letter-spacing:-.1em;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:25px;margin-bottom:20px;}
#fcard1 .wrap .cont .datalist .item .lst li {position:relative;font-size:15px;color:#666;letter-spacing:-.05em;padding-left:10px;margin:7px 0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#fcard1 .wrap .cont .datalist .item .lst li:before {position:absolute;top:8px;left:0;content:"";display:block;width:3px;height:3px;background:#222;border-radius:50%}
#fcard1 .wrap .cont .menu .wrap1 {position:absolute;bottom:10px;left:-340px;}
#fcard1 .wrap .cont .menu .prev, #fcard1 .wrap .cont .menu .next {top:calc(50% - 30px);}
#fcard1 .wrap .cont .menu .prev {left:-30px}
#fcard1 .wrap .cont .menu .next {right:-30px}
#fcard1 .wrap .cont .datalist .item a:hover, #fcard1 .wrap .cont .datalist .item a:focus {box-shadow:0 5px 15px rgba(0,0,0,.15)}
#fcard1 .wrap .cont .datalist .item a:hover .h2, #fcard1 .wrap .cont .datalist .item a:focus .h2 {text-decoration:underline}

/* 강좌찾기 */
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수중] {background:#e9f0fa;}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수마감] {background:#f2f3f8;}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수예정] {background:#fff3eb;}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=교육중] {background:#e8f8f6;}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=개별확인] {background:#f4f8df;}
#fcard1 .wrap .lecture1 .datalist .item .cate {display:inline-block;font-size:13px;color:#fff;text-align:center;width:80px;height:32px;line-height:32px;border-radius:15px;font-weight:600;letter-spacing:-.05em}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수중] .cate {background-color:#0056c1}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수마감] .cate {background-color:#4e5b68}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수예정] .cate {background-color:#ec6545}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=교육중] .cate {background-color:#01a58f}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=개별확인] .cate {background-color:#84a002}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수중]:hover, #fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수중]:focus {border-color:#034fae}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수마감]:hover, #fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수마감]:focus {border-color:#4e5b68}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수예정]:hover, #fcard1 .wrap .lecture1 .datalist .item a[data-progress=접수예정]:focus {border-color:#ec6545}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=교육중]:hover, #fcard1 .wrap .lecture1 .datalist .item a[data-progress=교육중]:focus {border-color:#008573}
#fcard1 .wrap .lecture1 .datalist .item a[data-progress=개별확인]:hover, #fcard1 .wrap .lecture1 .datalist .item a[data-progress=개별확인]:focus {border-color:#9bbb06}

/* 기관찾기 */
#fcard1 .wrap .organ1 .datalist .item a {background-color:#f1f1f1;padding-left:30px;padding-right:30px;}
#fcard1 .wrap .organ1 .datalist .item a:hover, #fcard1 .wrap .organ1 .datalist .item a:focus {background-color:#fff;border-color:#3a7c20}
#fcard1 .wrap .organ1 .datalist .item .t1 {position:relative;display:block;font-size:18px;color:#555;padding-left:45px;line-height:1.1;padding-top:20px;letter-spacing:-.05em;font-weight:600}
#fcard1 .wrap .organ1 .datalist .item .t1:before {position:absolute;top:0;left:0;content:"";display:block;width:31px;height:47px;background:url(../../img/main/main_sprite.png) no-repeat -775px 0}
#fcard1 .wrap .organ1 .datalist .item .h2 {margin-top:35px}
#fcard1 .wrap .organ1 .datalist .item .link1 {display:inline-block;width:160px;height:36px;border:1px solid #ddd;border-radius:18px;background:#fff;font-size:13px;color:#666;letter-spacing:-.075em;line-height:34px;box-sizing:border-box;text-align:center;margin-top:20px;transition:all .35s ease .01s} 
#fcard1 .wrap .organ1 .datalist .item .link1:before {content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../img/main/main_sprite.png) no-repeat -637px -38px;margin:-4px 7px 0 0;}
#fcard1 .wrap .organ1 .datalist .item a:hover .link1, #fcard1 .wrap .organ1 .datalist .item a:focus .link1 {background-color:#539d32;border-color:#539d32;color:#fff}
#fcard1 .wrap .organ1 .datalist .item a:hover .link1:before, #fcard1 .wrap .organ1 .datalist .item a:focus .link1:before {background-position:-620px -38px}

/* 강사찾기 */
#fcard1 .wrap .teacher1 .datalist .item a {background-color:#f1f1f1;padding-left:30px;padding-right:30px;}
#fcard1 .wrap .teacher1 .datalist .item a:hover, #fcard1 .wrap .teacher1 .datalist .item a:focus {background-color:#fff;border-color:#222}
#fcard1 .wrap .teacher1 .datalist .item a .cate {display:block;font-size:13px;font-weight:600;width:110px;height:32px;line-height:32px;color:#fff;background:#222;border-radius:20px;text-align:center;letter-spacing:-.05em}

#fcard2 {position:relative;margin-top:55px;}
#fcard2 .hg1 {position:absolute;top:0;left:0}
#fcard2 .hg1 .h1 {font-size:50px;line-height:64px}
#fcard2 .hg1 .t1 {font-size:20px;color:#888;letter-spacing:-.1em}
#fcard2 .datalist {margin-left:320px}
#fcard2 .datalist .slick-list {margin:0;padding:0}
#fcard2 .datalist .slick-track {margin-left:0;margin-right:0;padding-bottom:15px;}
#fcard2 .datalist .item .wrap {position:relative;display:block;margin-left:20px;transition:all .35s ease}
#fcard2 .datalist .item .wrap .f1 {position:relative;display:block;height:0;padding-bottom:80%;overflow:hidden;background:#d1dbe3 url(../../img/lib2/noimg3.png) no-repeat 50% 50% / cover;border-radius:20px 20px  0 0 ;}
#fcard2 .datalist .item .wrap .f1 .f1p1 {position:absolute;top:0;bottom:0;left:-10%;right:-10%;overflow:hidden;}
#fcard2 .datalist .item .wrap .f1 .f1p1 img {display:block;width:100%;height:100%;margin:auto;}
#fcard2 .datalist .item .wrap .tg1 {position:relative;padding:20px 14px 5px;}
#fcard2 .datalist .item .wrap .tg1 .h2 {font-size:24px;font-weight:600;line-height:1.1;color:#222;letter-spacing:-.1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:17px}
#fcard2 .datalist .item .wrap .tg1 .lst li {position:relative;font-size:15px;color:#666;letter-spacing:-.075em;margin:7px 0;padding-left:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#fcard2 .datalist .item .wrap .tg1 .lst li:before {position:absolute;top:8px;left:0;content:"";display:block;width:3px;height:3px;border-radius:50%;background:#000;}
#fcard2 .datalist .item .wrap .tg1 .b1.reserve {position:absolute;top:-20px;right:20px;text-indent:-9999px;width:40px;height:40px;border-radius:50%;background:url(../../img/lib2/ic40a1reserv.png) no-repeat;}
/* #fcard2 .datalist .item .wrap .tg1 .btns .b1.reserve {position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;}
#fcard2 .datalist .item .wrap .tg1 .btns {position:absolute;top:-48px;left:0;width:100%;text-align:center;opacity:0;transition:all .35s ease;z-index:2}
#fcard2 .datalist .item .wrap .tg1 .btns .b1 {display:inline-block;vertical-align:top;max-width:130px;width:47%;height:40px;border-radius:20px;font-weight:600;letter-spacing:-.075em;line-height:40px;box-sizing:border-box;}
#fcard2 .datalist .item .wrap .tg1 .btns .b1.more {background-color:#0779f9;color:#fff;}
#fcard2 .datalist .item .wrap .tg1 .btns .b1.reserve {border:1px solid #0779f9;color:#0779f9;background-color:#fff;}
#fcard2 .datalist .item .wrap.over .tg1 .btns {opacity:1;top:-53px}
#fcard2 .datalist .item .wrap.over .f1:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1} */
#fcard2 .menu .wrap1 {position:absolute;bottom:0;left:0}
#fcard2 .datalist .no-data {height:230px;padding-top:100px;box-sizing:border-box;font-size:18px;color:#222;border-radius:20px;background:#f6f6f6;text-align:center;}
#fcard2 .datalist .item .wrap:hover,
#fcard2 .datalist .item .wrap:focus {text-decoration:none;box-shadow:0 5px 10px rgba(0,0,0,.15);border-radius:20px;overflow:hidden;/* border:1px solid #637998 */}
#fcard2 .datalist .item .wrap:hover:after,#fcard2 .datalist .item .wrap:focus:after {right:15px}
@media screen and (max-width:1619px){
	#fcard1, #fcard2 {margin-left:10px;margin-right:10px;}
	#fcard1 .wrap .cont .datalist {margin-right:-15px}
}
@media screen and (max-width:1499px){
	#fcard1 .wrap .cont .menu .prev, #fcard1 .wrap .cont .menu .next {display:none !important}
	[id*=fcard] .datalist .slick-arrow {top:120px}
	[id*=fcard] .datalist .slick-prev {left:5px}
	[id*=fcard] .datalist .slick-next {right:5px}
}
@media screen and (max-width:1259px){
	#mainbody4 .container {padding-bottom:35px}
	#fcard1 .hg1, #fcard2 .hg1 {position:relative;top:auto;left:auto;width:auto;text-align:center;margin-bottom:25px}
	#fcard1 .hg1 .h1 {margin-bottom:20px}
	#fcard1 .hg1 .h1 br, #fcard2 .hg1 .h1 br {display:none}
	#fcard1 .wrap {margin-left:0;}
	#fcard2 .hg1 .h1 {font-size:40px}
	#fcard2 .hg1 .t1 {font-size:18px}
	#fcard1 .datalist {padding-bottom:40px;}
	#fcard2 .datalist {margin-left:-20px;padding-bottom:55px}	
	#fcard2 .datalist .no-data {margin-left:20px;}
	[id*=fcard] .menu .goPage {display:none !important}
	[id*=fcard] .menu .wrap1 {text-align:center;width:100%}
	#fcard1 .wrap .cont .menu .wrap1 {left:0;bottom:0;}
	#fcard2 .datalist .slick-next {right:-10px}
}
@media screen and (max-width:999px){
	#mainbody4 .container {padding:50px 0 35px}	
}
@media screen and (max-width:768px){
	#fcard1 .hg1 .h1, #fcard2 .hg1 .h1 {font-size:34px;}
	#fcard2 .hg1 .t1 {font-size:17px;margin-bottom:-10px}
	#fcard1 .wrap {padding-top:60px;}
	#fcard1 .wrap .tab {width:120px;height:45px}
	#fcard1 .wrap .tab a {font-size:16px;line-height:45px;}
	#fcard1 .wrap .tab:nth-of-type(2) {left:130px;}
	#fcard1 .wrap .tab:nth-of-type(3) {left:260px}
	#fcard2 .datalist .item .wrap .tg1 .h2 {font-size:22px}
	#fcard2 .datalist .no-data {font-size:16px}
}
@media screen and (max-width:599px){
	#mainbody4 .container {padding:35px 0 15px}
	[id*=fcard] .datalist .slick-arrow {top:auto;bottom:0;width:36px;height:36px;background-size:auto 413px;}
	[id*=fcard] .datalist .slick-prev {left:calc(50% - 80px);background-position:-103px 0}
	[id*=fcard] .datalist .slick-next, #fcard2 .datalist .slick-next {right:calc(50% - 85px);background-position:-140px 0}
	#fcard1 .hg1 .h1, #fcard2 .hg1 .h1 {font-size:30px;margin-bottom:10px;line-height:1.1}
	#fcard2 .hg1 .t1 {font-size:15px;margin-bottom:5px;}
	#fcard1 .hg1 select {width:100%;height:40px;line-height:40px;}
	#fcard1 .wrap {min-height:auto;}
	#fcard1 .wrap .tab {width:32%}
	#fcard1 .wrap .tab:nth-of-type(2) {left:34%}
	#fcard1 .wrap .tab:nth-of-type(3) {left:auto;right:0}
	#fcard1 .wrap .tab a {font-size:14px}
	#fcard1 .wrap .cont .datalist .item a {padding:25px 20px;height:auto;}
	#fcard1 .wrap .lecture1 .datalist .item .cate {font-size:12px;width:70px;height:28px;line-height:28px}
	#fcard1 .wrap .cont .datalist {padding-bottom:40px;overflow:visible}
	#fcard1 .wrap .cont .datalist .item .h2 {font-size:20px;margin-top:15px;margin-bottom:15px;}
	#fcard1 .wrap .cont .datalist .item .lst li {font-size:14px;}
	#fcard1 .wrap .organ1 .datalist .item .t1 {font-size:14px;padding-left:30px;padding-top:8px;}
	#fcard1 .wrap .organ1 .datalist .item .t1:before {top:-8px;width:19px;height:28px;background-size:584px auto;background-position:-465px 0}
	#fcard2 {margin-top:25px}
	#fcard2 .datalist {margin-left:0;padding-bottom:50px}
	#fcard2 .datalist .item .wrap {max-width:400px;margin:auto;}
	#fcard2 .datalist .slick-arrow {bottom:0}
	#fcard2 .datalist .slick-prev {left:calc(50% - 80px)}
	#fcard2 .datalist .slick-next {right:calc(50% - 85px)}
	#fcard2 .datalist .no-data {margin-left:0}
}
@media screen and (max-width:499px){
	#fcard1 .hg1 .h1, #fcard2 .hg1 .h1 {font-size:26px}
}


#menu2 {background:#f5f8f8;}
#menu2 .datalist {max-width:1600px;margin:auto;padding:40px 0 35px;}
#menu2 .datalist:after {content:"";display:block;clear:both;}
#menu2 .datalist .item {float:left;width:calc(100% / 8)}
#menu2 .datalist .item a {display:block;text-align:center;font-size:18px;color:#222;letter-spacing:-.1em}
#menu2 .datalist .item a:hover, #menu2 .datalist .item a:focus {text-decoration:underline;}
#menu2 .datalist .item a:before {content:"";display:block;width:120px;height:120px;margin:auto auto 17px;background:url(../../img/main/main_sprite.png) no-repeat;border-radius:50%;}
/* 아이콘 */
#menu2 .datalist .item.n1 a:before {background-position:0 -62px}
#menu2 .datalist .item.n2 a:before {background-position:-122px -62px}
#menu2 .datalist .item.n3 a:before {background-position:-244px -62px}
#menu2 .datalist .item.n4 a:before {background-position:-366px -62px}
#menu2 .datalist .item.n5 a:before {background-position:-488px -62px}
#menu2 .datalist .item.n6 a:before {background-position:-610px -62px}
#menu2 .datalist .item.n7 a:before {background-position:-732px -62px}
#menu2 .datalist .item.n8 a:before {background-position:-854px -62px}
@media screen and (max-width:1259px){
	#menu2 {padding-left:50px;padding-right:50px;}
	#menu2 .slick-arrow {position:absolute;top:calc(50% - 40px);width:50px;height:50px;background:url(../../img/main/main_sprite.png) no-repeat;border:0;text-indent:-9999px;box-shadow:0 5px 10px rgba(0,0,0,.15);border-radius:50%}
	#menu2 .slick-prev {background-position:-176px -5px;left:-40px;}
	#menu2 .slick-next {background-position:-238px -5px;right:-40px;}
}
@media screen and (max-width:999px){
	#menu2 .datalist .item a {font-size:17px}
}
@media screen and (max-width:768px){
	#menu2 .datalist {padding:30px 0 15px}
	#menu2 .datalist .item a {font-size:16px}
	#menu2 .datalist .item a:before {width:96px;height:96px;background-size:779px auto;margin-bottom:8px}
	#menu2 .datalist .item.n1 a:before {background-position:0 -50px}
	#menu2 .datalist .item.n2 a:before {background-position:-98px -50px}
	#menu2 .datalist .item.n3 a:before {background-position:-195px -50px}
	#menu2 .datalist .item.n4 a:before {background-position:-293px -50px}
	#menu2 .datalist .item.n5 a:before {background-position:-390px -50px}
	#menu2 .datalist .item.n6 a:before {background-position:-488px -50px}
	#menu2 .datalist .item.n7 a:before {background-position:-586px -50px}
	#menu2 .datalist .item.n8 a:before {background-position:-683px -50px}
	#menu2 .slick-arrow {top:calc(50% - 25px)}
}