/*-- slider 메인 슬라이드 --*/
.header {position:fixed; top:0; left:0; width:100%; height:60px; z-index:7777;}
.header h1 {display: block; width: 132px; height: 60px; text-align:center;  margin: auto;}
.header h1 a {display:block; width: 132px; height: 60px;}
.header h1 a img {height: 35px; padding-top: 12px}
.header .login {position:absolute; width:55px; height:40px; right:20px; top:10px;}
.header .login a {display:block; width:auto; height:100%; color: #333; font-size: 14px; line-height: 40px; text-align: right}

div.sliderwrap {position:relative;}
div.sliderwrap .txt {position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; z-index:99; font-size:22px;}
div.sliderwrap .txt p {font-size:40px; margin-bottom:10px;}
ul.bxslider {position:relative; top:0; left:0; width:100%; height:250px;}
ul.bxslider img {width:100%;}
/* 슬라이드버튼 */
.bx-pager {position: absolute; bottom:15px; width:100%; text-align:center;
}
.bx-pager-item {display: inline;}
.bx-pager-item > a {display:inline-block; margin:0 3px; width:10px; height:10px; background-color:#fff; border-radius:5px; font-size:0; color:transparent;}
/* 버튼클릭시 */
.bx-pager-item > a.active {width:20px; background: #029B49}
/* 이전버튼 */
.bx-prev {display: none;}
/* 다음버튼 */
.bx-next {display: none;}
/*-- END slider 메인 슬라이드 --*/

/*-- 메인컨텐츠 --*/
section .main {background:#fff; margin-top: 0}
.notice {position: relative; background:#fff; border-bottom: 3px solid #029B49}
.notice ul li {height:45px; line-height:45px; padding-left:15px;}
.notice ul li a {display:block; width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333;}
.notice .btn{position: absolute; width: 40px; height: 40px; right: 0; top:2px;}
.notice .btn a{display: block; width: 40px; height: 40px; color: #333; font: 26px/40px 'Noto Sans Light'; text-align: center;}
.notice .bx-pager-item > a {display:none;}

.quick_menu {height: 220px; background: url(../img/bg01.jpg) center center no-repeat;}
.quick_menu ul{text-align: center; margin: auto; padding: 10px 0}
.quick_menu ul li {display: inline-block; width:20%; height: 100px; padding: 10px 0; text-align:center; font-size:14px;}
/*.quick_menu ul li:nth-child(odd){background: rgba(31,70,50,0.8); }*/
.quick_menu ul li a{width: 100%; height: auto}
.quick_menu ul li span {display:block; color: #fff; margin-top: 5px}

/*-- popup --*/
.mpop{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 9999; top:0; left: 0}
.mpop .popWrap{position: relative; width: 80%; margin: 50% auto; letter-spacing: -0.5px; background: #fff; border-radius: 10px; padding: 10px 10px 45px 10px}
.mpop .popWrap .info{font-size: 18px; font-weight: 600; margin-bottom: 0}
.mpop .popWrap p{text-align: center; font-size: 16px; line-height: 1.5; margin: 10px 0}
.mpop .popWrap p.sub{font-size: 14px; line-height: 1.8; color:#666; text-align: left; padding: 0 40px; margin-bottom: 20px}
.mpop .popWrap .locker{display:inlin-block; height:60px; line-height:55px; font-size: 50px; font-weight: 600; margin: auto; text-align: center; margin:20px 0}
.mpop .popWrap .locker span{display: inline-block; width: 80px; height: 34px; text-align: center; line-height: 34px; color: #fff; border-radius:3px;  font-size:18px; margin-right:20px; vertical-align: middle}
.mpop .popWrap .locker span.man{background: #49729e}
.mpop .popWrap .locker span.woman{background: #cd2e53}

.mpop .popWrap .cntSlide {}
.mpop .popWrap .cntSlide img{width: 100%; height: auto}
.mpop .popWrap a.closedBtn {position:absolute; right:10px; bottom:10px; display: block; padding:5px 28px 5px 0; background:url('../../img/closedBtn.png') no-repeat right center; font-size:17px; color:#000; cursor:pointer;}

/* Slider */
div.slick-list {position: relative; width:100%; height:100%; display: block; overflow:hidden;}
div.slick-slide {display: none; float: left; height: 100%; min-height: 1px;
}
div.slick-initialized .slick-slide {display: block;}
/* Dots */
.slick-dotted.slick-slider {}
.slick-dots {position:absolute; bottom:15px; display:block; width: auto; text-align:center; margin: auto}
.slick-dots li {position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; cursor: pointer;}
.slick-dots li button {display:block; width:12px; height:12px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:before { position:absolute; top:0; left:0; content:''; display:block; width:12px; height:12px; border-radius:30px; background:#029B49; opacity:.25;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {opacity:1;}