.sub-page {width: 100%; background-color: #539DFF;text-align: center;}
.sub-page ul{margin-bottom: 0;}
.sub-page li { color: #fff;font-family: 'RiaSans-ExtraBold'; font-size: 36px;padding: 68px 0 68px 0;}
.sub_leftmenu {text-align: center;padding: 1em 0 1em 0;box-shadow: 3px 3px 5px #ddd;}
.sub_leftmenu ul {text-align: center;margin: 0;padding: 0;list-style-type: none;}
.sub_leftmenu ul li {text-align: center;display: inline-block;vertical-align: top;}
.sub_leftmenu ul li a.active {color: #269AE2;}
.sub_leftmenu ul li a { font-size: 18px; padding: 0 1.5em; display: block; color: #474747;}
.total-program-h2{text-align:center; width:100%;}
.total-program-h2 span{display:block; width:50px; height:3px; background:#c19b76; margin:0 auto; margin-top:20px; margin-bottom:40px;}

 .program-contents{padding:0px; width:100%; max-width:1560px; margin:0 auto;  background-color:#fff; border:1px #999;}
 .underline{border-bottom:1px solid #d0d0d0;}
 .program-contents:last-child{border-bottom:0px; margin-bottom:50px;}

.both_side{overflow:hidden; width:100% }
.both_side .center{width:100%;}
.both_side .left,.both_side .right{width:50%; float:left }
#program-div{width:100%; background-color:#f7f7fb;}
.both_side .border_title{padding:24px 0px; border-bottom:2px solid #7a7a7a; font-size:24px;  text-align:center;}
.both_side dl{float:left;}
.both_side dl dt{font-size:22px;  padding:50px 0px 25px 0px }
.both_side dl dd{letter-spacing:-1px; font-size:14px; line-height:22px; color:#555; margin-bottom:30px;}


.infor_both_side{overflow:hidden; width:100%}
.infor_both_side .center{width:100%;}
.infor_both_side .left,.infor_both_side .right{width:50%; float:left }


.both_center_side{overflow:hidden; width:100%;}
.both_center_side .left{padding:36px; width:100%;}
.both_center_side .left,
.both_center_side .center,
.both_center_side .right{ width:100%; background-color:#fff; display:flex; justify-content: space-between;}
.both_center_side .left img{width:100%; min-width:336px}

.summary_type01 { margin-bottom: 86px !important }
.text_button_f p { margin:20px auto 0 auto !important; width:248px; border-radius:68px; border:1px solid #007DE3; color:#007DE3;text-align:center} /*border: 2px solid #c19b76*/
.text_button_f a { display: inline-block; text-align: center; font-size: 18px; color: #444; width: 100%; padding: 8px 0px; text-decoration: none; font-family:"Pretendard Medium"; }
.text_button_s p { margin:8px auto 0 auto !important; width:248px; border-radius:68px; border:1px solid #FC477B; color:#FC477B;text-align:center} /*border: 2px solid #c19b76*/
.text_button_s a { display: inline-block; text-align: center; font-size: 18px; color: #444; width: 100%; padding: 8px 0px; text-decoration: none; font-family:"Pretendard Medium"; }
.text_button_f a:hover { background:#007DE3; color: #fff; text-decoration: none; border-radius:68px; }
.text_button_s a:hover { background: #FC477B; color: #fff; text-decoration: none; border-radius:68px; }

.first_section { margin-bottom: 80px !important }
.both_side { margin: 30px 0px }
.both_side h2 { text-align: center; margin: 30px 0px }
.both_side .summary { margin-bottom: 20px;  }
.both_center_side .notes { padding: 10px 10px; font-size: 14px }
.both_center_side .notes.upcoming { left: auto; right: 3px; background: #229000 }
.both_center_side h2 { text-align: center; font-size: 18px; letter-spacing: -1px;color:#444 !important}
.both_center_side h2::before{content:"" !important; }
.both_center_side .summary { line-height: 22px; min-height:100px; margin:0 auto;  font-size:94%; color:#777; text-align:left}


.text_button {width: 100%; max-width:248px;}
.text_big { margin-bottom: 10px }
.text_button ul { margin-left: -585px }
.text_button .button01 li { float: left; margin-left: 10px; width: 215px }
.text_button .button01 li:first-child { margin-left: 0px }
.both_center_side { margin: 20px 0px 0px 0px; max-width:1560px; background-color:#fff; }
.both_center_side .left { margin-left: 0px }
.both_center_side .center,.both_center_side .right { margin-left: 5% }
.both_center_side_title { font-size: 24px; padding: 20px 0px; border-bottom: 1px solid #d9d9d9; font-weight: 400; letter-spacing: -2px; margin-bottom: 20px }
.calendar h2 { float: left; letter-spacing: -1px; font-size: 18px; color: #4f4f4f; font-weight: 400 }
.left-text{width: 100%;
    max-width: 860px;
    min-width: 240px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding-left:60px;
}

.calendar { position: relative; overflow: hidden }

/* .calendar .on_section{
    position: absolute;
    top: 38px;
    left: 50%;
    width: 198px;
    height: 644px;
    border: 4px solid #a58862;
    margin-left: -202px;
} */
.calendar_list { width: 100%; margin-top: 10px }
.calendar_list .section { position: relative; margin-bottom: 0px; float: left; outline: none; margin-left: -1px }

/* 2019-07-23 modify */
.calendar_list .section.tm { position: relative }
.calendar_list .section.tm:before { content: ''; display: block; position: absolute; top: 0; left: 1px; right: 0; bottom: 0; border: 4px solid #a58862; z-index: -1 }
.calendar_list .section.tm .calendar_program li.tit { width: 194px; margin-left: 4px; padding: 17px 0; margin-top: 2px }

/* .calendar_list .section .slick-current {} */
.calendar_list { padding-top: 30px }
.calendar_list .calendar_program { border-left: 1px solid #e0d9d2; border-top: 1px solid #e0d9d2; border-bottom: 1px solid #e0d9d2 }
.calendar_list .calendar_program li { text-align: center; font-size: 16px; border-bottom: 1px solid #e0d9d2; padding: 18px 0px; /*height:44px;*/ height: 66px; line-height: 22px }
.calendar_list .calendar_program li:last-child { border-bottom: 0 }
.calendar_list .calendar_program li span { font-size: 12px; display: block }

/* .calendar_list .calendar_program li.green{color:#57992c} */
.calendar_list .calendar_program li.tit { font-size: 18px; line-height: 44px; background: #efeeec; color: #333 }
.calendar_list .calendar_program li.tit strong { font-weight: 700 }
.calendar_list .slick-arrow { position: absolute; top: 0px; width: 31px; height: 30px; border: 0; line-height: normal; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-appearance: button; /* for input */ -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none }

/* .calendar_list .slick-list {border-right:1px solid #e0d9d2;border-left:1px solid #e0d9d2;overflow:hidden;} */
.calendar_list .slick-list { overflow: hidden }
.calendar_list .slick-track:after { content: ''; display: block; clear: both }
.calendar_list .slick-next { right: 0px; background: url("/resource/image/sub/arrow_next_btn.gif") no-repeat }
.calendar_list .slick-prev { right: 0px; background: url("/resource/image/sub/arrow_prev_btn.gif") no-repeat; margin-right: 32px }

/*
#ss-tab li {
    float: left;
    margin-left: 10px;
    width: 215px;
	margin-bottom:10px;
	padding:0;
}

#ss-tab li a{
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #c19b76;
    width: 100%;
    text-decoration: none;
	padding: 5px 30px;
}

#ss-tab li:hover{
	background-color:#c19b76;
    color: #fff;
}
#ss-tab li a:hover{
	background-color:#c19b76;
    color: #fff;
}*/
.sub03_01 .both_center_side .notes {
    padding: 10px 10px;
    font-size: 14px;
}
.both_center_side .notes {
	display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #89592a;
    color: #fff;
    font-size: 15px;
}


@media all  and (min-width:1041px) and (max-width:1250px){
.both_center_side .left, .both_center_side .center, .both_center_side .right{width:32%}
.both_center_side .left, .both_center_side .center, .both_center_side .right{margin-right:5px; margin-left:5px;}
}

@media all  and (min-width:801px) and (max-width:1040px){
.both_center_side{margin:0px 0 0 0 !important}
.both_center_side .left{margin:20px 0px 0px 0px; vertical-align:top}
.both_center_side .left,
.both_center_side .center,
.both_center_side .right{position:relative; width:33%}
.both_center_side .left img{width:100% !important;}
.both_center_side h2{padding:10px 0 10px 0}
.both_center_side .summary {min-height:100%; padding-bottom:20px;}
}

@media all  and (min-width:451px) and (max-width:800px){
.both_center_side{margin:0px 0 0 0 !important}
.both_center_side .left{margin:20px 0px 0px 0px; vertical-align:top}
.both_center_side .left,
.both_center_side .center,
.both_center_side .right{position:relative; width:49%}
.both_center_side .left img{width:100% !important; height:180px;}
.both_center_side h2{padding:10px 0 10px 0}
.both_center_side .summary {min-height:100%; padding-bottom:20px;}
}

@media all  and (min-width:0px) and (max-width:450px){
.both_center_side{margin:0px 0 0 0 !important; }
.both_center_side .left{margin:20px 0px 0px 0px; display:table; float:none; width:100% !important; }
.both_center_side .left,
.both_center_side .center,
.both_center_side .right{position:relative; width:100% !important; }
.both_center_side .left img{width:100% !important; height:180px}
.both_center_side h2{padding:10px 0 10px 0}
.both_center_side .summary {min-height:100%; padding-bottom:20px;}
}