@charset "utf-8";
/*
 * File : schedule/style.css
 * Description: jt schedule module main style
 * Author: STUDIO-JT (Nico)
 * Author URI: http://studio-jt.co.kr

 * Dependency : css/commons.css
 * 
 * SUMMARY:
 * 1) GLOBAL
 * 2) NAVIGATION
 * 3) MONTH LIST
 * 4) MEDIAQUERIES 
*/



/* **************************************** *
 * GLOBAL
 * **************************************** */
.jt_schedule { position: relative; margin-bottom: 50px;}



/* **************************************** *
 * NAVIGATION 
 * **************************************** */
nav.schedule_nav_year { height: 120px; margin-bottom: 30px; margin-top: 15px;}
.schedule_nav_year a,
.schedule_nav_year b { font-size: 18px; color: #888; font-weight: 700; display: block; margin-top: 50px; }
.schedule_nav_year a { background:no-repeat;  z-index: 9; position:relative; display: block; height: 39px; line-height: 39px; margin-top: 42px;}
a.schedule_prev_year { float: left;padding-left: 40px; background-image:url(../images/arrow_prev.png); background-position:left top; }
a.schedule_next_year { float: right; padding-right: 40px;  background-image:url(../images/arrow_next.png);  background-position:right top;}
a.schedule_prev_year:hover { background-position:left bottom; }
a.schedule_next_year:hover { background-position:right bottom;}
.schedule_nav_year a:hover { color:#009945}
b.schedule_current_year { position: absolute; width: 100%; text-align: center; left: 0; top: 0; margin: 0; }
b.schedule_current_year span{ display:inline-block; background: #009945; color: #fff; line-height: 120px; width: 120px;  height: 120px; border-radius: 120px;}



/* **************************************** *
 * MONTH LIST 
 * **************************************** */
.schedule_row { display: table-row; }
.schedule_col { display: table-cell; width: 33.33%; height: 320px; border: 1px solid #dedede; border-width: 0 0 1px 1px; }
.schedule_row ul {padding: 20px 5% 20px 8.7%;}
.schedule_row h2,
.schedule_row ul {display: table-cell;border: 1px solid #dedede;border-width: 0 0 1px 1px;height: 15px; vertical-align: middle;height: 75px;}
.schedule_row h2 {width: 23.5%;font-size: 16px;}
.schedule_month_list { display: table; width: 100%; border-top: 3px solid #c0b384; border-right: 1px solid #dedede; }
.schedule_month_list h2 {font-size: 21px;text-align: center;color: #444;background: #f5f5f5;border-bottom: 1px solid #dedede;line-height: 51px;}
.sub-container .schedule_row li, .schedule_row li { line-height: 20px;  margin: 5px 0; color: #444;}
.sub-container .schedule_row li:before, .schedule_row li:before{top: 8px}



/* **************************************** *
 * MEDIAQUERIES 
 * **************************************** */
@media(max-width:730px){

    .schedule_col { height: auto; min-height: 100px;  width: 100%;}
    .schedule_month_list h2{font-size:17px}
    
}

@media(max-width:480px){

     .schedule_nav_year a, .schedule_nav_year b {font-size: 15px;}
     b.schedule_current_year span{line-height: 100px; width: 100px; height: 100px;}
     .schedule_nav_year a {margin-top: 39px;background-size: 13px;height: 22px;line-height: 23px;}
     nav.schedule_nav_year { height: 100px; margin-bottom: 20px;}
     a.schedule_next_year{padding-right: 20px;background-position: right 1px;}
     a.schedule_prev_year{padding-left: 20px;background-position: left 1px;}
    
}