/* ==== 메인 슬라이드 ====*/
#wrap{padding-top:100px;}

.mainSlideArea{position:relative;}
.mainSlide{width:100%; overflow:hidden;}
.mainSlide .slick-slide{float:left; width:100%; height:100vh; overflow:hidden; text-align:center; position: relative;}
.mainSlide .mainb01{background:url('/theme/basic/img/main/mainb01.jpg') center 0 no-repeat; background-size:cover;}
.mainSlide .mainb02{background:url('/theme/basic/img/main/mainb02.jpg') center 0 no-repeat; background-size:cover;}
.mainSlide .slick-arrow{position:absolute; top:50%; width:66px; height:66px; margin-top:-33px; z-index:2; border:0; overflow:hidden; text-indent:-999px;}
.mainSlide .slick-prev{left:50px; background:url('/theme/basic/img/main/prev.png') no-repeat center / cover;}
.mainSlide .slick-next{right:50px; background:url('/theme/basic/img/main/next.png') no-repeat center / cover;}
.mainSlide .slick-dots{position:absolute; bottom: 40px; left:50%; margin-left:-70px;}
.mainSlide .slick-dots li{float:left; margin:0 10px;}
.mainSlide .slick-dots button{width:10px; height:10px; border:2px solid #fff; border-radius:10px; overflow:hidden; text-indent:-999px; background:none; transition:all 0.3s;}
.mainSlide .slick-active button{width:90px; background:#1d2957; border:0;}
.mainSlide .slick-slide > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -90%); width: 90%;}
.mainSlide .txtBox{color:#fff; /* padding-top:250px; */}
.mainSlide .txtBox .tit{font-size: 75px; font-weight:bold;}
.mainSlide .txtBox .en{font-size:27px; opacity:0.7; padding:10px 0 60px; letter-spacing:0; /* position:relative; */}
/* .mainSlide .txtBox .en:after{content:''; width:1px; height:30px; background:#fff; left:50%; bottom:30px; position:absolute;} */
.mainSlide .txtBox .stxt{font-size:40px;}
.mainSlide .txtBox .stxt2 {font-size: 30px; padding-top: 16px;}

.mainSlideArea .bannerBox {display: flex; justify-content: center; align-items: center; margin-top: 40px; position:absolute; z-index:1; left:50%; transform:translateX(-50%); bottom:20%; width:97%; flex-wrap:wrap;}
.mainSlideArea .bannerBox > div {width:30%; height: 170px; border: 1px solid #fff; position: relative; cursor: pointer; display:flex; align-items:center; margin-right: 2%;}
.mainSlideArea .bannerBox > div:hover {background: rgba(255,255,255,0.1);}
.mainSlideArea .bannerBox > div:last-of-type{margin:0;}
.mainSlideArea .bannerBox > div * {color: #fff; font-size: 16px; text-align: left; word-break:keep-all;}
.mainSlideArea .bannerBox > div p.tit {font-size: 27px; font-weight: bold; margin-bottom: 10px;}
.mainSlideArea .bannerBox > div span {display: block; text-align: right; margin-top: 10px;}
.mainSlideArea .bannerBox > div > .bText {padding:5%; width:calc(100% - 180px);}
.mainSlideArea .bannerBox > div > .img {font-size: 0; text-indent: -999px; width: 180px; height: 170px;}
.mainSlideArea .bannerBox > div > .img01{background: url(../img/main/exam01.jpg) no-repeat center / cover;}
.mainSlideArea .bannerBox > div > .img02{background: url(../img/main/exam02.jpg) no-repeat center / cover;}
.mainSlideArea .bannerBox > div > .img03{background: url(../img/main/brochure.jpg) no-repeat center / cover;}
.mainSlideArea .bannerBox .Blink{display:inline-block; border:1px solid #fff; padding:2% 3%; border-radius:20px; transition:all 0.5s; font-size:14px;}
.mainSlideArea .bannerBox .Blink:hover{background:#fff; color:#000;}
.mainSlideArea .bannerBox .Blink:first-of-type{margin-right:5px;}



/* .mainContents{width:1480px; padding:60px; margin:0 auto; position:relative; margin-top:-100px; background:#fff;}
.mainExamArea{display:inline-block;}
.mainExam{width:500px; height:170px; float:left; padding-left:220px; position:relative;}
.mainExam p{font-size:30px; padding:40px 0 10px; font-weight:bold;}
.mainExam span{font-size:16px; color:#959595;}
.mainExam a{width:100px; height:100px; line-height:100px; border-radius:100px; background:#e1e1e1; color:#959595; display:inline-block; text-align:center; position:absolute; right:40px; top:35px;}
.mainExam01{background:#f4f4f4 url('/theme/basic/img/main/exam01.jpg') 0 0 no-repeat; margin-right:40px;}
.mainExam02{background:#f4f4f4 url('/theme/basic/img/main/exam02.jpg') 0 0 no-repeat;}
.mainExam02 a{background:#a7bbcc; color:#fff;} */

.main3con{width:100%; text-align:center; background:url('/theme/basic/img/main/3conBg.jpg') 0 bottom repeat-x; padding-bottom:80px;}
.main3con .tit{font-size:40px; text-transform:uppercase; padding:130px 0 55px; position:relative; letter-spacing:0;}
.main3con .tit:after{content:''; position:absolute; top:0; left:50%; width:1px; height:100px; background:#e1e1e1;}
.main3con .tit span{font-weight:bold; letter-spacing:0;}
.main3con ul{display:inline-block;}
.main3con ul li{color:#fff; float:left; width:430px; margin-right:95px;}
.main3con ul li.last{margin-right:0;}
.main3con .txtArea{padding:25px 0 0 0 ;}
.main3con .txtArea p{font-size:25px; padding-bottom:15px;}
.main3con .txtArea span{font-size:16px; color:#c2c2c2; display:block; padding-bottom:30px;}
.main3con .txtArea a{width:148px; height:48px; background:#fff; display:inline-block; line-height:48px; color:#363636; border-radius:50px; transition:all 0.3s;}
/*.main3con .txtArea a:hover{background:rgba(255,255,255,0.5); color:#fff; border:1px solid rgba(255,255,255,0);}*/

.mainBoard{width:100%; background:#f4f4f4; text-align:center; padding:80px 0;}
.mainBoard .innerArea{display:flex; justify-content:center;}
.mainBoard .innerArea .lt_wr{width:28%; margin:0 1%; box-sizing:border-box; padding:40px 60px 10px; border:1px solid #ccc; height:270px;}
.mainBoard .innerArea .lt02{margin:0 20px;}
.mainBoard .snsBox{float:left;}
.mainBoard .snsBox a{float:left; width: 100%; height:270px;}
.mainBoard .snsBox a div{padding:115px 40px 0; text-align:left;}
.mainBoard .snsBox a div p{font-size:25px; color:#fff; padding-bottom:10px; line-height:34px;}
.mainBoard .snsBox a div p strong{font-weight:bold; display:block;}
.mainBoard .snsBox a div span{color:#fff;}
.mainBoard .snsBox .story{background:#97acbf url('/theme/basic/img/main/sns01.png') right 30px top 40px no-repeat; margin-right:10px;}
.mainBoard .snsBox .plus{background:#acacac url('/theme/basic/img/main/sns02.png') right 30px top 40px no-repeat;}


/*==== 팝업 ====*/
.pop-layer {display:inline-block; position:absolute; vertical-align:top; top:130px; right:10%; border:5px solid #fff; border-bottom:0; box-shadow:13px 18px 18px rgba(0,0,0,.2); -webkit-box-shadow:13px 18px 18px rgba(0,0,0,.2); border-radius:20px; overflow:hidden;}
.popBox .pop-layer img{width:100%;}

.pop-layer p {line-height: 24px; font-weight:400; text-align:center; padding-bottom:15px; font-size:18px; color:#fff;}

.pop-layer .btn-r {
	width:100%;
	padding:15px 0;
	background:#fff;
	text-align:center;
}
.pop-layer .btn-r a{color:#363636;}
/* 팝업03 오른쪽으로 보내기 
.pop-layer03 {position: absolute; margin-left: 67%;}
.pop-layer04{
	position: absolute;
	z-index: 5;
	padding-bottom:40px; left:5%; top:120px;
}
.pop-layer04 .btn-r{bottom:0; height:40px; line-height:40px; background:#005baa;}

.pop-layer05{position:absolute; right:5%; top:120px; padding-bottom:40px; }
.pop-layer05 .btn-r{height:40px; line-height:40px;}*/



/* 팝업 고정박스 */
.mainPopBox{position:absolute; left:8%; top:130px; width:500px; height:auto; box-shadow:13px 18px 18px rgba(0,0,0,.2); -webkit-box-shadow:13px 18px 18px rgba(0,0,0,.2); border-radius:20px; z-index:2;}
.mainPopBox .imgArea{width:100%; height:700px; border:5px solid #fff; box-sizing:border-box; overflow:hidden; border-radius:20px 20px 0 0; position:relative;}
.mainPopBox .imgArea .slick-slide{width:100%; float:left;}
.mainPopBox img{width:100%; height:700px;}
.numArea{display:flex; background:#fff; justify-content: center; position:relative; padding:5px 0 8px;}
.numArea li{font-weight:bold; cursor:pointer; margin:0 5px; width:25px; height:25px; background:#dbdde4; font-weight:bold; border-radius:50%; text-align:center;}
.popClose{display:block; background:#262626; padding:15px; color:#fff; font-weight:bold; border-radius:0 0 20px 20px; text-align:center;}