@charset "utf-8";


/* 상세페이지 */
#crse_banner {overflow: hidden;position: relative;width: 100%;padding: 0 60px 40px 60px;border: 1px solid #ddd;border-top: 3px solid #3464b8;}
#crse_banner .crse_title{position: relative;padding:44px 50px 46px 152px;background: url(/images/prog/tourSchdul/tit_bg.png) no-repeat right 50px;}
#crse_banner .crse_title h2 {margin: 5px 0 0;padding-right: 200px;font-size:30px;color:#fff;line-height: 30px;color: #000;font-weight:bold;}
#crse_banner .crse_title h2:before { background:none; }
#crse_banner .crse_title h2 span { display:inline-block; color:#3463b6;}
#crse_banner .crse_num{position: absolute;top: 0;left: 0;width: 126px;height: 132px;padding:20px 16px;color: #fff;background: #3464b8 url(/images/prog/coursDetail/tit_bg2.png) no-repeat right top;}
#crse_banner .crse_num:before{content: "";position: absolute;top: 130px;left: 0;width: 100%;height: 11px;background: url(/images/prog/coursDetail/tit_bg.png) no-repeat;}
#crse_banner .crse_num em{display: block;text-align: center;font-style: italic;}
#crse_banner .crse_num .num{display:block;position:relative;margin-top: 20px;font-size: 44px;font-style:italic;font-weight:bold;text-align:center;line-height:1;}
#crse_banner .top_month {padding:25px 30px;background:#f1f1f1;}
#crse_banner .top_month > ul {margin:0 -10px;}
#crse_banner .top_month > ul:after {display:block; clear:both; visibility:hidden; content:'';}
#crse_banner .top_month > ul > li {float:left;width:calc(8.33% - 20px);margin:0 10px}
#crse_banner .top_month > ul > li a {display:block; height:45px; line-height:43px; border-radius:30px; border:1px solid #b4b4b4;text-align:center; font-weight:500; font-size:20px; color:#181818;}
#crse_banner .top_month > ul > li.on a {border:1px solid #3464b8;background:#3464b8; color:#fff;}
#crse_banner .bott_warp {}
#crse_banner .bott_warp > .day {padding:35px 5px;border-bottom:1px solid #b8b8b8;}
#crse_banner .bott_warp > .day > ul {text-align:center;}
#crse_banner .bott_warp > .day > ul:after {display:block; clear:both; visibility:hidden; content:'';}
#crse_banner .bott_warp > .day > ul > li {display:inline-block; position:relative; margin: 3px 7px;font-size:20px;color:#1d1d1d;text-align:center;}
#crse_banner .bott_warp > .day > ul > li span {display:block; position:relative; z-index:2; font-size:20px;color:#1d1d1d;text-align:center;}
#crse_banner .bott_warp > .day > ul > li.sat span {color:#3464b8;}
#crse_banner .bott_warp > .day > ul > li.sun span {color:#e0182f;}
#crse_banner .bott_warp > .day > ul > li.on span { color:#fff;}
#crse_banner .bott_warp > .day > ul > li.on:after {display:block;position:absolute;left:50%;top:50%;z-index:1;content:'';width:36px;height:36px;border-radius:50%;background:#3464b8;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#crse_banner .bott_warp .box_warp {margin:30px -15px 0;}
#crse_banner .bott_warp .box_warp:after {display:block; clear:both; visibility:hidden; content:'';}
#crse_banner .bott_warp .box_warp .box {float:left;position:relative;width:calc(33.33% - 30px);height: 425px;margin:0 15px 30px;padding: 25px;border:1px solid #b8b8b8;}
#crse_banner .bott_warp .box_warp .box .box_top strong {display:block; position:relative; margin:20px 0 60px;text-align:center; font-weight:700; font-size:20px; color:#181818;}
#crse_banner .bott_warp .box_warp .box .box_top strong:after{display:block; position:absolute;bottom:-30px;left:50%;  content:''; width:36px; height:2px; margin-left:-18px;background:#c1c1c1;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list {margin:0 0 20px; padding:0 0 20px; border-bottom: 1px dashed #ccc;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li {overflow:hidden; position:relative;min-height: 24px;margin:10px 0;padding-left:110px;text-overflow: ellipsis;white-space: nowrap;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li:after {display:block;position:absolute;left:95px;top: 6px;content:'';width:1px;height:13px;background:#c6c6c6;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em {display:block; position:absolute; left:0; top:0; font-weight:700;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em .ico {display:inline-block; width:23px; height:23px; margin-right:5px; background:url(/images/prog/tourSchdul/icon_ir.png)no-repeat; vertical-align:middle;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em .ico.ico1 {background-position:0 0;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em .ico.ico2 {background-position:0 -40px;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em .ico.ico3 {background-position:0 -78px;}
#crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em .ico.ico4 {background-position:0 -117px;}
#crse_banner .bott_warp .box_warp .box .box_bot {}
#crse_banner .bott_warp .box_warp .box .box_bot strong {display:block;overflow:hidden;font-size:18px;font-weight:700;color:#2e5db0;text-align:center;text-overflow: ellipsis;white-space: nowrap;}
#crse_banner .bott_warp .box_warp .box .box_bot p {display:none;}
#crse_banner .bott_warp .box_warp .box.active .box_bot {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;padding: 25px;background:#f1f1f1;}
#crse_banner .bott_warp .box_warp .box.active .box_bot strong {}
#crse_banner .bott_warp .box_warp .box.active .box_bot strong {display:block;overflow: visible;position:relative;margin:20px 0 60px;text-align:center;font-weight:700;font-size:20px;color:#181818;}
#crse_banner .bott_warp .box_warp .box.active .box_bot strong:after{display:block;opacity: 1;position:absolute;bottom:-30px;left:50%;z-index: 9999;content:'';width:36px;height:2px;margin-left:-18px;background: #c1c1c1;}
#crse_banner .bott_warp .box_warp .box.active .box_bot p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;height: 192px;text-overflow: ellipsis;white-space: normal;}

