@charset 'utf-8';
/*ggc멤버스 홈페이지 첫 화면*/
.membership-header{width:100%; text-align:center; padding:23px 0;}
.membership-header img{display:inline-block; vertical-align: middle;}
.membership-container{width:100%; position: relative; margin-bottom:110px;}
.membership-container .membership-content{max-width:1200px;  padding:0 15px; margin:0 auto; position: relative}
.membership-container .membership-content .membership-visual{position: relative}
.membership-container .membership-content .membership-visual .membership-img { width: 100%; height: 100%;}
.membership-container .membership-content .membership-visual .membership-img .v-img{background:none; border:0}
.membership-container .membership-content .membership-visual img{width:100%; /* height:100%; */ position: absolute;top:0; left:0;}
.membership-main .join-cont{margin-top:40px;}
.membership-main .link-txt{margin-top:20px; display:inline-block; color:#004071; font-size:18px; border-bottom:1px solid #004071; }
.membership-main .join-cont .txt-t1{margin-top:15px;}

/*main*/
.main-container{background: #f8f8f8;}
.main-container .main-section1{max-width:1200px; padding:100px 15px 110px 15px; margin:0 auto; position: relative;}
.main-container section .main-tit-depth2{text-align:center; color:#004071; font-size:42px;  font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.main-container .calendar-list-wrap{margin-top:50px;}
.main-container .calendar-list-wrap .calendar-list-area{}
.main-container .calendar-list-wrap .calendar-list-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container .calendar-list-wrap .calendar-list-area > li{width:23%; margin-right:2.5%; float:left; background: #fff;}
/*.main-container .calendar-list-wrap .calendar-list-area > li{width:31.66%; margin-right:2.5%; float:left; background: #fff;}*/
.main-container .calendar-list-wrap .calendar-list-area > li:last-child{margin-right:0}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box{padding:23px 29px 0 29px; min-height:542px; position: relative}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box h3{color:#004071; font-size:24px;  font-style:normal; font-family:'notokr-medium';
font-weight: 400; text-align:center; border-bottom:2px solid #004071; padding-bottom:18px; line-height:24px;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-cont{padding-bottom:50px;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list{}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list .status-type{padding:0;margin-bottom:12px; display:inline-block; font-size:15px;font-family:'notokr-medium'; }
/*.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list .status-type{padding:0;margin-bottom:12px; display:inline-block; font-size:16px;font-family:'notokr-medium'; }*/
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list .status-type-white{border:none; color:#004071; }
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list .status-type-blue{border:none; background:none; color:#004071;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li{padding:29px 0; height:165px; border-bottom:1px dashed #cccccc;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dt{font-size:18px; font-style:normal; font-family:'notokr-medium';
font-weight: 400; margin-bottom:20px; letter-spacing: -0.5px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
/*.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dt{font-size:20px; font-style:normal; font-family:'notokr-medium';
    font-weight: 400; margin-bottom:20px; letter-spacing: -0.5px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}*/
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dt > a{color:#004071; display:block;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dd > ul > li{line-height:28px; display:table; font-size:15px}
/*.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dd > ul > li{line-height:28px; display:table}*/
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dd > ul > li > em{width:40px; display: table-cell; font-family:'notokr-medium';}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-list-box .calendar-list > li dd > ul > li > p{width: 255px;display: table-cell;}
.ac-aicon{color:#004071; position:absolute; bottom:18px; right:28px;}
.ac-aicon i{display:inline-block; width:7px; height:18px; background-image: url(/images/common/ico/ico_blue_arrow.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:7px 13px; margin-left:10px;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata {padding-top:45px; padding-bottom:38px; text-align:center;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .btn-center{height:80px;}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .btn-center p{margin-top:20px; font-size:15px}
/*.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .btn-center p{margin-top:20px;}*/
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .btn-large{padding:8px 0}
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .calendar-nodata-txt{margin-top:30px; height:135px; color:#202020; font-size:22px; font-family:'notokr-medium'; line-height:28px;
}
/*.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata .calendar-nodata-txt{margin-top:30px; height:135px; color:#202020; font-size:24px; font-family:'notokr-medium'; line-height:28px;
}*/
.main-container .calendar-list-wrap .calendar-list-area > li .calendar-nodata > i{display:inline-block; width:110px; height:120px;
background-image: url(/images/common/ico/ico_nodata.png);background-repeat: no-repeat;
vertical-align:middle; background-size:110px 120px; margin:0 auto;}
.main-container .main-section1 .calendar-link-wrap{background:#004071; margin-top:60px; height:120px; }
.main-container .main-section1 .calendar-link-wrap .calendar-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container .main-section1 .calendar-link-wrap .calendar-link li{float:left; width:33.3%; text-align:center;line-height:115px; position: relative}
.main-container .main-section1 .calendar-link-wrap .calendar-link li.first i{display:inline-block; vertical-align: middle; width:48px; height:45px;
background-image: url(/images/main/ico_mission_item1.png);background-repeat: no-repeat; background-size:48px 42px;  margin-right:16px;}
.main-container .main-section1 .calendar-link-wrap .calendar-link li:nth-child(2) i{display:inline-block; vertical-align: middle; width:48px; height:30px;
background-image: url(/images/main/ico_mission_item2.png);background-repeat: no-repeat; background-size:48px 26px;  margin-right:16px;}
.main-container .main-section1 .calendar-link-wrap .calendar-link li:nth-child(3) i{display:inline-block; vertical-align: middle; width:50px; height:50px;
background-image: url(/images/main/ico_mission_item3.png);background-repeat: no-repeat; background-size:50px 44px;  margin-right:16px;}
.main-container .main-section1 .calendar-link-wrap .calendar-link li > a{color:#ffffff; font-size:18px;}
.main-container .main-section1 .calendar-link-wrap .calendar-link li > a > em{font-size:28px;font-family:'notokr-medium';display:inline-block; margin:0 3px; }
.main-container .main-section1 .calendar-link-wrap .calendar-link li:before {content: ""; display: block; position: absolute; top:20px; left:0px; width: 1px; height: 80px; background-color: #4d7a9c;}
.main-container .main-section1 .calendar-link-wrap .calendar-link li.first:before{display:none}

.main-section2{position:relative}
.recommend-swiper-container{padding:45px 0 90px 0}
.recommend-swiper-container .swiper-slide{width:276px;}
.recommend-swiper-container .swiper-slide .recommend-img{width:276px; height:390px;}
.recommend-swiper-container .swiper-slide .recommend-img a{display:block;}
.recommend-swiper-container .swiper-slide img{display:block; vertical-align: middle; width:100%; height:100%;}
.recommend-swiper-container .swiper-slide .recommend-txt{text-align:center; margin-top:15px}
.recommend-swiper-container .swiper-slide .recommend-txt dt{color:#202020; font-size:20px;font-family:'notokr-medium'; margin-bottom:8px; }
.recommend-swiper-container .swiper-slide .recommend-txt dt > a{color:#202020}
.main-section2 .recommend-btn{}
.main-section2 .recommend-btn a{width: 40px; height: 68px; display: block; margin-top: -58px; position: absolute; overflow: hidden;z-index: 20;}
.main-section2 .recommend-btn .btn-prev{top: 50%;left: 20px; background: url(/images/common/btn/btn_prev_type1.png) no-repeat center; background-size: 40px 68px}
.main-section2 .recommend-btn .btn-next{top: 50%;right: 20px;background: url(/images/common/btn/btn_next_type1.png) no-repeat center; background-size: 40px 68px}

.main-section3 .mission-content {max-width:1200px; padding:0 15px; margin:0 auto; position: relative;}
.main-section3 .mission-content .swiper-container {padding:50px 0 100px 0}
.main-section3 .mission-content .swiper-slide{width:276px; height:190px;}
.main-section3 .mission-content .swiper-slide .mission-img{width:276px; height:190px;}
.main-section3 .mission-content .swiper-slide img{display:block; width:100%; height:100%;}
.main-section3 .mission-btn a{width: 40px; height: 68px; display: block; margin-top: -31px; position: absolute; overflow: hidden;;z-index: 20;}
.main-section3 .mission-btn .btn-prev{top: 50%;left: 20px; background: url(/images/common/btn/btn_prev_type1.png) no-repeat center; background-size: 40px 68px}
.main-section3 .mission-btn .btn-next{top: 50%;right: 20px;background: url(/images/common/btn/btn_next_type1.png) no-repeat center; background-size: 40px 68px}

/*0614 css추가*/
button.btn-play{width:70px; height:70px; vertical-align: middle; position: absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px;
background:url(/images/main/btn_play.png) no-repeat; background-size:70px; z-index:10; border: none;}
button.btn-stop{width:70px; height:70px;vertical-align: middle; position: absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px;
background:url(/images/main/btn_stop.png) no-repeat; background-size:70px;z-index:10; border: none; display:none;}

.main .header-info-layout{background: #004071 url(/images/common/bg/bg_header.png) no-repeat center; width: 100%;  background-size: cover;}