/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2016.08.30
* Update : 2016.08.30
* Copyright(c) 2016 OLYM Communications. All Rights Reserved.
*/


/*메인*/
.main {position:relative;}
.main .bg_box { z-index:100; height:600px; overflow: hidden;}
.main .bg_box li { position:relative; height:600px;}
.main .bg_box .bg1 { background:url(/project/design/main/bg_main1.jpg) no-repeat center; background-size:cover;}
.main .bg_box .bg2 { background:url(/project/design/main/bg_main2.jpg) no-repeat center; background-size:cover;}

.main .text_box { position:absolute; top:180px; text-align:center;width:100%;}
.main .text_box .p_desc1 {font-size:90px; font-family: 'Muli', sans-serif; font-weight:700;color:#fff;}
.main .text_box .p_desc2 {font-size:24px; font-weight:300;color:#fff;margin-top:5px;}

.main .icon_box { position:absolute; bottom:50px; left:50%; margin-left:-30px; width:60px; z-index:200;}
.main .icon_box li { float:left; width:50%; text-align:center;}
.main .icon_box li a { display:block; border-radius:50%; margin:0 auto; width:10px; height:10px; background:#fff;}
.main .icon_box li a:hover, .icon_box .flex-active-slide a {background:#9a844a !important;}
.main .icon_box .slides { width:100% !important;  -webkit-transform:translate3d(0px, 0px, 0px) !important; -moz-transform:translate3d(0px, 0px, 0px) !important; -ms-transform:translate3d(0px, 0px, 0px) !important; -o-transform:translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; }
.main .icon_box .slides li { width:50% !important;}
.main .flex-direction-nav { display:none;}


/*교육과정안내*/
.curr {position:relative;height:600px;background:#e5f2ff;}
.curr h2 { font-size:36px; font-weight:700; color:#111;text-align:center;padding:50px 0 37px 0;letter-spacing:-0.05em;}
.curr .btn_curr_appl a {position:absolute;left:0;top:52px;font-size:20px;color:#111;letter-spacing:-0.05em;display:inline-block;border:1px solid #e5e5e5;background:#fff url(/project/design/main/bg_btn_curr_appl.jpg) no-repeat 26px center;height:48px;line-height:46px;padding:0 26px 0 60px;}
.curr .swiper-container {width: 1356px; height: 320px;padding:0 20px 20px 20px;margin: 0 auto;}
/* .curr .swiper-container .swiper-wrapper{height: 100%; overflow: hidden;} */

.curr .swiper-slide {background: #fff;height:320px !important;margin: 0 15px;}
/* .curr .swiper-slide:nth-child(4n){margin-left: 0} */
.curr .swiper-slide a {width:100%;height:100%;display:block;box-sizing:border-box;padding:30px;}
.curr .swiper-slide a:hover {box-shadow:10px 10px 10px rgba(0,0,0,0.05);}
.curr .swiper-slide a h3 {font-size:26px;color:#111;line-height:36px;margin:20px 0;font-weight:500;height:72px;letter-spacing:-0.025em;overflow-y:hidden;}
.curr .swiper-slide a p {color:#666;font-weight:300;letter-spacing:-0.025em;height:22px;overflow-y:hidden;margin-bottom:3px;}
.curr .swiper-slide a p.person {font-size:15px;color:#fff;text-align:center;border-radius:8px;width:120px;height:26px;line-height:24px;font-weight:300;}
.curr .swiper-slide a p.person.new {background:#9a844a;}
.curr .swiper-slide a p.person.career {background:#0055a5;}
.curr .swiper-slide a p.cate {color:#111;margin-bottom:20px;font-weight:500;font-size:17px;}
.curr .swiper-pagination {display:none;}

.slick-track {padding-bottom:20px;}

.swiper-button-next2{ position: absolute; top: 52px; right: 0; z-index: 1000;background:#fff url(/project/design/main/bg_curr_next.png) no-repeat center;border:1px solid #e5e5e5;display:inline-block;width:48px;height:48px;border-radius:50%;cursor:pointer;}
.swiper-button-prev2{ position: absolute; top: 52px; right: 57px; z-index: 1000;background:#fff url(/project/design/main/bg_curr_prev.png) no-repeat center;border:1px solid #e5e5e5;display:inline-block;width:48px;height:48px;border-radius:50%;cursor:pointer;}

.btn_curr_more {position:absolute;bottom:60px;left:50%;transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);z-index: 1000;}
.btn_curr_more a {color:#111;border:1px solid #e5e5e5;background:#fff;width:142px;height:38px;line-height:36px;display:inline-block;text-align:center;}
.btn_curr_more a.btn_career {margin-left:10px;}

/*커뮤니티*/
.comm {background:#fff url(/project/design/main/bg_comm.png) repeat-y left top;height:640px;}
.comm .wrap_box {width:1360px;}
.comm .left {float:left;width:680px;background:#0055a5;height:640px;padding:85px 80px 85px 10px;box-sizing:border-box;}
.comm .right {width:690px;margin-left:680px;height:640px;padding:85px 10px 85px 80px;box-sizing:border-box;background:#fff;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: none;
  background-color: transparent !important;
  position:relative;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: transparent !important;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 28px;
  line-height:30px;
  color:rgba(255,255,255,0.5);
  font-weight:700;
  letter-spacing:-0.05em;
  font-family:'Noto Sans Korean';
  margin-bottom:43px;
  padding:0 30px 0 0;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: transparent !important;
  color:rgba(255,255,255,1);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: transparent !important;
  color:rgba(255,255,255,1);
}

/* Style the tab content */
.tabcontent {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  color:#fff;
  min-height:128px;
}
.tabcontent li {position:relative;background:url(/project/design/main/bg_notice_li.png) no-repeat left center;padding-left:10px;
  font-weight:300 !important;margin-bottom:12px;}
.tabcontent li a {color:#fff;}
.tabcontent li a span {position:absolute;right:0;top:50%;transform: translate(0, -50%); -ms-transform: translate(0, -50%);color:rgba(255,255,255,0.5);}
.tabcontent li:last-of-type {margin-bottom:0;}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tab .btn_more {position:absolute;right:0;top:0;}
.tab .btn_more a { display:inline-block; width:30px; height:30px; text-indent:-9999px; background:url(/project/design/main/bg_btn_notice_more.png) no-repeat center; transition:transform 2s;}
.tab .btn_more a:hover {transform:rotate(180deg);}


/*다운로드*/
.btn_down {margin-top:76px;}
.btn_down a {display:inline-block;width:140px;height:140px;border-radius:100%;background:#fff;color:#111;text-align:center;font-size:0.95em;font-weight:500;letter-spacing:-0.05em;line-height:1.3em;}
.btn_down a.agree .bg {background:#fff url(/project/design/main/bg_btn_down_agree.png) no-repeat left top; width:45px;height:45px;margin:20px auto 0 auto;}
.btn_down a.apply .bg {background:#fff url(/project/design/main/bg_btn_down_apply.png) no-repeat left top; width:45px;height:45px;margin:20px auto 0 auto;}
.btn_down a.apply {margin-left:10px;}
.btn_down a span {display:block;color:#0055a5;}
.btn_down a:hover span.red{text-decoration: underline;}
.btn_down a span.red{color: #701e20;font-size:0.75em;font-weight:400;}
.btn_down a.agree .bg, .btn_down a.apply .bg  {background-size:45px;}

/*갤러리*/
.photo li {float:left;width:280px;margin-right:40px;box-sizing:border-box;margin-bottom:40px;}
.photo li .img_box {width:280px;height:187px;}
.photo li .img_box img {width:100%;height:100%;}
.photo li:nth-of-type(2), .photo li:nth-of-type(4) {margin-right:0 !important;}
.photo li a {display:block;}
.photo li a h2 {color:#111;margin-top:15px;height:22px;overflow-y:hidden;}


/*찾아오시는길*/
.main_map {position:relative;height:500px;background:#f2f2f2;}
.main_map_con {position:absolute;top:50%;right:19.27%;transform: translate(0, -50%); -ms-transform: translate(0, -50%);box-shadow:10px 10px 18px rgba(0,0,0,0.13);background:#fff;box-sizing:border-box;padding:40px 50px 50px 50px;z-index: 999}
.main_map_con h2 {position:relative;font-size:30px;color:#111;font-weight:700;padding-bottom:30px;margin-bottom:30px;}
.main_map_con h2:after {position:absolute;content:"";display:inline-block;width:100%;height:1px;background:#e3e3e3;left:0;bottom:0;}
.main_map_con .btn_more {position:absolute;right:0;top:50%;transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.main_map_con .btn_more a { display:inline-block; width:30px; height:30px; text-indent:-9999px; background:url(/project/design/main/bg_btn_map_more.png) no-repeat center; transition:transform 2s;}
.main_map_con .btn_more a:hover {transform:rotate(180deg);}
.main_map_con p {font-size:18px;font-weight:300;color:#666;margin-bottom:7px;}
.main_map_con p span {font-weight:400;color:#333;}
.main_map_con p span.fax {padding-left:30px;}

.btn_online {margin-top:40px;}
.btn_online a {display:inline-block;border:1px solid #ddd;color:#111;width:230px;height:50px;line-height:48px;background:url(/project/design/main/bg_btn_online_arrow.png) no-repeat 85% center;padding-left:35px;box-sizing:border-box;}


/* 푸터배너 */
.banner {padding:30px 0;}
.banner .slide_area {position:relative; float:left; width:92.5%;margin-left:3.75%;}
.banner .slide_area li { float:left; padding:0 9px; box-sizing:border-box;}
.banner .slide_area li a { display:block;}
.banner .slide_area li a img { border:1px solid #e3e3e3;}
.banner .slide_ctrl {position:absolute; display:inline-block; margin-top:21px; width:3.75%;}
.banner .slide_ctrl a {float:left; width:100%; text-align:center; display:block; border-left:none; cursor:pointer;}

.banner .slide_ctrl.btn_right img.left {left:0;display:none;}
.banner .slide_ctrl.btn_left img.right {right:0;display:none;}

/* footer */
#back-top { bottom:10px;}


@media all and (max-width:1400px) {
.curr .swiper-container {width:1200px;}
.curr .swiper-slide a h3 {font-size:26px;line-height:36px;}
.curr .swiper-slide a p.cate {font-size:16px;}
.main_map_con {right:40px;}
}