#crse_banner .bott_warp .box_warp .box .btn_warp {position:absolute;left:0;bottom:25px;width:100%;text-align:center;}
#crse_banner .bott_warp .box_warp .box .btn_warp button {display:inline-block;height:38px;line-height:38px;padding: 0 30px 0 10px;border-radius:30px;background:#2e5db0;color:#fff;font-size:15px;font-weight:700;}
#crse_banner .bott_warp .box_warp .box .btn_warp button span {display:inline-block;position: relative;width:25px;height:25px;margin:6.5px 15px 0 0;border-radius:50%;background:#fff;vertical-align:top;}
#crse_banner .bott_warp .box_warp .box .btn_warp button span:before,
#crse_banner .bott_warp .box_warp .box .btn_warp button span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#crse_banner .bott_warp .box_warp .box .btn_warp button span:before {width:50%;height: 1px;background: #2e5db0;}
#crse_banner .bott_warp .box_warp .box .btn_warp button span:after {width: 1px;height:50%;background: #2e5db0;}
#crse_banner .bott_warp .box_warp .box .btn_warp.morebtn {}
#crse_banner .bott_warp .box_warp .box .btn_warp.morebtn button {}
#crse_banner .bott_warp .box_warp .box .btn_warp.close {display:none;}
#crse_banner .bott_warp .box_warp .box.active .btn_warp.close {display:block;opacity: 1;z-index: 17;}
#crse_banner .bott_warp .box_warp .box .btn_warp.close button {}
#crse_banner .bott_warp .box_warp .box .btn_warp.close button span {-webkit-transform:rotate(45deg);transform:rotate(45deg);}

@media (max-width: 1279px){
  #crse_banner .bott_warp > .day {display:none;}
  #crse_banner .bott_warp .box_warp .box {width:calc(50% - 30px);}
}

@media (max-width: 1023px){
  #crse_banner{padding:0 40px 20px 40px}
  #crse_banner .crse_title{padding: 160px 0 20px;}
  #crse_banner .crse_title h2 {padding:0;}
  
  #crse_banner .top_month > ul > li {width:calc(16.66% - 20px); margin:5px 10px;}
  #crse_banner .top_month > ul > li a {font-size:17px;height: 40px;line-height: 38px;}
  
}
@media (max-width: 767px){
  #crse_banner{padding:0 20px 20px 20px}
  #crse_banner .crse_title h2{font-size:28px}
  #crse_banner .top_month {padding:25px 20px; }
  #crse_banner .top_month > ul {margin:0 -6px;}
  #crse_banner .top_month > ul > li {width:calc(25% - 12px);margin:3px 6px;}
  #crse_banner .bott_warp .box_warp .box {width:calc(100% - 30px);padding: 20px;}

}

@media (max-width: 445px) {
  #crse_banner .crse_title {background:none;}
  #crse_banner .bott_warp .box_warp .box {height: 500px;}
  #crse_banner .bott_warp .box_warp .box .box_top .calendar_list li {margin: 5px 0;padding:0;}
  #crse_banner .bott_warp .box_warp .box .box_top .calendar_list li:after {display:none;}
  #crse_banner .bott_warp .box_warp .box .box_top .calendar_list li em {position:static;}
}