/* 공통달력 */
.cal_wrap {padding: 13px 0px; width: 340px; height: 305px; margin-top: 21px; margin-left: -1px;}
.cal_wrap .cal_top {padding: 12px 15px 10px; overflow: hidden; background-color: #f4f6fc; border-top-right-radius: 4px; border-top-left-radius: 4px; border: 1px solid #dfddf1; border-bottom: none;}
.cal_wrap .cal_top > p {text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;}
.cal_wrap .cal_top > p span.prev_btn {padding: 6px 4px; background:url(../img/common_icon/cal_btn_l.png) no-repeat 0px 3px; text-indent: -10000px; float: left;}
.cal_wrap .cal_top > p span.next_btn {padding: 6px 4px; background:url(../img/common_icon/cal_btn_r.png) no-repeat 0px 3px; text-indent: -10000px; float: right;}
.cal_wrap .cal_tb_con { background: #fff; padding: 10px 14px 16px 14px; border: 1px solid #dfddf1; border-top: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.cal_wrap .cal_tb_con .cal_tb {width: 100%;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;}
.cal_wrap .cal_tb_con .cal_tb td {text-align: center; font-size: 12px; color: #444444; height: 39px; font-weight: 400;}
.cal_wrap .cal_tb_con .cal_tb td span {padding:11px 13px;}
.cal_wrap .cal_tb_con .cal_tb .sunday {border-left: 0px solid #e1e1e1; color: #ff0000; }
.cal_wrap .cal_tb_con .cal_tb .saturday {color : #0000ff; }
.cal_wrap .cal_tb_con .cal_tb td.datepicker_today { background-color: #f4f6fc; font-weight: bold; border-radius: 4px;}
.cal_wrap .cal_tb_con .cal_tb td:hover {cursor: pointer; font-weight: bold;}

/* calendar_style_1_month_con */
.calendar_style_1_month_con .calendar_style_1_month_inner{font-size:0; line-height:0; text-align:center;}
.calendar_style_1_month_con .arrow_box{display:inline-block; vertical-align:middle; cursor:pointer; margin-bottom:1px; width:25px; height:17px; background-repeat: no-repeat; background-position: center center;}
.calendar_style_1_month_con .arrow_box.prev{width:25px;
    background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Crect x='12.7' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3Cpolygon points='26.3,28.8 17.5,20 26.3,11.3 27.3,12.3 19.5,20 27.3,27.8 '%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
    background-size: 21px 21px;  background-position: center top -5px;}
.calendar_style_1_month_con .arrow_box.left{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M24.3,28.8L15.5,20l8.9-8.9l1,1L17.5,20l7.8,7.8C25.4,27.8,24.3,28.8,24.3,28.8z'%3E%3C/path%3E%3C/svg%3E");background-size: 21px 21px; background-position: center top -5px; margin-right: 20px}
.calendar_style_1_month_con .arrow_box.right{background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M17.7,28.8l-1-1l7.8-7.8l-7.8-7.9l1-1l8.9,8.9C26.5,20,17.7,28.8,17.7,28.8z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 21px 21px; background-position: center top -5px; margin-left:20px;}
.calendar_style_1_month_con .arrow_box.next{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='13.7,28.8 12.7,27.8 20.5,20 12.7,12.2 13.7,11.2 22.5,20 '%3E%3C/polygon%3E%3Crect x='25.9' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); background-size: 21px 21px; background-position: center top -5px;}
.calendar_style_1_month_con .calendar_month_text{font-size:13px; line-height:22px; vertical-align:middle; color:#000; font-weight:700; width:103px; margin-left:15px; margin-right:15px; display:none;}


/* Input Calendar Style */
.calendar_wrap{font-size: 0; max-width: 334px;}
.calendar_con{display:inline-block; vertical-align: middle; position: relative; font-size: 0; width: calc((100% - 41px) / 2);}
.calendar_con:last-child{margin-right:0;}
.calendar_con .input_style_0{display:inline-block; vertical-align:middle; cursor: pointer; /*width: 120px;*/ width: 100%; height: 53px;
    text-align: center; /*margin-right: 7px;*/ font-family:"Helvetica Neue", "Noto Sans KR"; padding-top: 2px; padding-right: 5px; padding-left: 5px;}
.calendar_con .input_style_0::-webkit-input-placeholder{font-family:"Helvetica Neue", "Noto Sans KR";}
.calendar_con .input_style_0::-moz-placeholder{font-family:"Helvetica Neue", "Noto Sans KR";}
.calendar_con .input_style_0:-moz-placeholder{font-family:"Helvetica Neue", "Noto Sans KR";}
.calendar_con .input_style_0:-ms-input-placeholder{font-family:"Helvetica Neue", "Noto Sans KR";}


.calendar_con .btn_del_date {
    position: absolute; right: 6px; top: 7px; cursor: pointer;
    width: 24px; height: 24px; padding: 0px; text-align: center;
    background-color: #888888; border-radius: 4px; text-align: center;
    font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: #fff;
}

[data-wv-agent="ie"] .calendar_con .input_style_0{padding-top:7px;}
[data-wv-agent="ie"] .calendar_con .input_style_0:-ms-input-placeholder{padding-top: 2px; line-height:53px; line-height:5.3rem;}
[data-wv-agent="firefox"] .calendar_con .input_style_0{padding-top: 0px;}
[data-wv-agent="firefox"] .calendar_con .input_style_0::-moz-placeholder{line-height:53px; line-height:5.3rem;}

.calendar_con .btn_calendar{display:none; vertical-align: middle; cursor: pointer; transition: background-image 0.3s;
    width: 24px; height: 22px; background-image: url("../img/common/icon_calender.png"); background-repeat: no-repeat; background-position: center;}

.calendar_con + hr{display:inline-block; vertical-align: middle; width: 13px; height: 2px; background-color: #b9dcfd; text-align: left; margin-right: 14px; margin-left: 14px;}

@media all and (min-width:767px){
    .calendar_wrap{max-width: none;}
    .calendar_con{width: auto;}
    .calendar_con .btn_calendar{display:inline-block;}
    .calendar_con .input_style_0{margin-right: 7px; width: 121px;}
    /*.calendar_con + hr{margin-right: 8px; margin-left: 8px;}*/
}

@media all and (min-width:992px){
    .calendar_con:hover .btn_calendar{background-image: url("../img/common/icon_calender_h.png");}
    .calendar_con .input_style_0{width: 136px; margin-right: 6px; padding-right: 19px; padding-left: 19px;}
    .form_container .calendar_con .input_style_0{width:121px; padding-right:0; padding-left:0;}
    .calendar_con + hr{margin-right: 14px; margin-left: 14px;}

    .calendar_wrap.type_2 .calendar_con .input_style_0{width: 119px; margin-right: 9px; padding-right: 9px; padding-left: 9px;}
    .calendar_wrap.type_2 .calendar_con + hr{margin-right: 9px; margin-left: 9px;}
}