@charset "utf-8";

/*=======================================================
    main
=========================================================*/
.main h1{margin-bottom: 69px;letter-spacing:5.46px;}
.banner-wrap{background-color: #0387a2;overflow: hidden;margin-top:60px;}
.banner-wrap .banner{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top:30px;}
.banner-wrap .banner .left{position: relative;    z-index: 1;}
.banner-wrap .banner .left:before{content: '';background: url(../images/main/t-color-rays.png) no-repeat center center;width: 192px;height: 196px;position: absolute;top: -155%;left: 74px;z-index: -1}
.banner-wrap .banner .left p{color: #fff;}
.banner-wrap .banner .right{position: relative;}
.banner-wrap .banner .right div{position: absolute;}
.banner-wrap .banner .right div.people1{left:0;top:0;}
.banner-wrap .banner .right div.people2{right:0;bottom:0;}
.banner-wrap .banner .right div img{width: 305px;height: 305px;display: block;background-size: 100% auto;}
/* @media only screen and (max-width:1280px) {
	.banner-wrap .banner {padding-top:  12.3vw;}
	
	.banner-wrap .banner .right{margin:0 auto;}
	.banner-wrap .banner .left{margin-bottom: 18px}
	.banner-wrap .banner .left:before{top: -20vw;}
	.banner-wrap .banner .left p.t-36{font-size: 4.8vw;}
	.banner-wrap .banner .left p.t-60{font-size: 8vw;}
}
@media only screen and (max-width:500px) {
	.banner-wrap .banner {padding-top: 45px;}
	.banner-wrap .banner .left{margin-bottom: 14px}
	.banner-wrap .banner .left:before{top: -174px;}
} */

.quick-wrap {background: #fff;padding:100px 0;}
.quick-wrap .quick{display: flex;justify-content: center;flex-direction: column;text-align: center;}
.quick-wrap .quick .t-14{color:#000;}
.quick-wrap .quick ul {display: flex;flex-direction: row;   justify-content: space-between;}
.quick-wrap .quick ul li{position: relative;width: 160px}
.quick-wrap .quick ul li+li{margin-left: 2%;}
.quick-wrap .quick ul li:before{display: block;content: '';background: url(../images/main/circle-icon.png) no-repeat center center;background-size:100% auto;width: 10px;height: 10px;position: absolute;top: 36%;right: -3vw;}
.quick-wrap .quick ul li:last-child:before{content: none;}
.quick-wrap .quick ul li .txt{}
.quick-wrap .quick ul li .txt:before{display: block;content: '';width: 100%;height: 160px;}
.quick-wrap .quick ul li:nth-child(1) .txt:before{background: url(../images/main/bg-quick1.png) no-repeat center center;}
.quick-wrap .quick ul li:nth-child(2) .txt:before{background: url(../images/main/bg-quick2.png) no-repeat center center;}
.quick-wrap .quick ul li:nth-child(3) .txt:before{background: url(../images/main/bg-quick3.png) no-repeat center center;}
.quick-wrap .quick ul li:nth-child(4) .txt:before{background: url(../images/main/bg-quick4.png) no-repeat center center;}
.quick-wrap .quick ul li:nth-child(5) .txt:before{background: url(../images/main/bg-quick5.png) no-repeat center center;}
.quick-wrap .quick ul li .txt .t-12{padding:5px 0;margin-top: 23px;margin-bottom: 11px;color: #000;line-height: 20px;}
.quick-wrap .quick ul li .txt .t-12 span{display:inline-block;}
.quick-wrap .quick ul li .txt .t-12 span:after{content: '';display: block;margin: auto;height: 1px;width:0px;background: transparent;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.quick-wrap .quick ul li a:hover .txt .t-12 span:after{width: 100%;background: #787878;}
.quick-wrap .quick ul li .txt .t-18{color: #000;}
/* @media only screen and (max-width:1280px) {
	.t-14{font-size: 3.2vw}

	.quick-wrap .quick ul {justify-content: space-evenly;flex-wrap: wrap;}
	.quick-wrap .quick ul li {width: 30%;}
	.quick-wrap .quick ul li:before {right: -2vw;top: 26%;}
	.quick-wrap .quick ul li:nth-child(1) {margin-bottom: 10vw;}
	.quick-wrap .quick ul li:nth-child(2) {margin-bottom: 10vw;}
	.quick-wrap .quick ul li:nth-child(3) {margin-bottom: 10vw;}
	.quick-wrap .quick ul li:nth-child(3):before {content: none;}
	.quick-wrap .quick ul li:nth-child(4):before {right: -8vw;}
	.quick-wrap .quick ul li .txt:before {height:21.33vw;background-size:19vw 19vw !important;}
	.quick-wrap .quick ul li .txt .t-12{font-size:3.2vw;line-height: 4.3vw}
	.quick-wrap .quick ul li .txt .t-18{font-size: 3.7vw;line-height: 4.3vw}
}
@media only screen and (max-width:500px) {
	.quick-wrap {padding:50px 0;}
	.quick-wrap .quick .t-14{font-size: 12px;margin-bottom: 37px;}
	.quick-wrap .quick ul li:before {}
	.quick-wrap .quick ul li:nth-child(1) {margin-bottom: 38.5px;}
	.quick-wrap .quick ul li:nth-child(2) {margin-bottom: 38.5px;}
	.quick-wrap .quick ul li:nth-child(3) {margin-bottom: 38.5px;}
	.quick-wrap .quick ul li:nth-child(4):before {}
	.quick-wrap .quick ul li .txt:before {height:21.33vw;background-size:80px 80px !important;}
	.quick-wrap .quick ul li .txt .t-12{font-size: 12px;line-height: 15.5px;padding:2.5px 0;margin-top: 11.5px;margin-bottom: 5.5px;}
	.quick-wrap .quick ul li .txt .t-18{font-size: 14px;line-height: 15.5px}
} */

.schedule-wrap {background: #f5f5f5;padding:83px 0 56px;}
.schedule-wrap .schedule{display: flex;justify-content: center;flex-direction: column;text-align: center;}

.schedule-wrap .schedule .link{display: flex;justify-content: flex-start;margin-bottom: 24px;position: relative;}
.schedule-wrap .schedule .link a{height: 36px;position: relative;padding: 0 37px 0 17px;display: flex;justify-content: space-between;align-items: center;}
.schedule-wrap .schedule .link a:after{width:36px;height:36px;content: '';min-width: 20px;min-height: 20px;right: 2px;box-sizing: border-box;position: absolute;top: 50%;margin-top: -18px;}
.schedule-wrap .schedule .link .info1{color: #000;border-radius: 18px;background-color: #d3d8de;}
.schedule-wrap .schedule .link .info1:after{background: url(../images/main/icon-y-bg.png) no-repeat center center;}


.schedule-wrap .schedule .link .info2{}
.schedule-wrap .schedule .link .info2:after{background: url(../images/main/icon-y-bg.png) no-repeat center center;}

.schedule-wrap .schedule .link .info3{color: #000;border-radius: 18px;background-color: #d3d8de; margin-left: 854px;}
/*.schedule-wrap .schedule .link .info3:after{background: url(../images/main/icon-g.png) no-repeat center center;}*/
.schedule-wrap .schedule .link .info3:after{background: url(../images/main/icon-y-bg.png) no-repeat center center;}

.schedule-wrap .schedule .link1 {display: flex;justify-content: flex-start;margin-bottom: 24px;position: relative;}
.schedule-wrap .schedule .link1 a{height: 36px;position: relative;padding: 0 37px 0 17px;display: flex;justify-content: space-between;align-items: center;}
.schedule-wrap .schedule .link1 a:after{width:36px;height:36px;content: '';min-width: 20px;min-height: 20px;right: 2px;box-sizing: border-box;position: absolute;top: 50%;margin-top: -18px;}

.schedule-wrap .schedule .link1 .info3{color: #000;border-radius: 18px;background-color: #d3d8de;}
.schedule-wrap .schedule .link1 .info3:after{background: url(../images/main/icon-y-bg.png) no-repeat center center;}


.schedule-wrap .schedule .schedule-slider {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.schedule-wrap .schedule .schedule-slider .item{padding:30px 23px;background:#fff;height: 100%;}
.schedule-wrap .schedule .schedule-slider .item+.item{}
.schedule-wrap .schedule .schedule-slider .item .txt{}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-count{margin-bottom: 17px;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-name{width: 185px;display: inline-block;margin-bottom: 26px;color:#000;height:56px;overflow: hidden;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday1{margin-bottom: 15px;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday2{margin-bottom: 31px;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date{margin-bottom: 35px;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li{display: flex;justify-content: flex-start;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li+li{margin-top: 5px;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li span{padding:0 17px;line-height: 25px;margin-right: 8px;border-radius: 12.5px;background-color: #e5e7eb;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li p{line-height: 25px;letter-spacing: -0.05em;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li:nth-child(2) sapn{font-weight: 700;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li:nth-child(2) p{color: #087f83;}
.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt{display:block;background-color: #38c3c8;width: 100%;box-sizing: border-box;color: #fff;line-height: 43px;}
/* @media only screen and (max-width:1280px) {
	.schedule-wrap .schedule .schedule-slider .item+.item{margin-left: 0;}
	.schedule-wrap .schedule .t-14{margin-bottom:6vw;}
	.schedule-wrap .schedule{padding-bottom:8vw;}
	.schedule-wrap .schedule .slick-dots{bottom:-8vw;}
	.schedule-wrap {padding:13vw 0 6.7vw;}
	.schedule-wrap .schedule .link{margin-bottom: 6.5vw;}
	.schedule-wrap .schedule .link a{height: 7.2vw; padding: 0 6.8vw 0 3.3vw;font-size: 3.2vw;}
	.schedule-wrap .schedule .link a:after{width: 7.2vw;height: 7.2vw;margin-top: -3.6vw;background-size: 3.6vw auto !important;min-height: 30px;min-width: 30px;}
	.schedule-wrap .schedule .link .info1{border-radius: 3.4vw;}

	.schedule-wrap .schedule .schedule-slider .item{padding:8vw 5.9vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-count{font-size: 4.8vw;margin-bottom: 4.8vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-name{font-size: 6.4vw;width: 49.2vw;margin-bottom:4.7vw;height: 14vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday1{font-size: 3.7vw;margin-bottom: 3.7vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday2{font-size: 13.3vw;margin-bottom: 8vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date{margin-bottom: 35px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li+li{margin-top: 1.2vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li span{padding:0 4.3vw;line-height:6.8vw;margin-right: 2.3vw;border-radius:50vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li p{line-height:6.8vw;font-size:4.3vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt {height: 11vw;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt span{ line-height:4.3vw;font-size: 4.3vw;margin: 0 6vw 0 0;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt img{width: 5.3vw;height: 5.3vw;}
}
@media only screen and (max-width:500px) {
	.schedule-wrap .schedule .t-14{margin-bottom:25px;}
	.schedule-wrap {padding:50px 0 40px;}
	.schedule-wrap .schedule .link{margin-bottom: 25px;}
	.schedule-wrap .schedule .link a{height: 30px;padding:0 30px 0 10px;font-size: 12px;line-height:30px;}
	.schedule-wrap .schedule .link a:after{width: 30px;height: 30px;background-size:15px auto !important;margin-top: -15px;}
	.schedule-wrap .schedule .link .info1{border-radius: 18px;}

	.schedule-wrap .schedule .schedule-slider .item{padding:36px 22px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-count{font-size: 18px;margin-bottom: 18px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-name{font-size: 24px;width: 246px;margin-bottom:17px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday1{font-size: 14px;margin-bottom: 15px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-dday2{font-size: 50px;margin-bottom: 30px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date{margin-bottom: 35px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li+li{margin-top: 4.5px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li span{padding: 0px 13px;line-height: 27px;margin-right: 9px;border-radius: 18px;margin-bottom: 0;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-date li p{line-height:27px;font-size:18px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt {padding:17px 0;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt span{ line-height:15px;font-size:16px;}
	.schedule-wrap .schedule .schedule-slider .item .txt .ex-receipt span:after{width: 20px;height:20px;right: -31px;top: 3px;}
}
 */


/*=======================================================
    exam 
=========================================================*/

.exam-wrap{padding:50px 0 65px 0;}
.exam-wrap .exam{}
.exam-wrap .exam:after {clear:both;content:"";display:block;}
.exam-wrap .exam .lt{float:left;}
.exam-wrap .exam .rt{float:right;}
.exam-wrap .exam .rt > div {height:50%}
.exam-wrap .exam .rt > div:nth-child(1) {margin-bottom: 13px;}
.exam-wrap .exam .rt > div:after {clear:both;content:"";display:block;}
.exam-wrap .exam .rt > div > div {float: left; width:307px;height: 100%;box-sizing: border-box}
.exam-wrap .exam .rt > div > div:nth-child(odd) {margin-right:14px;}
/* @media only screen and (max-width:1280px) {
	.exam-wrap .exam{}
	.exam-wrap .exam .lt {width: 100%;margin-bottom: 2%;}
	.exam-wrap .exam .rt {width: 100%;}
	.exam-wrap .exam .rt > div {}
	.exam-wrap .exam .rt > div > div {width:49%;}
	.exam-wrap .exam .rt > div > div:nth-child(odd) {margin-right: 2%;}
} */


/*=======================================================
    notice ,newsletter
=========================================================*/
.news-wrap {background:rgba(211,216,222,0.1);padding:83px 0 56px;}
.news-wrap .news{width: 49%;float: left;}
.news-wrap .news+.news{margin-left: 2%}
.news-wrap:after {clear:both;content:"";display:block;}
.news-wrap .news .link{display: flex;justify-content: space-between;margin-bottom: 24px;}
.news-wrap .news .link a{}
.news-wrap .news .link .info1 span{color: #000; line-height: 30px;letter-spacing: 5.46px;}
.news-wrap .news .link .info2{position: relative;border:1px solid #ccc;width: 30px;height: 30px;box-sizing: border-box}
.news-wrap .news .link .info2:after{background: url(../images/main/icon-more.png) no-repeat center center;width:8px;height:8px;content: '';position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.news-wrap .news .slider{border:1px solid #ededed;box-sizing: border-box;padding:0 34px;}

.news-wrap .news .title-div{padding:17px 0;}
.news-wrap .news .title-div{border-top:1px solid rgba(0,0,0,0.1);}
.news-wrap .news .slider .item:first-child .title-div{border-top:0;}
.news-wrap .news .title-div .title{display: inline-block;width:83%;color: #000;padding-left: 23px;box-sizing: border-box;position: relative;}
.news-wrap .news .title-div .title:before{position: absolute;top:4px;left:0;width: 10px;height: 10px;background: #087f83;content: '';}
.news-wrap .news .title-div .date{display: inline-block;position: relative;padding-left:21px}
.news-wrap .news .title-div .date:after{content: '';position: absolute;top:0;left:0;background: url(../images/main/icon-date.png) no-repeat center center;width: 13px;height: 15px;}
.news-wrap .news .content{display: none;}
/* @media only screen and (max-width:1280px) {
	.news-wrap{padding:0;background: #fff}
	.news-wrap .news{width: 100%;padding-bottom: 13vw;}
	.news-wrap .news .slick-dots{bottom: -6vw;}
	.news-wrap .news+.news{margin-left:0}
	.news-wrap .news .content{display:block;margin:4vw;height:72vw;box-sizing: border-box;overflow: hidden;font-size: 3.7vw;line-height: 4.9vw;}
	.news-wrap .news .slider{padding:0;}
	.news-wrap .news .slider .item+.item {border-top: 0;}
	.news-wrap .news .link{padding:4.3vw 0;margin-bottom: 0;border: 1px solid #e5e5e5;box-sizing: border-box;background:#f5f5f5;}
	.news-wrap .news .link .info1{flex-grow: 2;text-align: center;}
	.news-wrap .news .link .info1 span{font-size: 4.5vw;}
	.news-wrap .news .link .info2{flex-grow: 0;margin-right: 3vw;}
	.news-wrap .news .title-div{padding:4.8vw 3.6vw;border:none;background:#f5f5f5; }
	.news-wrap .news .title-div .title{display: none;}
	.news-wrap .news .title-div .date{float:right;font-size: 3.5vw;}
	.news-wrap .news .title-div .date:after{content: none;}
	.news-wrap .news .title-div:after {clear:both;content:"";display:block;}
}
@media only screen and (max-width:500px) {
	.news-wrap .news{padding-bottom:113px;}
	.news-wrap .news .content{margin:15px;height:274px;font-size: 14px;line-height: 19px;}
	.news-wrap .news .link{padding:16px 0;}
	.news-wrap .news .link .info1 span{font-size:17px;}
	.news-wrap .news .link .info2{margin-right:12px;}
	.news-wrap .news .title-div{padding:18px 13.5px;}
	.news-wrap .news .title-div .date{font-size:13px;}
	.slick-dots li button{width: 6px !important;height: 6px !important;}
} */

/*=======================================================
    more info
=========================================================*/
.info-wrap {background: #fff;padding:100px 0;}
.info-wrap .info{text-align: center;}
.info-wrap .info .t-14{color:#000;}
.info-wrap .info .con{}
.info-wrap .info .con a{float:left;width: 301px;height: 301px;position: relative;    background-size: 100% 100% !important;}
.info-wrap .info .con:after {clear:both;content:"";display:block;}
.info-wrap .info .con a+a{margin-left:19px;}
.info-wrap .info .con a:nth-child(1){background: url(../images/main/info-bg1.png) no-repeat center center;}
.info-wrap .info .con a:nth-child(2){background: url(../images/main/info-bg2.png) no-repeat center center;}
.info-wrap .info .con a:nth-child(3){background: url(../images/main/info-bg3.png) no-repeat center center;}
.info-wrap .info .con a:nth-child(4){background: url(../images/main/info-bg4.png) no-repeat center center;}

.info-wrap .info .con a div{width: 100%;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.info-wrap .info .con a div img{display: inline-block;margin-bottom: 37px;width: auto;min-height: 43px}
.info-wrap .info .con a div .t-25{margin-bottom: 23px;}
.info-wrap .info .con a div .t-25 span{line-height: 26px;letter-spacing: -0.25px;color:rgba(13, 4, 9, 0.8);background: #fff;padding:2px 11px;display: inline-block;}
.info-wrap .info .con a div p{display: block;}
.info-wrap .info .con a div p:last-child{color:#fff;}
.info-wrap .info .con a div .b{font-size: 30px;line-height: 26px;letter-spacing: -0.3px;}

/* @media only screen and (max-width:1280px) {
	.info-wrap .info .t-14{font-size:3.2vw;line-height: 4vw;letter-spacing: 1.2vw;}
	.info-wrap .info .con a{width:48%;height: auto;}
	.info-wrap .info .con a:after {content: "";display: block;padding-bottom: 100%;}
	.info-wrap .info .con a:nth-child(1){margin-bottom: 2%;}
	.info-wrap .info .con a:nth-child(2){margin-bottom: 2%;}
	.info-wrap .info .con a:nth-child(odd){margin-right: 2%;}
	.info-wrap .info .con a+a{margin-left:0;}
	.info-wrap .info .con a div .t-25 span{line-height: 3.5vw;padding:0.3vw 1.5vw;}
	.info-wrap .info .con a div p{font-size:3.2vw;}
}
@media only screen and (max-width:500px) {
	.info-wrap{padding:0 0 100px;}
	.info-wrap .info .con a div img{margin-bottom: 17px;}
	.info-wrap .info .t-14{font-size: 12px;line-height:16px;letter-spacing: 4.6px;margin-bottom: 24px;}
	.info-wrap .info .con a div .t-25 span{font-size: 17px;line-height: 20px}
	.info-wrap .info .con a div img{min-height:20px}
	.info-wrap .info .con a div .b{font-size: 15px;}
	.info-wrap .info .con a div p{font-size: 12px;}
} */


/* 메인 div 팝업 */
#popupList{}
#popupList .popContent{position:absolute;z-index: 2006;padding: 2px;box-sizing: border-box;overflow: hidden;box-shadow: 1px 1px 1px grey;}
#popupList .close{text-align: right;}
#popupList .close a{font-size: 15px;line-height: 28px;}
#popupList .close span{padding-right:30px;position: relative;}
#popupList .close span:before{content:'';position:absolute;top:50%; right:0; width:30px; height:30px;background: url(../images/main/icon-more.png) no-repeat center center;transform: rotate( 45deg );    background-size: 42%;margin-top:-15px;}