@charset "utf-8";
/*2015 NEW CSS Document */

/*NEW-contents main*/
#new_contents{ width:100%; }
.topmenu_bg{height:5px; background:#f3bc1c;}
/*메인 슬라이드배너*/
#main .carousel-caption > h3 {font-size: 3.1em; font-weight: 600; margin-top:10px;}
#main .carousel-caption > h4 {font-size: 1.9em; margin: 0}
#main .carousel-caption > h4 > em {color: #ffaa8c; font-weight: 600}
#main .carousel-caption > p {font-size: 1.5em; margin-top: 25px;}
.main-btn {
  width: 92%;
  padding: 10px 12px;
  margin-bottom: 0;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: rgba( 255, 255, 255, 0.2 );
  border: 0;
  border-radius: 0;
  margin-bottom: 5px;
}

.main-btn > span { float:right; text-align: center; color: #fff; padding: 3px 6px; font-size: 1.1em; vertical-align: middle; font-weight: 400;}


/*2018메인탑메뉴*/
.top_btn_purple{float:left; background:#a14595; width:49.7%; height:32px; color:#fff; padding:5px 7px; margin-right:1px;margin-bottom: 1px; font-family:NanumGothicBold; font-size:13px; text-align:center; font-weight:600;}
.top_btn_purple a{color:#fff; }
.top_btn_purple a:link{color:#fff; }
.top_btn_purple a:visited{color:#fff; }
.top_btn_purple a:hover{color:#ffe84e;  }
.top_btn_navy{float:right; background:#4559a1; width:49.7%; height:32px; color:#fff; padding:5px 7px;   margin-right:1px;margin-bottom: 1px; font-family:NanumGothicBold;  font-size:13px;  text-align:center;  font-weight:600; } 
.top_btn_navy a{color:#fff; }
.top_btn_navy a:link{color:#fff; }
.top_btn_navy a:visited{color:#fff; }
.top_btn_navy a:hover{color:#ffe84e;  }
.top_btn_skyblue{float:right; background:#359cb1; width:33.1%; height:32px; color:#fff; padding:5px 7px; font-family:NanumGothicBold;  font-size:13px;  text-align:center; word-spacing: -4px;  font-weight:600;}
.top_btn_skyblue a{color:#fff; }
.top_btn_skyblue a:link{color:#fff; }
.top_btn_skyblue a:visited{color:#fff; }
.top_btn_skyblue a:hover{color:#ffe84e;  }
.rolling{clear:both;}



/*메인중간 박스 배너*/
.main-banner {background-color:#f1f2f3; text-align: center;left: 5%; right: 5%; padding: 15px 0; }
.main-banner > ul li {display: inline-block; margin-right: 3px; width: 30%; box-sizing:border-box; border: solid 1px #ddd; background-color: #fff;}
.main-banner > ul li > p {padding: 5px 0; font-weight: 600}

/*패키지 이벤트*/
.package_event {position: relative; width: 100%;}
.package_event > ul li {margin-bottom: 5px;position: relative;}
.package_event > ul li:last-child {margin-bottom: 0}
.package_event > ul li >  dl {top: 0px; left:100px; margin:0; padding:0}
.package_event > ul li > dl dd {position:absolute; color: #fff; font-size: 1.4em; letter-spacing: 0em; font-family:NanumBarunGothic; text-shadow:0 0 3px #000;}

.package_event dd.s_icon {top:15px; left:28%;width:50px; height:20px}
.package_event dd.p_text {top:15px; left:40%;margin-left:20px}




.package_event > ul li > dl dd p {font-size: 0.7em !important;}
.package_event dd b.aa {color:#ff9f5a;}
.package_event dd b.bb {color:#ffe487;}
.package_event dd b.cc {color:#ffc764;}
.long {font-size: 1em !important; letter-spacing: -0.1em}/*배너 이벤트 dd부분 길경우*/

/*네비게이션*/
.navbar-box {background-color: #4c5059; border-top: 1px solid #bec0c3 !important; padding-bottom: 5px}
.nav-top {margin-right: auto; margin-left: auto; text-align: center; margin: 8px 0}
.nav-top > ul li {display: inline-block; font-size: 1.2em; color: #fff; padding-right: 2px; }
.nav-top > ul li:last-child {padding-right: 0}
.nav-top .phone {width: 37%}
.nav-top .name {width: 20%}
.nav-top > ul li .btn-nav {padding: 5px 6px; font-size: 1em; line-height: 1.5; border-radius: 0;}
.container {padding: 0;}
.container {text-align: center;}
.container > ul li { display: inline-block; border: 1px solid #bec0c3; width: 23.5%; color: #fff; padding: 0 0; margin:1px; font-size: 1.5em; line-height: 1.3 !important; }
.container .glyphicon  {color: #bec0c3; line-height: 1.3 !important; top:3px;}
.container > ul li a:link{ text-decoration:none; color:#fff !important;}
.container > ul li a:visited{color:#fff !important;}

/*한사평 story*/
.story-list {width: 96%; margin: 15px auto;}
.story-list dl {margin: 0 !important}
.story-list .picture {width: 16%; margin: 0 auto}
.story-list strong {font-weight: 600; font-size: 1.2em}
.story-list .glyphicon {padding-left: 3px}

footer .main-call {background-color: #fff; padding:13px 0; width: 100%}
footer .main-call > ul li {display: inline-block; vertical-align:middle; padding-right: 3px;}
footer .main-call  > ul li:last-child {padding-right: 0}
footer .main-call .call-t1 {font-size: 1em; width: 14%}
footer .main-call .call-t2 {border-radius:6px; background-color: #000; color: #fff; padding: 6px; font-size: 1.5em; line-height: 0 !important;}
footer .main-call .call-t3 { font-size: 2.2em;  }
footer .main-call .call-t4 {font-size: 0.7em; line-height: 1.1; color: #8c8a8a; padding-left: 5px; border-left: 1px solid #000;}
footer .main-bottom {background-color: #000; width: 100%}
footer .main-bottom ul li {display: inline-block; width: 49.5%; text-align: center; border-right: 1px solid #fff; color: #fff; padding: 12px 0;}
footer .main-bottom ul li:last-child {border: none;}
footer .main-bottom a:link {color: white}
footer .main-bottom a:visited {color: white}
footer .footer {background-color: #f5f5f5; padding: 25px 5px; color: #8c8a8a; text-indent: 10px;}


/*스토리 슬라이드배너*/
#story .carousel-caption {top:0 !important; right: 0; left: 0; padding-top: 0; text-align: left; }
#story .story-top {background-color: rgba( 250, 250, 250, 0.4 ); border-bottom: 2px dotted #000; width: 100%; padding: 17px 0 10px; text-indent: 30px; color: #000;}
#story .carousel-caption .story-top > h3 {font-size: 1.7em; font-weight: 400; margin-top:5px; margin-bottom: 0;  font-weight: 600}
#story .carousel-caption .story-top > h4 {font-size: 1.2em; margin: 0;}
#story .carousel-caption .story-top > h4 > em {color: #ffaa8c; }
#story .story-content { margin: 30px 30px 10px; font-size: 1.1em;}
#story .story-content p em > a, #story .story-content p > a:link {color: #ffed8a}
#story .story-content .strong { display:block; font-size: 1.7em; margin-top: 23px; margin-bottom: 15px; }
#story .story-content > p {padding-bottom: 7px}
#story .bullet { margin-left:15px;list-style-type: disc;}
#story .point {padding: 4px 7px;
  color: #f9f2f4;
  background-color: #d44b2f;
  border-radius: 4px;
  margin-right: 5px
}
#story .point2 {padding: 4px 12px;
  color: #f9f2f4;
  background-color: #d44b2f;
  border-radius: 4px;
  margin-right: 5px
}
#story .no8 {width: 100%}
#story .no8 > dt, dd {display: inline-block;}
#story .no8 > dt {width: 55px; margin-right: 10px}
#story .no8 > dd {width: 72%}

/*2016 메인*/
.accordion_main {margin-left:3%;margin-right:3%;margin-top:10px;}
.accordion_main button.accordion {background-color: #fff;color: #747474;cursor: pointer;margin-bottom:10px;box-sizing:border-box;padding: 7px 15px;width: 100%;border: 2px solid #d8d8d8;font-size:1.2em;text-align: center;outline: none;transition: 0.4s;}
.accordion_main button.accordion.active,
.accordion_main button.accordion:hover {background-color: #fff;}
.accordion_main button.accordion:after { content: '\02795'; font-size: 13px;color: #747474;float: right;margin-left: 5px;}  /* Unicode character for "plus" sign (+) */
.accordion_main button.accordion.active:after { content: "\2796";}  /* Unicode character for "minus" sign (-) */
.accordion_main div.panel_view {padding: 0;background-color: white;max-height: 0;overflow: hidden;transition: 0.4s ease-in-out;opacity: 0;}
.accordion_main div.panel_view.show {opacity: 1;max-height: 100%;margin-bottom:10px;}

.main-banner-link {text-align: center; background-color: #ececec;}
.main-banner-link > ul {margin-top:0px;}
.main-banner-link > ul a {color:#333}
.main-banner-link > ul a:hover, 
.main-banner-link > ul a:focus { color:#23527c; }
.main-banner-link > ul li {display: inline-block; width: 49.6%; box-sizing:border-box; vertical-align: top;}


.sns_shortcut {width:100%; float:left; background:#f1f2f3; padding:15px 5px 7px 5px}
.sns_shortcut li:first-child {margin-left:3.5%;}
.sns_shortcut li.instagram {float:left; padding-left:15px; width:22%;}
.sns_shortcut li.facebook {float:left; padding-left:15px; width:22%;}
.sns_shortcut li.youtube {float:left; padding-left:15px; width:22%}
.sns_shortcut li.naverblog {float:left; padding-left:15px; width:22%}



/*2018header추가*/
.planner_info{background:url(../images/new2018/top_bg01.jpg); height:60px; padding:8px 10px 2px 15px; font-size:14px;}
.logo_box{width:100%; height:55px; text-align:center; background:#FFF; position:relative;}
.login_box{position:absolute; top:10px; right:2px; }
.login_box img{width:60%; }
.namecolor{color:#fbbc05;}
.plannercolor{color:#8ea5f9;}
.planner_phone_btn{background:#8ea5f9; color:#fff !important; font-size:14px;  border-radius:5px; display:inline-block; padding:3px 10px; margin-left:5px;}
.2018new_title{background:#0f237c; height:30px; text-align:center;  font-size:14px; font-weight:600;}
.basket_btn{border:1px solid #fff;color:#fff !important;font-size:13px;border-radius:5px;display:inline-block;padding:3px 8px}



/*2018메인배너*/
.whatsnew-list {
    position: relative;
    overflow-x: hidden;}
	
#tabs {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    text-align: center;}

.tab {
    display: inline;}

#tabs a {
    background-color: rgba(255,255,255,0.4);
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    margin: 0 3px;}



/*2018 개강날짜d-day*/
.dday_bg{width:100%; background:url(../images/new2018/main_bg01.jpg) repeat-x; }
.dday_box{width:66%; text-align:center; font-size:22px; color:#f3bc1c;  display:inline-block; padding: 10px; }
.dday_btn{width:110px;  border-radius: 5px; background:#0aa3fa;  text-align:center; font-size:20px; color:#fff; padding:6px; display:inline-block; vertical-align: middle; word-spacing: -4px;}

/*2018메인 패키지수강신청*/
.main_package{ margin: 10px 7px;}
.color{background-color: #e7efff;}
.font_blue{color:#3e8def;}
.package_btn_blue{background:#6c92c1; color:#fff !important; padding:4px 2px;  border-radius:6px; font-size:12px; font-weight:600; margin:5px 3px 5px 3px;}
.package_btn_red{background:#e14a5b; color:#fff !important; padding:3px 2px;  border-radius:20px; font-size:10px; font-weight:400;  text-align:center;}
.package_btn_red a:link,
.package_btn_red a:hover,
.package_btn_red a:visited{background:#e14a5b; color:#fff !important; padding:3px 2px;  border-radius:6px; font-size:12px; font-weight:400; margin:5px 3px 5px 3px; text-align:center;}
.package_btn_orange{background:#ff7e00; color:#fff !important; padding:10px 20px; border:1px solid #ee7600; border-radius:4px; font-size:16px; font-weight:bold;}

.packge_table{width:100% !important; border-bottom:1px solid #ddd;}
.packge_table tr{height:40px; border-bottom:1px solid #ddd;}
.packge_table td.color{background-color:#e6e6e6 !important;}

/*2018 메인 center이벤트배너 */
.center_banner_sub {width: 100%;margin-top:10px; }
.center_banner_sub li{float:left; }
.center_banner_sub li.c_01 {width:40px; height:106px; background:#f5f5f5;  padding-top:82px; text-align:right; padding-right:10px;}
.center_banner_sub li.c_02 {width:394px; height:164px; background:#f5f5f5; padding-top:23px; padding-left:5px;}
.center_banner_sub li.c_03 {width:40px;  height:106px; background:#f5f5f5; padding-top:82px; text-align:left; padding-left:10px;}

#slides {
	position:relative;
	z-index:100;
}

#slides .next, #slides .prev {
	position:absolute;
	top:95px;
	left:14px;
	width:18px;
	height:32px;
	display:block;
	z-index:101;
}

.slides_container {
	width:100%;
	height:240px;
	overflow:hidden;
}

#slides .next {
	left:92%;
}




/*2018하단 이벤트*/
.main_bg_gray { background:#e7e7e7; }



/*하단메뉴 빠른상담신청하기 닫기버튼 추가 20230105*/
.bottommenu_close {
    position: absolute;
    top: 10px;
    right: 15px;
    display: inline-block;  
    width: 24px;
    height: 24px;
}