/* 일정 */
.calendar{position:relative;width: 100%;margin: 0 auto;padding-bottom:100px}
.calendar p{width:100%;margin-bottom:30px;}
.calendar p span.Ym{font-size:20px;margin:0px 10px;font-weight:600;}
.calendar p a{display:inline-block;vertical-align:bottom;line-height:30px;font-weight:500;font-size:16px;padding:0 5px;z-index:9;position:relative;color:#666 }
.calendar p a.arrow{color:#999 !important;}
.calendar p a.arrow:hover{color:#333 !important;text-decoration:none}
.calendar ul li a{color:#333}
.calendar ul li div.select{background-color:#b1eba5 !important }
.calendar ul li div.today{background-color:#fcf8e3 !important}
.calendar ul li div.sun {background-color:#fdf2f1;}
.calendar ul li div.sat time, .calendar ul li div.Sat time span{color:#2453a5;}
.calendar ul li div.sun time, .calendar ul li div.Sun time span{color:#cc2220;}
.calendar ul li div.sat{background-color:#f1fafd;}
.calendar_desc {text-align:left !important;color:#888;padding-left:27px;background:url(/pages/jepa/img/sub/calendar_desc.png) no-repeat 0px 3px;line-height:25px}

.calendar #sc_layer_pop{overflow:hidden;position:absolute;z-index:999;width:600px;height:450px;left:50%;margin-left:-296px;background:#fff;top:65px;border-radius:5px;background: linear-gradient(#f9f9f9, #efefef ) fixed;box-sizing:border-box;border:1px solid #ddd;padding:40px;box-shadow: 5px 5px 8px #ccc}
.calendar #sc_layer_pop .title{position:absolute;top:40px;left:30px;width:180px;height:380px;border-right:1px solid #ddd}
.calendar #sc_layer_pop .title p{text-align:left;font-size:12px;font-weight:600;color:#4278bd;margin-bottom:10px}
.calendar #sc_layer_pop .title dt{font-size:34px;font-weight:300;color:#000;line-height:42px;padding-bottom:5px}
.calendar #sc_layer_pop .title dd{font-size:20px;font-weight:100;color:#000;line-height:20px;padding-left:3px}
.calendar #sc_layer_pop .text{width:100%;box-sizing:border-box;padding:10px 0 10px 200px;overflow:hidden}
.calendar #sc_layer_pop .text p{line-height:20px;text-align:left}
.calendar #sc_layer_pop a.btn_close{display:block;position:absolute;top:13px;right:20px;font-weight:600;font-size:13px;color:#4278bd}
.calendar #sc_layer_pop .text textarea{width:100%;box-sizing:border-box}

/****** Mobile ******/
@media screen and (max-width:690px){
    /* 일정 */
    .calendar .calendar_box{width:100%;overflow:hidden;overflow-x:scroll;clear:both;border-top:2px solid #333}
    .calendar .calendar_box > ul{width:690px;}
    .calendar p{text-align:center;position:relative;top:16px}
    /* .calendar > ul{width:690px;overflow-x:scroll;display:block;margin-bottom:15px;} */
    .calendar ul li{display:block;}
    .calendar ul li div{width:100%;border-bottom:1px solid #dfd8c6;position:relative}
    .calendar ul li div.text{border:none;display:table-cell;width:auto;padding:0}
	.calendar ul li div.text span{float:none !important;}
	.calendar ul li div span{top:29px !important}
    .calendar ul li.header{display:none;}
    .calendar ul li div.empty{display:none;}
    .calendar ul li div time{height:85px;position:relative;display:table-cell;vertical-align:middle;border-right:1px solid #dfd8c6;width:80px;text-align:right;padding:10px 5px;background:#fbfaf7;font-weight:300;text-align:left}
    .calendar ul li div time span.Ym{font-size:12px;display:block;margin-bottom:5px;}
    .calendar ul li div time span.W{margin-left:5px;}
    .calendar ul li div ul{display:inline-block; width:100%; float:left; padding:5px 10px;vertical-align:middle;;margin:0}
    .calendar ul li div ul li{margin:2px 2px 2px 0px;padding:3px;width:75px !important; height:75px !important;padding:0px !important;margin:0px 5px 0 0 !important}
	


    .calendar #sc_layer_pop{width:93%;margin:15px;box-sizing:border-box;left:0;padding:10px;overflow-y:scroll;position:fixed}
    .calendar #sc_layer_pop .title{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:20px;left:0}
    .calendar #sc_layer_pop .text{padding:20px;padding:20px 0 0 0 }
    .calendar #sc_layer_pop .text textarea {padding:0}

	.fa_wrap{left:3% !important;width:95% !important;margin:0 !important}



}
@media only screen and (min-width : 761px){
    /* 일정 */
    .calendar p{text-align:center;position:relative;top:16px}
    .calendar ul{display:table;width:100%;margin-bottom:15px;}
    .calendar ul li{display:table-row;width:100%;font-size:13px}
    .calendar ul li div{position:relative;display:table-cell;width:14%;min-height:80px;height:120px;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;}
    .calendar ul li div.text{border:none;display:table-cell;width:70%}
    .calendar ul li div:last-child{border-right:0px;}
    .calendar ul li div.text{border:none;height:auto;min-height:auto;box-sizing:border-box; width:100%; display: inline-block;}
    .calendar ul li div.text ul{min-height:auto}
    .calendar ul li div.text ul li a{display:block;padding:0;margin:0;color:#000;font-weight:400;font-size:12px;line-height:18px;text-align:left;letter-spacing:-.5px}
     .calendar ul li div.text ul li a span{display:block}
	.calendar ul li.header div{height:30px;line-height:30px;min-height:0px;border-top:1px solid #dfd8c6;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;background:#fbfaf7;color:#777 !important;font-weight:bold;text-align:center;}
    .calendar ul li.header div:last-child{border-right:0px;}
    .calendar ul li.header div.Sun{color:#cc2220;}
    .calendar ul li.header div.Sat{color:#2453a5;}
    .calendar ul li div.empty{background:#fbfaf7;height:auto}
    .calendar ul li div time{display:block;padding:3px 0 3px 3px;font-weight:600;min-height:15px;font-size:12px}
    .calendar ul li div time span{display:none;}
    .calendar ul li div ul{width:100%;font-size:0px;text-align:right;padding:0;min-height:60px;}
    .calendar ul li div ul li{margin:0px 3px 3px 0px;padding:3px;}

    .fa_wrap { width: 100%}
}


    .fa_wrap .fa_content {padding: 20px 25px;}
    .fa_wrap .btr {width: 100%;margin: 10px 0 20px;padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}
    .fa_wrap { overflow:hidden;display: none; position: absolute; top: 20%; left: 50%; width: 600px; height: 400px;margin-left:-300px; background-color: #fff;border-radius:10px; z-index: 10;    max-width: 100%;}
    .fa_layer { display: none;position: fixed;_position: absolute; top: 0;left: 0;width: 100%;height: 100%;z-index: 100; }
    .fa_layer .bg {position: absolute; top: 0;left: 0;width: 100%;  height: 100%; background: #000;opacity: .5;filter: alpha(opacity=50); }
    .fa_layer .fa_wrap {display: block;}
	.fa_layer .fa_wrap dl dt{background:#f2f2f2;padding:10px}
	.fa_layer .fa_wrap dl dd{padding:10px 10px 20px 0;color:#333}
    a.close { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px; }
    a.close:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}



/* 버튼 */
.button_type1 {
    background: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -moz-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -ms-linear-gradient(top, #f8f8f8, #ddd);
    background-image: -o-linear-gradient(top, #f8f8f8, #ddd);
    background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    color: #222;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #ccc 1px;
    text-decoration: none;
    font-weight:700;
    display:inline-block;
    cursor:pointer
}

.button_type1:hover {
    background: #ddd;
    background-image: -webkit-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ddd, #f8f8f8);
    background-image: -o-linear-gradient(top, #ddd, #f8f8f8);
    background-image: linear-gradient(to bottom, #ddd, #f8f8f8);
    text-decoration: none;
}

.button_type2 {
    background: #35454d;
    background-image: -webkit-linear-gradient(top, #35454d, #263238);
    background-image: -moz-linear-gradient(top, #35454d, #263238);
    background-image: -ms-linear-gradient(top, #35454d, #263238);
    background-image: -o-linear-gradient(top, #35454d, #263238);
    background-image: linear-gradient(to bottom, #35454d, #263238);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #16193b 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer

}


.button_type2:hover {
    background: #263238;
    background-image: -webkit-linear-gradient(top, #263238, #35454d);
    background-image: -moz-linear-gradient(top, #263238, #35454d);
    background-image: -ms-linear-gradient(top, #263238, #35454d);
    background-image: -o-linear-gradient(top, #263238, #35454d);
    background-image: linear-gradient(to bottom, #263238, #35454d);
    text-decoration: none;
}

.button_type3 {
    background: #00b8d4;
    background-image: -webkit-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -moz-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -ms-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: -o-linear-gradient(top, #00b8d4, #00a8c1);
    background-image: linear-gradient(to bottom, #00b8d4, #00a8c1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 8px 20px 8px 20px;
    border: solid #009cb1 1px;
    text-decoration: none;
    box-sizing:border-box;
    display:inline-block;
    cursor:pointer
}

.button_type3:hover {
    background: #00a8c1;
    background-image: -webkit-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -moz-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -ms-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: -o-linear-gradient(top, #00a8c1, #00b8d4);
    background-image: linear-gradient(to bottom, #00a8c1, #00b8d4);
    text-decoration: none;
}