@charset "utf-8";
* {font-family: "Noto Sans KR", sans-serif;}

/* 메인페이지 */
#cont_wrap {margin-top: 130px; min-height: 720px;}
/* 서브페이지 */
#subcont_wrap {margin-top: 132px;min-height: 720px;}

/* section01 상담안내 메뉴, 팝업존 */
#cont_wrap .section01 {padding: 50px 0; overflow: hidden;}
#cont_wrap .section01 .left_cont {float: left; width: 34%;}
#cont_wrap .section01 .left_cont .title {font-size: 30px; font-weight: 800; text-align: center; font-family: 'TTLaundryGothicB';}
#cont_wrap .section01 .left_cont .subtitle {font-size: 17px; font-weight: 300; text-align: center; color: rgb(77, 77, 77); padding: 10px 0 40px;}
#cont_wrap .section01 .left_cont ul.counsel_menulist {width: 80%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li {width: 160px; height: 160px; border-radius: 10px; background: #d9dfeb; float: left; margin-right: 20px; margin-bottom: 20px; transition: all .3s;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li:hover {background: #cad2e6;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li:nth-child(1) {background: #5579cf;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li:nth-of-type(2n) {margin-right: 0px;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li:nth-of-type(3),#cont_wrap .section01 .left_cont ul.counsel_menulist li:nth-of-type(4) {margin-bottom: 0px;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li a {display: block; width: 100%; height: 100%; position: relative;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li a img {position: absolute; top: 20px; left: 20px;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li a span {color: #36428b; font-size: 18px; font-weight: 600; position: absolute; text-align: right; bottom: 15px; right: 20px;}
#cont_wrap .section01 .left_cont ul.counsel_menulist li:nth-of-type(1) a span {color: #fff;}

#cont_wrap .section01 .right_cont {float: right; width: 62%;}
#cont_wrap .section01 .right_cont .popupzone {width: 100%; height: 526px; border-radius: 18px; overflow: hidden; border: 1px solid #d9d9d9;}
#cont_wrap .section01 .right_cont .popupzone .slider {position: relative;}
#cont_wrap .section01 .right_cont .popupzone .bx-wrapper {position: relative;}
/* #cont_wrap .section01 .right_cont .popupzone .bx-controls {position: relative;} */
#cont_wrap .section01 .right_cont .popupzone .slider li {width: 100%;}
#cont_wrap .section01 .right_cont .popupzone .slider li a {display: block; width: 100%; height: 100%;pointer-events: auto;}
#cont_wrap .section01 .right_cont .popupzone .slider li a img {width: 100%; height: 100%; max-height: 526px;}


.bx-pager {position: absolute; bottom: 10px; right: 30px; text-align: center;}
.bx-pager-item {display: inline-block;}
.bx-pager-item > a {display: block; width: 10px; height: 10px; border-radius: 5px; margin: 0 10px 0; background-color: rgba(94, 94, 94, 0.9); text-indent: -9999px; transition: all .7s;}
.bx-pager-item > a[class="bx-pager-link active"] {background-color: rgb(213, 123, 21); width: 30px;}

/* section02 퀵메뉴 */
#cont_wrap .section02 {margin: 20px 0 70px;}
#cont_wrap .section02 ul.quickmenu {width: 100%; overflow: hidden;}
#cont_wrap .section02 ul.quickmenu li {float: left; width: 20%;}
#cont_wrap .section02 ul.quickmenu li a {display: block; width: 100%; height: 100%;}
#cont_wrap .section02 ul.quickmenu li a div {display: flex; flex-direction: column; align-items: center;}
#cont_wrap .section02 ul.quickmenu li a img {}
#cont_wrap .section02 ul.quickmenu li a span {font-size: 18px; font-weight: 300; font-family: 'Paperlogy-8ExtraBold'; text-align: center; padding: 20px 0 0;}

/* section03 교육강좌 프로그램 */
#cont_wrap .section03 {margin-bottom: 50px;}
#cont_wrap .section03 .program_listbox {width: 100%; border-radius: 20px; background: #E7ECF2; padding: 40px 30px;}
#cont_wrap .section03 .program_listbox .title {padding-bottom: 30px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
#cont_wrap .section03 .program_listbox .title p {font-size: calc(0.26vw + 25.08px); font-weight: 800; text-align: center; font-family: 'TTLaundryGothicB';}
#cont_wrap .section03 .program_listbox .title a {font-size: calc(0.26vw + 11.08px);  font-weight: 600; color: #6d6d6d;}
#cont_wrap .section03 .program_listbox .program_list {width: 100%; overflow: hidden;}
#cont_wrap .section03 .program_listbox .program_list li {float: left; width: 23.5%; height: 300px; border-radius: 20px; overflow: hidden; background: #fff; margin-right: 2%;}
#cont_wrap .section03 .program_listbox .program_list li:last-child {margin-right: 0;}
#cont_wrap .section03 .program_listbox .program_list li a {display: block; width: 100%; height: 100%;}
#cont_wrap .section03 .program_listbox .program_list li a > div {display: flex; flex-direction: column;}
#cont_wrap .section03 .program_listbox .program_list li a > div .img {width: 100%; height: 180px;}
#cont_wrap .section03 .program_listbox .program_list li a > div .img img {width: 100%; height: 100%;}
#cont_wrap .section03 .program_listbox .program_list li a > div .txt {width: 100%; height: 120px; padding: 15px; background-color: #fff;}
#cont_wrap .section03 .program_listbox .program_list li a > div .txt p {font-size: 14px;}
#cont_wrap .section03 .program_listbox .program_list li a > div .txt p.list_title {font-size: calc(0.26vw + 15.08px);  font-weight: 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%; margin-bottom: 8px;}
#cont_wrap .section03 .program_listbox .program_list li a > div .txt p span:nth-child(1) {font-size: 14px; font-weight: 500; padding-right: 10px;}





@media all and (max-width:1400px) {
  /* section03 교육강좌 프로그램 */
#cont_wrap .section03 .program_listbox {width: 96%; margin: 0 auto;}
#cont_wrap .section03 .program_listbox .program_list li {width: 49%; height: 300px; border-radius: 20px; overflow: hidden; background: #fff; margin-right: 2%; margin-bottom: 30px;}
#cont_wrap .section03 .program_listbox .program_list li:nth-of-type(2n), #cont_wrap .section03 .program_listbox .program_list li:last-child {margin-right: 0;}
#cont_wrap .section03 .program_listbox .program_list li:nth-of-type(3), #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(4) {margin-bottom: 0;}
}

@media all and (max-width:1267px) {
  /* section01  */
  #cont_wrap .section01 .left_cont {width: 34%;}
  #cont_wrap .section01 .left_cont .title {font-size: calc(0.26vw + 25.08px);}
  #cont_wrap .section01 .left_cont .subtitle { font-size: calc(0.26vw + 12.08px); padding: 10px 0 40px;}
  #cont_wrap .section01 .left_cont ul.counsel_menulist {width: 100%;}
  #cont_wrap .section01 .left_cont ul.counsel_menulist li {width: 40%; height: 160px; border-radius: 10px; background: #d9dfeb; float: left; margin-right: 20px; margin-bottom: 20px; transition: all .3s;}
  #cont_wrap .section01 .left_cont ul.counsel_menulist li a span {font-size: calc(0.26vw + 13.08px);}

  #cont_wrap .section01 .right_cont {width: 62%;}
  #cont_wrap .section01 .right_cont .popupzone {width: 100%; height: auto;}
  
}

@media all and (max-width:1199px) {
  /* 메인페이지 */
  #cont_wrap {margin-top: 70px;} 
  /* 서브페이지 */
  #subcont_wrap {margin-top: 70px;}

/* section01 상담안내 메뉴, 팝업존 */
  #cont_wrap .section01 .left_cont {float: none; width: 100%; margin-bottom: 50px;}
  #cont_wrap .section01 .left_cont .subtitle {padding: 10px 0 20px;}
  #cont_wrap .section01 .left_cont ul.counsel_menulist {width: 100%;}


  #cont_wrap .section01 .right_cont {float: none; width: 80%; margin: 0 auto;}
  #cont_wrap .section01 .right_cont .popupzone {height: auto; margin: 0 auto;}

    /* section03 교육강좌 프로그램 */
  #cont_wrap .section03 .program_listbox {width: 80%; margin: 0 auto;}
  #cont_wrap .section03 .program_listbox .program_list li {width: 49%; height: 300px; border-radius: 20px; overflow: hidden; background: #fff; margin-right: 2%; margin-bottom: 30px;}
  #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(2n), #cont_wrap .section03 .program_listbox .program_list li:last-child {margin-right: 0;}
  #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(3), #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(4) {margin-bottom: 0;}

}

@media all and (max-width:920px) {
  /* section02 퀵메뉴 */
  #cont_wrap .section02 {margin: 20px 0 70px;}
  #cont_wrap .section02 ul.quickmenu li {width: 33%; margin-bottom: 50px;}
  #cont_wrap .section02 ul.quickmenu li:nth-child(4), #cont_wrap .section02 ul.quickmenu li:nth-child(5) {margin-bottom: 0px;}
  #cont_wrap .section02 ul.quickmenu li a span {font-family: "Noto Sans KR", sans-serif; font-weight: 600;}
}
@media all and (max-width:840px) {
  /* section03 교육강좌 프로그램 */
  #cont_wrap .section03 .program_listbox {width: 100%; border-radius: 0;}
  #cont_wrap .section03 .program_listbox .program_list li {width: 100%; height: 300px; margin-right: 0; margin-bottom: 30px;}
  #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(2n), #cont_wrap .section03 .program_listbox .program_list li:last-child {margin-right: 0;}
  #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(3) {margin-bottom: 30px;}
 #cont_wrap .section03 .program_listbox .program_list li:nth-of-type(4) {margin-bottom: 0;}
}

@media all and (max-width:720px) {
/* section01 상담안내 메뉴, 팝업존 */
  #cont_wrap .section01 .left_cont ul.counsel_menulist li a img {transform: scale(0.8);}
  /* section02 퀵메뉴 */
  #cont_wrap .section02 ul.quickmenu li a img {transform: scale(0.8);}
}

@media all and (max-width:460px) {
  /* section02 퀵메뉴 */
  #cont_wrap .section02 ul.quickmenu li {width: 50%; margin-bottom: 50px; height: 120px;}
  #cont_wrap .section02 ul.quickmenu li:nth-child(4) {margin-bottom: 50px;}
  #cont_wrap .section02 ul.quickmenu li a span {font-family: "Noto Sans KR", sans-serif; font-weight: 600; font-size: 14px;}
}



/* 서브페이지 */
/* subtop banner */
.sub_topbanner {width: 100%; height: 200px; background: url(../images/suptopbanner2.png) no-repeat center; background-size: cover; position: relative;}
.sub_topbanner h2 {font-size: calc(0.26vw + 28.08px); font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.444);}
.sub_topbanner span {}

/* subtop navigation */
.sub_top {position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; background:#f8f9fa; box-sizing:border-box;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav .home {display:block; width:59px; height:59px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:url('../images/home_ico.png')center center no-repeat; background-size:14px 13px; background-color:#f8f9fa; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .home:hover, .subnav .home:focus {background:url('../images/home_ico.png')center center no-repeat; background-color:#ffffff; background-size:14px 13px;}
.subnav .submenu {position:relative; width:100%; max-width:240px; border-right:1px solid #eeeeee; box-sizing:border-box;}
.subnav .submenu .submenu_link1 {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; padding:20px 40px 20px 22px; background:#f8f9fa; transition:all 0.3s ease; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; box-sizing:border-box;}
.subnav .submenu .submenu_link1:after {content:""; display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%) rotate(0deg); width:13px; height:7px; background:url('../images/arrow_ico.png')center center no-repeat; background-size:13px 7px; transition:all 0.3s ease;}
.subnav .submenu.on .submenu_link1 {background-color:#ffffff;}
.subnav .submenu.on .submenu_link1:after {transform:translateY(-50%) rotate(180deg);}
.subnav .submenu .submenu_link1 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .submenu.on .submenu_link1 span {color:#1864cd;}
.subnav .submenu .submenu_list {display:none; position:absolute; top:58px; left:0; width:100%; background:#f8f9fa; box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06); z-index:10;}
.subnav .submenu .submenu_item {position:relative;}
.subnav .submenu .submenu_link2 {display:flex; align-items:center; width:100%; height:50px; padding:15px 20px; border:1px solid #eeeeee; border-width:1px 1px 0 1px; background:#f8f9fa; font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .submenu .submenu_link2:hover, .subnav .submenu .submenu_link2:focus {color:#1864cd; background:#ffffff;}
.subnav .submenu .submenu_list.submenu_l1 .submenu_item:last-child .submenu_link2, .subnav .submenu .submenu_list.submenu_l2 .submenu_item:last-child .submenu_link2, .subnav .submenu .submenu_list.submenu_l3 .submenu_item:last-child .submenu_link2 {border-width:1px 1px 1px 1px;}
.subnav .submenu .submenu_link2 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .submenu .submenu_link2:hover span {color:#1864cd; font-weight: 500;}

/* 서브페이지 내용 */
.sub_cont {padding: 80px 0;}
.sub_cont h3 {font-size: 30px;font-family: 'TTLaundryGothicB'; padding-bottom: 30px;}
@media all and (max-width:1400px) {
  .sub_cont .d_container {width: 96%;}
}

@media all and (max-width:1199px) {
  .sub_topbanner p {font-size: calc(0.26vw + 31.08px);}

  .sub_cont {padding: 40px 0;}
  .sub_cont .d_container {width: 96%; margin: 0 auto;}
  .sub_cont h3 {font-size: calc(0.26vw + 25.08px);}
}

@media all and (max-width:720px) {
  .sub_topbanner {height: 150px;}
}

@media all and (max-width:600px) {
  .subnav .submenu.submenu1 {display: none;}
}

/* 센터소개 */
.sub_content .intro_box {display: flex; justify-content: space-between;}
.sub_content .intro_box .intro_left_box {width: 36%;display: flex; justify-content: center;}
.sub_content .intro_box .intro_left_box img {}
.sub_content .intro_box .intro_right_box {width: 60%;}
.sub_content .intro_box .intro_right_box p, .sub_content .intro_box .intro_right_box div { font-size: calc(0.26vw + 15.08px);  color: #737070; font-weight: 300;}
.sub_content .intro_box .intro_right_box p {padding: 20px 0;}
.sub_content .intro_box .intro_right_box .title {font-family: "Do Hyeon", serif; font-size: 40px; font-weight: 700;}
.sub_content .intro_box .intro_right_box .title b {font-family: "Do Hyeon", serif; font-size: 40px; font-weight: 700;}
.sub_content .intro_box .intro_right_box .title b:nth-of-type(1) {color: #D709C3;}
.sub_content .intro_box .intro_right_box .title b:nth-of-type(2) {color: #091ED7;}
.sub_content .intro_box .intro_right_box .title b:nth-of-type(3) {color: #14906A;}
.sub_content .intro_box .intro_right_box .from { text-align: right; font-weight: 700;}
.sub_content .intro_box .intro_right_box p.color {color: #4360c0; font-weight: 700;  font-size: calc(0.26vw + 17.08px);}

@media all and (max-width:1199px) {
  .sub_content .intro_box {display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .sub_content .intro_box .intro_left_box {width: 98%;}
  .sub_content .intro_box .intro_right_box {width: 98%;}
}

/* 비전과 주요사업 */
.vision_wrap {display: flex; flex-direction: column;}
.vision_wrap > li {width: 100%; margin-bottom: 50px; display: flex;}
.vision_wrap > li .subtitle_area {width: 150px;}
.vision_wrap > li .subtitle_area p {color: #274D7E; font-size: calc(0.26vw + 17.08px); font-weight: 700;}
.vision_wrap > li .cont_area {font-size: calc(0.26vw + 11.08px); }
.vision_wrap > li .cont_area.goal_cont_area > ul > li {margin-bottom: 20px; position: relative; padding-left: 35px;}
.vision_wrap > li .cont_area.goal_cont_area > ul > li::before {display: block; position: absolute; content: ""; width: 25px; height: 19px; background: url(../images/cont_arrow.png) no-repeat center; top: 50%; transform: translateY(-50%); left: 0px; background-size: 60%;}
.vision_wrap > li .cont_area.goal_cont_area > ul > li:last-child {margin-bottom: 0px;}
.vision_wrap > li .cont_area.project_cont_area > ul {display: flex; justify-content: space-between;}
.vision_wrap > li .cont_area.project_cont_area > ul > li {width: 20%;}
.vision_wrap > li .cont_area.project_cont_area > ul > li .img {}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info {margin-top: 15px;}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info p.listTitle {font-size: calc(0.26vw + 13.08px); font-weight: 500;}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info p.listSubtitle {padding: 10px 0 5px; font-weight: 500;}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info ul.detailList {}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info ul.detailList li {position: relative; padding-left: 15px;}
.vision_wrap > li .cont_area.project_cont_area > ul > li .info ul.detailList li::before {position: absolute; display: block; content: "-"; left: 0;}

@media all and (max-width:1199px) {
  .vision_wrap > li {flex-direction: column;}
  .vision_wrap > li .subtitle_area {margin-bottom: 20px;}
}

@media all and (max-width:720px) {
  .vision_wrap > li .cont_area.project_cont_area > ul {flex-wrap: wrap;}
  .vision_wrap > li .cont_area.project_cont_area > ul > li {width: 48%; margin-bottom: 30px; text-align: center;}
  .vision_wrap > li .cont_area.project_cont_area > ul > li .img {text-align: center;}
  .vision_wrap > li .cont_area.project_cont_area > ul > li .info ul.detailList li {position: relative; padding-left: 0px;}
  .vision_wrap > li .cont_area.project_cont_area > ul > li .info ul.detailList li::before {position: absolute; display: block; content: "";}
  
}

/* 센터연혁 */
.history_wrap {overflow: hidden;}
.history_wrap .history {margin-bottom: 50px;}

.history_wrap .history .history_year { font-size: calc(0.26vw + 29.08px); font-weight: 700;}
.history_wrap .history ul.history_month > li .month {font-size: calc(0.26vw + 25.08px); font-weight: 500; color: #257a9b; width: 50px;} 
.history_wrap .history ul.history_month > li ul.history_day > li .cont div { margin-top: 10px;}
.history_wrap .history ul.history_month > li ul.history_day > li .cont div img {width: 300px;}

.history_wrap .history.history_left {float: left; text-align: left; width: 100%;}
.history_wrap .history.history_left ul.history_month  {margin-left: 100px;}
.history_wrap .history.history_left ul.history_month >li {display: flex;}
.history_wrap .history.history_left ul.history_month >li ul.history_day {margin-left: 30px; margin-top: 8px; font-size: calc(0.26vw + 16.08px); }
.history_wrap .history.history_left ul.history_month >li ul.history_day > li {display: flex; margin-bottom: 10px;}
.history_wrap .history.history_left ul.history_month >li ul.history_day > li .day {width: 100px;}
.history_wrap .history.history_left ul.history_month >li ul.history_day > li > span {font-weight: 500;}
.history_wrap .history.history_left ul.history_month >li ul.history_day > li .cont { margin-left: 15px; color: #888c90; width: 100%;}

.history_wrap .history.history_right {float: right; text-align: right; width: 100%;}
.history_wrap .history.history_right ul.history_month {margin-right: 100px;}
.history_wrap .history.history_right ul.history_month >li {display: flex; flex-direction: row-reverse}
.history_wrap .history.history_right ul.history_month >li ul.history_day {margin-right: 30px; margin-top: 8px; font-size: calc(0.26vw + 16.08px); }
.history_wrap .history.history_right ul.history_month >li ul.history_day > li {display: flex; flex-direction: row-reverse; margin-bottom: 10px;}
.history_wrap .history.history_right ul.history_month >li ul.history_day > li .day {width: 40px;}
.history_wrap .history.history_right ul.history_month >li ul.history_day > li > span {font-weight: 500;}
.history_wrap .history.history_right ul.history_month >li ul.history_day > li .cont { margin-right: 15px; color: #888c90; width: 100%;}



@media all and (max-width:1199px) {

  .history_wrap .history ul.history_month  {margin-top: 20px;}
  
  .history_wrap .history.history_left ul.history_month  {margin-left: 10px;}
  .history_wrap .history.history_left ul.history_month >li ul.history_day {margin-left: 10px;}

  .history_wrap .history.history_right {float: left; text-align: left; width: 100%;}
  .history_wrap .history.history_right ul.history_month {margin-left: 10px; margin-right: 0;}
  .history_wrap .history.history_right ul.history_month >li {display: flex; flex-direction: row}
  .history_wrap .history.history_right ul.history_month >li ul.history_day {margin-left: 10px; margin-right: 0;}
  .history_wrap .history.history_right ul.history_month >li ul.history_day > li {display: flex; flex-direction: row; margin-bottom: 10px;}
  .history_wrap .history.history_right ul.history_month >li ul.history_day > li .day {width: 40px;}
  .history_wrap .history.history_right ul.history_month >li ul.history_day > li > span {font-weight: 500;}
  .history_wrap .history.history_right ul.history_month >li ul.history_day > li .cont { margin-left: 15px; margin-right: 0; color: #888c90; width: 100%;}
}

/* 상담안내- 서브페이지지 */
.counsel_btn {padding: 30px 0 100px; display: flex; justify-content: space-between;}
.counsel_btn li {width: 32%; height: 102px; border-radius: 10px; transition: all .3s;}
.counsel_btn li a {width: 100%; height: 100%; display: block;position: relative;}
.counsel_btn li a > div {width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; }
.counsel_btn li a > div p {font-size: calc(0.26vw + 19.08px); z-index: 2; font-weight: 600;}
.counsel_btn li a > div span {font-size: calc(0.26vw + 13.08px); padding: 5px 20px; border-radius: 30px; color: #fff; font-weight: 500; z-index: 3;}
.counsel_btn li a > img {position: absolute; top: 16px; left: 16px; z-index: 1;}

.counsel_btn li:nth-of-type(1) {background: #93dfeb;}
.counsel_btn li:nth-of-type(2) {background: #fec95f;}
.counsel_btn li:nth-of-type(3) {background: #c7e259;}
.counsel_btn li:nth-of-type(1):hover {background: #9fe9f4;}
.counsel_btn li:nth-of-type(2):hover {background: #f7ce7c;}
.counsel_btn li:nth-of-type(3):hover {background: #d2ee62;}

.counsel_btn li:nth-of-type(1) a > div p {color: #1D77AC;}
.counsel_btn li:nth-of-type(2) a > div p {color: #6e481c;}
.counsel_btn li:nth-of-type(3) a > div p {color: #20841c;}

.counsel_btn li:nth-of-type(1) a > div span {background: #54b8c8;}
.counsel_btn li:nth-of-type(2) a > div span {background: #ebaa29;}
.counsel_btn li:nth-of-type(3) a > div span {background: #a0be29;}

@media all and (max-width:999px) {
  .counsel_btn li a > div {flex-direction: column;}
  .counsel_btn li a > div p {font-size: calc(0.26vw + 16.08px);} 
  .counsel_btn li a > img {transform: scale(.7); top: 10px; left: 10px;}
}
@media all and (max-width:620px) {
  .counsel_btn {flex-direction: column;}
  .counsel_btn li {margin-bottom: 20px; width: 100%; height: 80px;}

  .counsel_btn li a > div {flex-direction: row;}
}

/* 공간대관 */
/* img.momsinfo {width: 100%;} */

.emT {font-size: calc(0.26vw + 21.08px);font-weight: 600;background: linear-gradient(to left, #e0f9ef, #e9eafb);text-align: center;border-radius: 5px;padding: 26px;color: #60367f;font-family: 'TTLaundryGothicB';}

/* 프로그램신청 */
  /* 검색 */
.search_form1 {background:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:20px 110px 15px 50px}
.search_form1 ul {list-style:none;padding:0;margin:0;overflow:hidden}
.search_form1 ul li {position:relative;float:left;width:calc(50% - 50px);padding-left:80px;box-sizing:border-box;margin-bottom:5px;margin-left:50px;}
.search_form1 ul li label {position:absolute;top:0;left:0;width:75px;line-height:40px;color:#333;font-weight:500}
.search_form1 ul li input[type=text] {width:47.5%;height:40px;line-height:40px;box-sizing:border-box;margin:0;border-color:#c8c8c8;}
.search_form1 ul li select {margin:0;min-width:250px;width:100%;height:40px;line-height:40px;font-size:15px;color:#777;border-color:#c8c8c8}
.search_form1 ul li button {margin:0}
.search_form1 ul li.full {clear:both;float:none;width:calc(100% - 50px);padding-right:134px;}
.search_form1 ul li.full select {width:190px;min-width:auto;}
.search_form1 ul li.full input[type=text] {width: 100%}
.search_form1 ul li.full .b1.search {position:absolute;top:0;right:0;width:130px;height:40px;line-height:40px;background:#002854;text-align:center;color:#fff;font-size:17px;border:0;padding:0}
.search_form1 ul li.date select {width:calc(34% - 19px);min-width:auto;}
.search_form1 ul li.date input[type=text] {width:32.5%}
@media all and (max-width:1259px){
	.search_form1 {padding-left:50px;padding-right:50px;}
	.search_form1 ul li {margin-left:30px;width:calc(50% - 30px)}
	.search_form1 ul li.full {width:calc(100% - 30px)}
}
@media all and (max-width:999px){
	.search_form1 {padding:20px;}
	.search_form1 ul li {margin-left:2%;width:48%}
	.search_form1 ul li.full {width:98%}
	.search_form1 ul li select {min-width:auto;}
	.search_form1 ul li input[type=text] {width:47%}
}
@media all and (max-width:767px){
	.search_form1 ul li {width:100%;margin:1px 0}
	.search_form1 ul li input[type=text] {width:calc(50% - 7px)}
	.search_form1 ul li.full {width:100%;padding-right:0}
	.search_form1 ul li.full .b1.search {position:relative;top:auto;right:auto;width:100%;margin-top:1px;font-size:15px}
}
@media all and (max-width:549px){
	.search_form1 {padding:15px}
	.search_form1 ul li {padding-left:70px}
	.search_form1 ul li.full select, .search_form1 ul li.full input[type=text] {width:100%;}
	.search_form1 ul li label, .search_form1 ul li select, .search_form1 ul li input[type=text] {font-size:14px;line-height:34px;height:34px;}
	.search_form1 ul li label {font-size:1em;width:70px;}
	.search_form1 ul li.date select {width:calc(30% - 15px)}
}
@media all and (max-width:449px){
	.search_form1 ul li.date select {width:100%}
	.search_form1 ul li.date input[type=text] {width:calc(50% - 6.5px);margin-top:2px;}
}

/* 리스트 총건수 텍스트*/
.list_total{clear:both;z-index:10;position:relative;margin:1.5em 0;}
.list_total:before,
.list_total:after{content:'';display:table;clear:both;}
.list_total .info {color:#000;font-weight:500;margin:0}
.list_total .info .em {color:#005bc6}
.list_total .left{float:left;padding:.375em 0;text-align:left;}

/* 게시글 신청 리스트 */

/* apply_col_list_wrap */
.apply_col_list_wrap {border-top:1px solid #333}
.apply_col_list_wrap a:hover, .apply_col_list_wrap a:focus, .apply_col_list_wrap a:active {text-decoration:none}
.apply_col_list_wrap ul {list-style:none;margin:0;padding:0}
.apply_col_list_wrap ul li > div {padding:42px 0;overflow:hidden;border-bottom:1px solid #ddd;}
.apply_col_list_wrap ul li [class*=section] {float:left;}
.apply_col_list_wrap ul li .section1 {width:305px;padding-top:7px;}
.apply_col_list_wrap ul li .section1 .visual_area {position:relative;display:block;width:100%;height:100%;}
.apply_col_list_wrap ul li .section1 .visual_area .g1 {position:absolute; top: 10px;left:10px;width:62px;height:32px; border-radius: 5px; color:#fff;text-align:center;font-size:.938em; line-height: 32px; z-index:1; font-weight: 500;}
.apply_col_list_wrap ul li .section1 .visual_area .g1.s1 {background:#0f92c7}
.apply_col_list_wrap ul li .section1 .visual_area .g1.s2 {background:#3a3535}
.apply_col_list_wrap ul li .section1 .visual_area .g1.s3 {background:#07a85f}
.apply_col_list_wrap ul li .section1 .visual_area .f1 {position:relative;display:block;width:260px;height:180px;overflow:hidden;border-radius:5px; background-size: 100%;}
.apply_col_list_wrap ul li .section1 .visual_area .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
.apply_col_list_wrap ul li .section1 .visual_area .f1 .f1p1 img {width:100%;height:100%;}
.f1.img100 img{width:100%;height:auto;}
.apply_col_list_wrap ul li .section2 {width:calc(100% - 305px);}
.apply_col_list_wrap ul li .section2 .texts .tg1 {position:relative;display:inline-block;vertical-align:top;margin-bottom:19px;max-width:100%;}
.apply_col_list_wrap ul li .section2 .texts .tg1 .h1{display:inline-block;font-size:1.625em;line-height:1;font-weight:500;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:19px;vertical-align:top;max-width:100%}

.apply_col_list_wrap .g2s {display:inline-block;vertical-align:top; margin-top: 10px;}
.apply_col_list_wrap .g2s .g2, .cp31edu1view1 > div .section2 .g2s .g2 {display:inline-block;vertical-align:top;border-radius:5px;width:60px;height:32px;line-height:32px;font-size:.975em;color:#fff;text-align:center;letter-spacing:-.1em; font-weight: 500;}
.apply_col_list_wrap .g2s .g2.s1, .cp31edu1view1 > div .section2 .g2s .g2.s1 {background:#ffdbca;color:#f26822;}
.apply_col_list_wrap .g2s .g2.s2, .cp31edu1view1 > div .section2 .g2s .g2.s2 {background:#c8e6ff;color:#106ab5;}
.apply_col_list_wrap .g2s .g2.s3, .cp31edu1view1 > div .section2 .g2s .g2.s3 {background:#c5fce3;color:#02ad60;}
.apply_col_list_wrap .g2s .g2.disabled, .cp31edu1view1 > div .section2 .g2s .g2.disabled {background:#e9e9e9;color:#77777c;}
.apply_col_list_wrap .g2s .g2.disabled {cursor:not-allowed}


@media all and (max-width:999px){
	.apply_col_list_wrap ul li > div {padding:30px 0 0}
	.apply_col_list_wrap ul li .section1 {width:275px}
}
@media all and (max-width:767px){
	.apply_col_list_wrap ul li [class*=section] {float:none;}
	.apply_col_list_wrap ul li .section1 {margin:auto auto 20px;}
	.apply_col_list_wrap ul li .section1 .visual_area .f1 {margin:auto;}
	.apply_col_list_wrap ul li .section2 {width:100%;}
	.apply_col_list_wrap ul li .section2 .texts .tg1, .apply_col_list_wrap .g2s {text-align:center;}
}
@media all and (max-width:499px){
	.apply_col_list_wrap ul li .section2 .texts .tg1 {margin-bottom:7px;max-height:46px;display:block;max-width:100%}
	.apply_col_list_wrap ul li .section2 .texts .h1 {display:block;font-size:1.5em;white-space:inherit;line-height:1.1;max-width:100%}
	.apply_col_list_wrap ul li .section2 .texts .cate{display:block;margin-bottom:5px;}
	.apply_col_list_wrap ul li .section1 .visual_area .g1 {width:50px;height:50px;line-height:50px;}
	.apply_col_list_wrap .g2s {margin:15px 0;display:block}
	.apply_col_list_wrap .g2s .g2, .cp31edu1view1 > div .section2 .g2s .g2 {width:76px;}
}

/* cp31dlist1 */
.cp31dlist1 .dl1 {overflow:hidden;margin:3px 0}
.cp31dlist1 .dl1 .di {position:relative;float:left;width:50%;box-sizing:border-box;color:#666;font-size:.938em;margin:2px 0;padding-left:10px;}
.cp31dlist1 .dl1 .di:before {position:absolute;top:11px;left:0;content:"";display:block;width:4px;height:4px;background:#000;}
.cp31dlist1 .dl1 .di .dt {font-weight:400;}
@media all and (max-width:767px){
	.cp31dlist1 .dl1 .di:before {top:9px}
}
@media all and (max-width:499px){
	.cp31dlist1 .dl1 .di {float:none;width:100%;}
}

/* 프로그램신청 상세설명페이지 */
.program_info_wrap {border-top:1px solid #333}
.program_info_wrap a:hover, .program_info_wrap a:focus, .program_info_wrap a:active {text-decoration:none}
.program_info_wrap > div:first-child {padding:42px 0;overflow:hidden;border-bottom:1px solid #ddd;}
.program_info_wrap [class*=section] {float:left;}
.program_info_wrap .section1 {width:460px;padding-top:7px;}
.program_info_wrap .section1 .visual_area {position:relative;display:block;width:100%;height:100%;}
.program_info_wrap .section1 .visual_area .g1 {position:absolute; top: 10px;left:10px;width:62px;height:32px; border-radius: 5px; color:#fff;text-align:center;font-size:.938em; line-height: 32px; z-index:1; font-weight: 500;}
.program_info_wrap .section1 .visual_area .g1.s1 {background:#0f92c7}
.program_info_wrap .section1 .visual_area .g1.s2 {background:#3a3535}
.program_info_wrap .section1 .visual_area .g1.s3 {background:#07a85f}
.program_info_wrap .section1 .visual_area .f1 {position:relative;display:block;width:400px;height:300px;overflow:hidden;border-radius:5px; background-size: 100%;}
.program_info_wrap .section1 .visual_area .f1 img {width:100%;height:100%;}
.f1.img100 img{width:100%;height:auto;}
.program_info_wrap .section2 {width:calc(100% - 460px);}
.program_info_wrap .section2 .texts .tg1 {position:relative;display:inline-block;vertical-align:top;margin-bottom:19px;max-width:100%;}
.program_info_wrap .section2 .texts .tg1 .h1{display:inline-block;font-size:1.625em;line-height:1;font-weight:500;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:19px;vertical-align:top;max-width:100%}

.program_info_wrap .g2s {display:inline-block; vertical-align:top; margin-top: 10px;}
.program_info_wrap .g2s .g2, .cp31edu1view1 > div .section2 .g2s .g2 {display:inline-block;vertical-align:top;border-radius:5px;width:60px;height:32px;line-height:32px;font-size:.975em;color:#fff;text-align:center;letter-spacing:-.1em; font-weight: 500;}
.program_info_wrap .g2s .g2.s1, .cp31edu1view1 > div .section2 .g2s .g2.s1 {background:#ffdbca;color:#f26822;}
.program_info_wrap .g2s .g2.s2, .cp31edu1view1 > div .section2 .g2s .g2.s2 {background:#c8e6ff;color:#106ab5;}
.program_info_wrap .g2s .g2.s3, .cp31edu1view1 > div .section2 .g2s .g2.s3 {background:#c5fce3;color:#02ad60;}
.program_info_wrap .g2s .g2.disabled, .cp31edu1view1 > div .section2 .g2s .g2.disabled {background:#e9e9e9;color:#77777c;}
.program_info_wrap .g2s .g2.disabled {cursor:not-allowed}

.program_info_btn_wrap {display: flex; margin: 20px 0 20px; width: 100%; justify-content: center;}
.program_info_btn_wrap a {display: block; width: 200px; height: 56px; line-height: 56px; border-radius: 10px; text-align: center; color: #fff; float: right; font-size: 16px; font-weight: 500; margin-right: 20px; transition: all .3s;}
.program_info_btn_wrap a:nth-of-type(1) {background: #0f2c86;}
.program_info_btn_wrap a:nth-of-type(2) {background: #b0aeae;}
.program_info_btn_wrap a:hover:nth-of-type(1) {background: #081c5b;}
.program_info_btn_wrap a:hover:nth-of-type(2) {background: #9b9494;}

  /* 하단 안내글 */
  .program_info_wrap > div .program_info {margin: 0 50px 30px;}
  .program_info_wrap > div .precautions {margin: 0px 50px 30px;}

@media all and (max-width:999px){
  .program_info_wrap [class*=section] {float:none;}
	/* .program_info_wrap > div {padding:30px 0 0} */
  .program_info_wrap .section1 {margin:auto auto 20px; width: 100%;}
	.program_info_wrap .section1 .visual_area .f1 {margin: 0 auto;}
	.program_info_wrap .section2 {width:100%;}
	.program_info_wrap .section2 .texts .tg1, .apply_col_list_wrap .g2s {text-align:center;}

  .program_info_btn_wrap { margin: 20px 0 50px; justify-content: center;}
  .program_info_btn_wrap a {display: block; width: 180px; height: 50px; line-height: 50px; border-radius: 10px; text-align: center; color: #fff; float: right; font-size: 16px; font-weight: 500; margin-right: 20px; transition: all .3s;}
  .program_info_btn_wrap a:nth-of-type(1) {margin-right: 0px;}

  .program_info_wrap .g2s {width: 100%;}
  .program_info_wrap .g2s > div {width: 187px; margin: 0 auto;}
  
  /* 하단 안내글 */
  .program_info_wrap > div .program_info {margin: 0 10px 30px;}
  .program_info_wrap > div .precautions {margin: 100px 10px 30px;}
}
@media all and (max-width:767px){


}
@media all and (max-width:499px){
  .program_info_wrap .section1 .visual_area .f1 {width: 80%; height: 200px;}
	.program_info_wrap .section2 .texts .tg1 {margin-bottom:7px;max-height:46px;display:block;max-width:100%}
	.program_info_wrap .section2 .texts .h1 {display:block;font-size:1.5em;white-space:inherit;line-height:1.1;max-width:100%}
	.program_info_wrap .section2 .texts .cate{display:block;margin-bottom:5px;}
	.program_info_wrap .section1 .visual_area .g1 {width:50px;height:50px;line-height:50px;}
	.program_info_wrap .g2s {margin:15px 0;display:block}
  .program_info_wrap .g2s > div {width: 236px;}
	.program_info_wrap .g2s .g2, .cp31edu1view1 > div .section2 .g2s .g2 {width:76px;}

  .program_info_btn_wrap a {width: 130px; height: 40px; line-height: 40px; }

}

    /* program_info_textList - 프로그램신청 상세설명페이지 */
    .program_info_textList .dl1 {overflow:hidden;margin:3px 0}
    .program_info_textList .dl1 .di {position:relative;float:left;width:100%;box-sizing:border-box;color:#666;font-size:.938em;margin:2px 0;padding-left:10px;}
    .program_info_textList .dl1 .di:before {position:absolute;top:11px;left:0;content:"";display:block;width:4px;height:4px;background:#000;}
    .program_info_textList .dl1 .di .dt {font-weight:400;}
    @media all and (max-width:767px){
      .program_info_textList .dl1 .di:before {top:9px}
    }
    @media all and (max-width:499px){
      .program_info_textList .dl1 .di {float:none;width:100%;}
    }


    /* 프로그램신청 상세페이지 내부 탭  */
    .tab-menu {list-style: none;margin:0;padding:0;text-align:center;}
    .tab-item {display:inline-block;width:calc(33% - 3px);text-decoration:none;}
    .tab-item span {position:relative;display:block;font-size:1.125em;line-height:1;font-weight:500;color:#999;padding:25px 0; cursor: pointer;}
    .tab-item span::before {position:absolute;top:calc(50% - 10px);left:0;content:"";display:block;width:1px;height:20px;background:#c6c6c6;}
    .tab-item:first-child span::before {display: none;}
    .tab-item.active span {color:#3366c4;border-bottom: 3px solid;}
    .tab-item:hover {text-decoration:none;}
    .tab-content {border-top: 1px solid #ccc;padding: 50px 0px;}
    .tab-pane {display: none;}
    .tab-pane.active {display: block;}

  
/* 예약하기 - 이용약관 */
.allagree {display: flex; align-items: center; justify-content: space-between;}

.agree_line a input[id="all_agree"] {cursor:pointer;position: absolute;top: 20px;left: 30px;}
.agree_line a input[id="all_agree"] + label {padding-left: 20px;cursor:pointer;width: 180px;height:2.941rem;text-align: center;line-height: 48px;}
.term_list .custom_check {position:relative;display: inline-block; height:3.529rem; padding:22px 22px 0 ; z-index:2;}
.term_list .term_cont p {line-height: 1.7;font-size: 1rem;}
.term_list {position:relative;border-radius: 8px 8px 0 0;}
.term_list input[class*="check_aree"] {position:absolute;top: 0.95rem;left: 30px;z-index:13;width:24px;height:24px;}
.term_list input[class*="check_aree"] + em + label {position:absolute;top: 1rem;left: 65px;z-index: 10;margin-right: 50px;cursor: pointer;}
.term_list input[class*="check_on"] {display:none;}
.term_list input[class*="check_on"] + label {border:1px solid #dddddf;position:relative;display:block;font-size: 0;height:3.529rem;border-radius: 8px 8px 0 0;/* padding-right: 50px; */}
.term_list input[class*="check_on"] + label.terms_switch,
.term_list input[class*="check_off"] + label.terms_switch {cursor: pointer;}
.terms_switch:before {display:none;}
.terms_switch:after {content:'';width:12.5px;height:3px;background:#ccc;display:inline-block;border-radius:10px;position:absolute;top: 8px;right: 3px;}
.term_list input[class*="check_on"]:checked + label {border-radius:8px; transition-delay:.4s;}
.terms_switch:before {content:'';width: 3px;height:12.5px;background:#ccc;display:inline-block;border-radius:10px;position:absolute;top: 3px;right: 7.5px;}
.term_list input[class*="check_on"] + label ~ div.term_cont,
.term_list input[class*="check_off"] + label ~ div.term_cont {max-height:300px;overflow-y:scroll;border:1px solid #DDDDDF;border-top:0;transition: all .4s ease;border-radius: 0 0 8px 8px;}
.term_list input[class*="check_on"]:checked + label ~ div.term_cont {max-height:0;border-bottom:0;transition: all .4s ease; padding:0}
.term_list .term_cont .term_cont_in {padding:20px 30px;}
.term_list .term_cont .term_cont_in p strong {font-weight:800;}

@media only screen and (max-width: 999px) {
  .allagree {display: flex; flex-direction: column; align-items: start;}
  .allagree > div {margin-top: 20px;}
}

/*이용약관-닫힘시작*/
.term_list input[class*="check_off"] {display:none;}
.term_list input[class*="check_off"] + label {border:1px solid #dddddf;position:relative;display:block;font-size: 0;height:3.529rem;border-radius: 8px;}
.term_list input[class*="check_off"] + label.terms_switch {}
.terms_switch:before {content:'';width: 3px;height:12.5px;background:#ccc;display:inline-block;border-radius:10px;position:absolute;top: 20px;right: 29.5px;}
.terms_switch:after {content:'';width:12.5px;height:3px;background:#ccc;display:inline-block;border-radius:10px;position:absolute;top: 25px;right: 25px;}
.term_list input[class*="check_off"]:checked + label {border-radius:8px 8px 0 0;}
.term_list input[class*="check_off"] .terms_switch:before {display:none;}
.term_list input[class*="check_off"] + label ~ div.term_cont {max-height:0;overflow-y:scroll;transition: all .4s ease;border-radius: 0 0 8px 8px;border-top: 0;border-bottom: 0;}
.term_list input[class*="check_off"]:checked + label ~ div.term_cont {max-height:300px; border-bottom:0; transition: all .4s ease; border:1px solid #dddddf;border-top:0;}

@media only screen and (max-width: 480px) {
	.content-title h3.ctitle{font-size:27px}
	.term_list input[class*="check_aree"] + em + label {/* z-index:-1; */padding: 0;}
	.agree_line {margin-bottom:40px}
	.btn-right {right:auto; left:0; top:30px}

}

/* 휴대폰인증 */
.phone_verification {border: 1px solid #dddddf; border-radius: 8px; text-align: center;padding: 30px 0 0;}
.phone_verification h4 {font-size: 20px; font-weight: 800; margin-bottom: 12px;}
.phone_verification p {font-size: 18px;}
.phone_verification a {display: block; padding: 20px; color: #fff; font-size: 18px; background: #022E87; width: 20%; margin: 30px auto; border-radius: 5px;}

@media only screen and (max-width:720px){
    .phone_verification p {font-size: 16px;}
    .phone_verification a {display: block; padding: 16px; color: #fff; font-size: 16px; background: #022E87; width: 42%; margin: 30px auto;}
}    


/* 신청쓰기폼 */
table.writeform1 {width:100%;border:0;border-top:1px solid #555;font-size:1em;}
table.writeform1 th, table.writeform1 td {border:0;border-bottom:1px solid #ddd;padding:18px 15px 16px;vertical-align:middle;}
table.writeform1 th {color:#333;font-weight:500;padding-left:20px;padding-right:20px;}
table.writeform1 th .required {position:relative;display:inline-block;text-indent:-9999px}
table.writeform1 th .required:before {position:absolute;top:0;left:0;content:"*";display:block;color:#0f92c7;text-indent:0;}
table.writeform1 input[type=text] {border-color:#ddd;max-width:325px;width:100%;}
table.writeform1 input[type=text]:first-child {margin:0}
table.writeform1 td input[type=text].addr1 {max-width:500px;margin-right:6px;}
table.writeform1 input[type=text].w100 {max-width:none;}
table.writeform1 td .zipcode1 {margin:-1px 0 0;background:#909090;border:0;border-radius:0;vertical-align:middle;font-size:15px;padding-left:1.5em;padding-right:1.5em;height:40px;padding-top:0}
table.writeform1 input[type='radio'], table.writeform1 input[type='checkbox'] {margin:0;}
table.writeform1 .download1 {background:#909090;color:#fff;font-size:15px;border-radius:0;margin-right:5px;}
table.writeform1 input[type=file] {margin:0 5px 0 0;background:#f6f6f6;padding:0 5px}
table.writeform1 .form-text2 {color:#0650a3;font-size:.938em;}
table.writeform1 a.button {background:#909090;color:#fff;font-size:.938em;border-radius:0;margin-right:5px;}
table.writeform1 a.button.primary {background-color:#174e91}
table.writeform1 .lst {list-style:none;margin:0;padding:0;overflow:hidden}
table.writeform1 .lst li {float:left;margin-right:8px;}
table.writeform1 .lst li:last-child {margin-right:0}
@media all and (max-width:767px){
	.rspnsv table.writeform1 colgroup {display:none}
	.rspnsv table.writeform1 tr, .rspnsv table.writeform1 th, .rspnsv table.writeform1 td {display:block;width:100%;box-sizing:border-box;}
	.rspnsv table.writeform1 th {border-bottom:0;background:#f6f6f6;padding:10px 15px;}
	.rspnsv table.writeform1 td {padding:10px 15px;}
	.rspnsv table.writeform1>*>tr>th>:first-child:not(.form-text1) {margin:0}
	.rspnsv table.writeform1 .form-text2 {display:block;margin-top:5px}
	.rspnsv table.writeform1 td .zipcode1 {height:auto;padding-left:.75em;padding-right:.75em;}
	.rspnsv table.writeform1 .rspnsv_n {overflow-x:auto}
	.rspnsv table.writeform1 .rspnsv_n table {min-width:500px}
	.rspnsv table.writeform1 .rspnsv_n table tr {display:table-row;}
	.rspnsv table.writeform1 .rspnsv_n table th, .rspnsv table.writeform1 .rspnsv_n table td {display:table-cell;width:auto;}
}
@media all and (max-width:699px){
	table.writeform1 td input[type=text].addr1 {width:calc(100% - 95px);}
}

/* 예약완료 */
.msgbox1 {text-align:center;padding:100px 0 90px}
.msgbox1 .h1 {font-size:2.5em;color:#111a62;font-weight:500;letter-spacing:-.05em;margin:0;line-height:1}
.msgbox1 .h1:before {content:"";display:inline-block;vertical-align:middle;width:51px;height:50px;background:url(../../img/lib2/ic51a1resvok.png) no-repeat;margin-right:14px;margin-top:-9px;}
.msgbox1.confirm1 .h1:before {background-image:url(../../img/lib2/ic51a1confirm1.png)}
.msgbox1 .t1 {font-size:1.125em;line-height:1.556em;color:#666;margin:20px 0 40px}
.msgbox1 .t1 strong {color:#ec411b;text-decoration:underline}
.msgbox1 table {max-width:640px;margin:auto;width:100%;border:1px solid #aeb7c0;background:#fff;}
.msgbox1 table th, .msgbox1 table td {border:0;border-top:1px solid #ddd;padding:11px 17px 9px;color:#555;vertical-align:middle;}
.msgbox1 table th {background:#edeeef;border-right:1px solid #aeb7c0;text-align:center;font-weight:500;color:#222;}
.msgbox1 table tr:first-child th, .msgbox1 table tr:first-child td {border-top:0}
.msgbox1 table td strong {color:#000;font-weight:600}
.msgbox1 table td em {font-weight:600;color:#ec411b}
.msgbox1 .button.b1resv {background:#1b358e;font-size:1.125em;width:200px;height:50px;line-height:50px;padding:0;margin:45px 0 0; color: #fff;}
@media all and (max-width:767px){
	.msgbox1 {padding:70px 15px 63px}
	.msgbox1 .h1:before {width:36px;height:35px;background-size:contain;margin-right:10px;}
	.msgbox1 .t1 {margin-bottom:25px}
}
@media all and (max-width:599px){
	.msgbox1 {padding:50px 15px 35px}
	.msgbox1 .h1 {font-size:2em}
	.msgbox1 .h1:before {display:none}
	.msgbox1 .t1 {margin-top:10px;}
	.msgbox1 .t1 br {display:none}
	.msgbox1 table th, .msgbox1 table td {line-height:1.4;padding:10px}
	.msgbox1 .button.b1resv {margin-top:25px;width:auto;height:35px;line-height:35px;padding-left:20px;padding-right:20px;}
}



/* 갤러리게시판 */
.gallery_list {width: 100%; overflow: hidden;}
.gallery_list li {float: left; width: 23.5%; height: 360px; border-radius: 5px; overflow: hidden; background: #fff; margin-right: 2%; border: 1px solid #ccc; margin-bottom: 30px;}
.gallery_list li:nth-of-type(4n) {margin-right: 0;}
.gallery_list li a {display: block; width: 100%; height: 100%;}
.gallery_list li a > div {display: flex; flex-direction: column;}
.gallery_list li a > div .img {width: 100%; height: 240px;}
.gallery_list li a > div .img img {width: 100%; height: 100%;}
.gallery_list li a > div .txt {width: 100%; height: 120px; padding: 15px;}
.gallery_list li a > div .txt p {font-size: 14px;}
.gallery_list li a > div .txt p.list_title {font-size: calc(0.26vw + 15.08px);  font-weight: 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%; margin-bottom: 8px;}
.gallery_list li a > div .txt p span:nth-child(1) {font-size: 14px; font-weight: 500; padding-right: 10px;}

@media all and (max-width:1400px) {
  .gallery_board h3 {padding-bottom: 0px !important;}
  /* 갤러리게시판 */
.gallery_list li {width: 31%; height: 360px; border-radius: 5px; overflow: hidden; background: #fff; margin-right: 3.5%; margin-bottom: 50px;}
.gallery_list li:nth-of-type(4n) {margin-right: 3.5%;}
.gallery_list li:nth-of-type(3n) {margin-right: 0;}

}

@media all and (max-width:980px) {
    /* 갤러리게시판 */
  .gallery_list li {width: 48%; height: 360px; border-radius: 5px; overflow: hidden; background: #fff; margin-right: 4%; margin-bottom: 30px;}
  .gallery_list li:nth-of-type(3n), .gallery_list li:last-child {margin-right: 4%;}
  .gallery_list li:nth-of-type(2n) {margin-right: 0;}

}

@media all and (max-width:620px) {
  /* 갤러리게시판 */
.gallery_list li {width: 100%; height: 360px; margin-right: 0; margin-bottom: 30px;}
.gallery_list li:nth-of-type(2n), .gallery_list li:last-child {margin-right: 0;}
.gallery_list li:nth-of-type(3) {margin-bottom: 30px;}
.gallery_list li:last-child {margin-bottom: 0;}
}



/* 서브페이지 문단 글 css */
.sub_content .h4 {font-size: calc(0.26vw + 15.08px);  position: relative; padding: 0 0 0 25px; font-weight: 500; }
.sub_content .h4::before {position: absolute; display: block; content: ""; width: 16px; height: 16px; background: #1c88c2; top: 50%; transform: translateY(-50%); left: 0px;}
.sub_content .h4::after {position: absolute; display: block; content: ""; width: 8px; height: 8px; background: #fff; top: 50%; transform: translateY(-50%); left: 4px;}
.sub_content .h5 {font-size: calc(0.26vw + 15.08px); font-weight: 500; color: #444;  position: relative; padding: 10px 0 10px 25px;}
.sub_content .h5::before {position: absolute; display: block; content: ""; width: 8px; height: 8px; background: #1c88c2; top: 50%; transform: translateY(-50%); left: 4px;}
/* .sub_content .h6 {font-size: calc(0.26vw + 13.08px);  position: relative; padding: 10px 0 10px 25px;}
.sub_content .h6::before {position: absolute; display: block; content: ""; width: 8px; height: 8px; background: #1c88c2; top: 50%; transform: translateY(-50%); left: 4px;} */

/* 작은글씨 */
.sub_content .subp_textList {font-size: 15px;  padding: 10px 0;}
.sub_content .subp_textList li {padding: 10px;}
/* 큰글씨 */
.sub_content .subp_textList2 {font-size: calc(0.26vw + 13.08px); padding: 10px 0;}
.sub_content .subp_textList2 li {padding: 2px; position: relative; padding-left: 12px;}
.sub_content .subp_textList2 li::before {display: block; position: absolute; content: "-"; left: 0px;}

.alert_text {font-size: calc(0.26vw + 13.08px); font-weight: 500;}

.info_box {margin: 0px 0px 30px; border: 2px solid #e0e6ee;  padding: 10px;}

.statement {font-size: calc(0.26vw + 13.08px); padding: 5px;}
.statement .statementText {padding-left: 30px; width: 86%; display: inline-block;}
.statement .statementText.online a, .statement .statementText.kakao a {text-decoration: underline; color: #55916b;font-weight: 400;}

/* 작은제목 (float 있음) */
.stateTitle {color: #285BA4; font-weight: 500;font-size: calc(0.26vw + 13.08px); min-width: 80px; display: inline-block; float: left;}
/* 작은제목 (float 없음) */
.stateTitle1 {color: #285BA4; font-weight: 500;font-size: calc(0.26vw + 13.08px); min-width: 80px; display: inline-block;}
/* 아이콘 작은제목 (상담안내 전화, 온라인, 카카오톡 상담 아이콘) */
.stateTitle2 {color: #285BA4; font-weight: 500; position: relative; padding-left: 35px;font-size: calc(0.26vw + 13.08px); display: inline-block; width: 140px;}
.stateTitle2::before {position: absolute; display: block; content: ""; width: 27px; height: 27px;top: 50%; transform: translateY(-50%); left: 0px;}
.stateTitle2.phone::before {background: url(../images/phone_ico.png) no-repeat center; background-size: 80%;}
.stateTitle2.online::before {background: url(../images/online_ico.png) no-repeat center; background-size: 80%;}
.stateTitle2.kakao::before {background: url(../images/kakao_ico.png) no-repeat center; background-size: 80%;}
/* 작은 제목 줄바꿈 */
.stateTitle3 {color: #285BA4; font-weight: 500;font-size: calc(0.26vw + 13.08px); width: 100%; display: inline-block;}

@media all and (max-width:999px){
  .sub_content .h4::before { top: 6px; transform: none;}
  .sub_content .h4::after { top: 10px; transform: none;}
  .sub_content .h5::before { top: 16px; transform: none;}

  .statement .statementText {padding-left: 0px; width: 100%; display: inline-block; margin: 10px 0;}
}

.borderline {border: 1px dashed #C6D3E5; padding: 30px; border-radius: 10px; width: 100%;}

@media all and (max-width:720px){
  .borderline {padding: 20px;}
}



/* 달력 예약페이지 */
.calendar_wrap {margin-top: 20px;}
.calendar_wrap .column {display: inline-block; position: relative; box-sizing: border-box; width: 100%; margin: 0 -0.25em 0 0; padding: 20px; vertical-align: top;}
.calendar_wrap .cal_left {width: 64%;}
.calendar_wrap .cal_left .toolbar {display: flex; justify-content: space-between;}
.calendar_wrap .cal_left .toolbar button { width: 40px; height: 40px; border: none;}
.calendar_wrap .cal_left .toolbar button:nth-of-type(1) {background: url(../images/cal_arrowL.png);}
.calendar_wrap .cal_left .toolbar button:nth-of-type(2) {background: url(../images/cal_arrowR.png);}

.calendar_wrap .cal_left .cal_view {background: rgb(255 251 243); width: 100%;}

.calendar_wrap .cal_right {width: 36%;}
.calendar_wrap .cal_right .title_line {}
.calendar_wrap .cal_right .title_line button {width: 55px; height: 55px; background: url(../images/sub/reset.png); text-indent: -99999px; border-radius: 5px; border: 1px solid rgb(167, 167, 167); margin-bottom: 16px; float: right; }

/* 예약 선택 박스 */
.calendar_wrap .cal_right .cal_detail {clear: both;border: 3px solid #dfdfdf; border-radius: 6px; padding: 20px;}
.calendar_wrap .cal_right .cal_detail .detail_title {text-align: center; font-size: calc(0.26vw + 19.08px); font-weight: bold;}
.calendar_wrap .cal_right .cal_detail .detail_list {width: 100%; height: 574px; display: flex; flex-direction: column; justify-content: space-between;}
.calendar_wrap .cal_right .cal_detail .detail_list ul {display: flex; flex-flow: wrap; justify-content: flex-start;}
.calendar_wrap .cal_right .cal_detail .detail_list ul li {    position: relative; line-height: 2.25; justify-content: space-between; height: 100px; border-radius: 10px; margin-bottom: 10px; text-align: center; background: #fff; overflow: hidden; box-sizing: border-box;  margin-right: 5px;    flex: 0 0 31%;}

.calendar_wrap .cal_right .cal_detail .detail_list ul li span.re_possible {width: 100%;}

.calendar_wrap .cal_right .cal_detail .detail_list ul li span {position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); font-size: 16px; color: #f15a22; cursor: pointer; font-weight: 700;}

.calendar_wrap .cal_right .cal_detail .detail_list .btn-set button {width: 80%; height: 42px; background-color: #f15a22; font-size: 16px; color: #fff; border-radius: 10px; margin: 0 auto; display: block;}

input[class*="check_full"] {display:none; position:relative;}
input[class*="check_full"] + label em {display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;vertical-align: middle;cursor:pointer;font-weight: 700;font-size: 16px;box-sizing: border-box;}
input[class*="check_full"]:checked + label em {background: #f15a22;color: #fff;}
input[class*="check_full"] + label em,
input[class*="check_full"]:checked + label em {padding: 15px;}
input[class*="check_full"]:checked + label span {color:#fff !important;}
input[class*="check_full"] + label span {color:#f15a22 !important;}

.cal_detail {border:1px solid #DDDDDD;background: #f5f5f5;min-height: 615px;position: relative;border-radius: 15px;padding: 30px;box-sizing: border-box;}
.cal_detail .detail_title {height:80px;}
.cal_detail .detail_title  p {color: #111;line-height:80px;font-size: 1.412rem;text-align: center;font-weight: 600;}
.cal_detail .detail_list .sel_area {width: 80%; margin: 0 auto;margin-top:150px; }
.cal_detail .detail_list .sel_area select {width:48%;margin-right:1%}
.cal_detail .detail_list ul {display: flex;flex-flow: wrap;justify-content: flex-start;}
.cal_detail .detail_list ul li {position:relative;line-height: 2.25;flex: 0 0 32%;justify-content: space-between;height: 100px;border-radius: 10px;margin-bottom: 10px;text-align: center;background: #fff;overflow: hidden;box-sizing: border-box;margin-right: 5px;}
.cal_detail .detail_list ul li:nth-child(3n) {margin-right:0;}
.cal_detail .detail_list ul li input[type="caheckbox"] {border:3px solid}

.cal_detail .detail_list ul li span {position:absolute;top: 65%;left: 50%;transform: translate(-50%,-50%);font-size: 16px;color: #f15a22;cursor: pointer;font-weight: 700;}
.calendar_wrap .cal_detail .detail_list ul li span.re_possible {width: 100%;}
.cal_detail .detail_list ul li span.re_impossible {background:#231916;}
.cal_detail .detail_list .btn-set {padding: 30px;position: absolute;width: 100%;bottom: 0;left: 0;right: 0;margin: 0;box-sizing: border-box;}

/* 달력 */
.cal_view table {border-collapse: collapse; width: 100%;}
.cal_view th {text-align: center; font-weight: bold; height: 40px; line-height: 40px; border : 1px solid gray; }
.cal_view td {border : 1px solid gray; padding: 3px; width: 120px; height: 120px; padding: 6px;}
.cal_view td .next_monthDay span {color: rgb(157, 157, 157);}
.cal_view thead {background-color: #282828; font-weight: bold; color: #fff;}

.cal_altxt {margin-top: 10px;}
.cal_altxt p:first-child {margin-bottom: 10px;}
.fcR {color: rgb(217, 3, 3);}

.calDay_msg span {display: block; width: 90%; height: 30px; line-height: 30px; color: #fff; border-radius: 15px; text-align: center; margin: 0 auto;font-size: calc(0.26vw + 11.08px); }
.cal_holiday {background: rgb(178, 0, 0);}
.re_complete {background: rgb(0, 0, 0);}


#calendar_div td.active {
    border: 3px solid #f15a22;
}

@media only screen and (max-width:980px){
    /* 달력 월 이동 방향버튼 */
    .calendar_wrap .cal_left .toolbar button { width: 26px; height: 26px;}
    .calendar_wrap .cal_left .toolbar button:nth-of-type(1) {background: url(../images/sub/cal_arrowL.png) no-repeat center;}
    .calendar_wrap .cal_left .toolbar button:nth-of-type(2) {background: url(../images/sub/cal_arrowR.png) no-repeat center;}

    /* 반응형 레이아웃 변경 */
    .calendar_wrap {margin-top: 0px;}
    .calendar_wrap .column { margin: 0; padding: 0px;}
    .calendar_wrap .cal_left {width: 100%;}
    .calendar_wrap .cal_right {width: 100%;}
}

@media only screen and (max-width:720px){
    .cal_view td {padding: 0;height: 80px;}
}


/* 오시는길 */
.map_area {width: 100%; height: 450px; border: 1px solid #e3e3e3;}
ul.map_info {padding: 30px 0;}
ul.map_info li {margin-bottom: 20px;}
ul.map_info li p { font-size: calc(0.26vw + 13.08px); }
ul.map_info li p:first-child { font-size: calc(0.26vw + 19.08px); font-weight: 700;}
ul.map_info li p:last-child { padding: 10px 0;}

/* 버튼스타일 */
.subpage_btn {width: 230px; margin: 0 auto;}
.subpage_btn .button { width: 110px; height: 42px; line-height: 42px; text-align: center;  font-size: 15px; margin: 50px auto; transition: all .3s; }
.subpage_btn .button.submit {background: #3271be; color: #fff;}
.subpage_btn .button.cancel {background: #fff;}
.subpage_btn .button.re_cancel {background: #3271be; color: #fff;}
.subpage_btn .button.default {background: #5c5958; color: #fff;}

.subpage_btn .button.submit:hover {background: #20589c; color: #fff;}
.subpage_btn .button.cancel:hover {background: #f3f3f3;}
.subpage_btn .button.re_cancel:hover {background: #20589c;}
.subpage_btn .button.default:hover {background: #3c3736;}

/* table */
.tbl {margin-top:10px; width: 100%; min-width: 1000px;}
.tbl th {text-align:center; font-family: 'NanumSB'; }
.tbl td, .tbl th {padding:12px 10px; border:1px solid #e2e2e4; line-height:1.5em; vertical-align: middle; box-sizing: border-box; font-size: 15px;}
.tbl thead tr:first-child th {border-top:2px solid #5a5a5a; background:#f0f1f2;}
.tbl thead th {background:#f0f1f2; color:#000; border-bottom: none;}
.tbl tbody th {background:#fafbfc; font-family: 'NanumS'; font-weight: normal;/*  text-align: left; */}
.tbl tbody th.taC{text-align: center;}
.unit tbody th{text-align: center !important;}
.tbl tfoot th {background:#f7f7f7; color:#333;}
.tbl td {font-size: 15px;}

.tbl td.program_select a:link,
.tbl td.program_select a:visited,
.tbl td.program_select a:hover,
.tbl td.program_select a:active,
.tbl td.program_select a:focus {text-decoration:underline; color:#1d5fbd;}

/* table s2 */
.tbl_s2 {margin-top:10px;}
.tbl_s2 th {text-align:center; font-family: 'NanumSB'; }
.tbl_s2 td, .tbl_s2 th {padding:22px 10px;border:1px solid #e2e2e4;background: #f3f4fa;line-height:1.5em;vertical-align: middle;box-sizing: border-box;font-size: 15px;}
.tbl_s2 thead tr th {background:#004bb4;}
.tbl_s2 thead th {background:#f0f1f2; color:#fff; font-size: 18px; border-bottom: none;}
.tbl_s2 tbody th {background:#fafbfc; font-family: 'NanumS'; font-weight: normal;/*  text-align: left; */}
.tbl_s2 tbody th.taC{text-align: center;}
.tbl_s2 tfoot th {background:#f7f7f7; color:#333;}
.tbl_s2 td {font-size: 18px;font-weight: bold;}

.tbl_s2 td.program_select a:link,
.tbl_s2 td.program_select a:visited,
.tbl_s2 td.program_select a:hover,
.tbl_s2 td.program_select a:active,
.tbl_s2 td.program_select a:focus {text-decoration:underline; color:#1d5fbd;}

/* table > align */
table.taC td {text-align:center;}
td.taC {text-align:center !important;}
table.taL td {text-align:left;}
td.taL {text-align:left !important;}
table.taR td {text-align:right;}
td.taR {text-align:right  !important;}
.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid #5a5a5a;}
td li {position: relative;}
td >ul >li {padding-left:15px; margin-top:10px; line-height:1.5em; text-align:left !important;}
td >ul >li:first-child {margin-top:0;}
td >ul >li >ul {margin-top:10px;}
td >ul >li >ul >li {padding-left:10px; margin-top:6px; line-height:1.5em; text-align:left !important;}
td >ul >li >ul >li:first-child {margin-top:0;}

td >ul >li.no-bu:before	{ display: none !important; }

ul.ul-col-2 > li,
ol.ul-col-2 > li			{ display: inline-block; width: 48%; vertical-align: top; box-sizing: border-box; margin: 0 0.5% 8px; }

@media (max-width: 999px) {
  .scroll-x {
  	  width:100%;
      display: block !important;
      overflow: hidden !important;
      overflow-x: auto !important;
  }
}

/* 테이블 레이아웃 */
.sub_table_wrap {border-top: 1px solid #285BA4; margin-top: 15px; width: 100%;}
.sub_table {width: 100%; margin-bottom: 40px; text-align: center; font-size: calc(0.26vw + 11.08px); }
/* .sub_table caption {text-align: center; padding: 5px; font-weight: 600;} */
.sub_table thead th {background: #F1F5F9; color: #333;}
.sub_table thead th, .sub_table td {border: 1px solid #eaeaea; padding: 10px 20px;}
.sub_table thead th:first-child, .sub_table td:first-child {border-left: 0px;}
.sub_table thead th:last-child, .sub_table td:last-child {border-right: 0px;}
.sub_table td { vertical-align: middle;}

/* footer */
footer {width: 100%; border-top: 1px solid #eee; padding: 30px 0; background: #484848; color: #f8f8f8; position: relative;}
footer ul {padding-bottom: 20px;}
footer ul li {display: inline-block; position: relative; font-size: calc(0.26vw + 13.08px);}
footer ul li:nth-child(1):after {content: "|"; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -20px;}
footer ul li:nth-child(2) {padding-left: 35px ;}
footer ul li a {font-weight: 500; color: #f8f8f8;}

footer .cs_Information {position: absolute; top: 30px; left: 50%;}
footer .cs_Information .title {font-size: calc(0.26vw + 13.08px); font-weight: 500;}
footer .cs_Information p {}
footer .cs_Information p.phone_num {font-size: 26px; position: relative; padding-left: 20px;font-weight: 400;}
footer .cs_Information p.phone_num::before {position: absolute; display: block; content: ""; width: 17px; height: 16px; background: url(../images/footer_phoneico.png) no-repeat center;top: 55%; left: 0px; transform: translateY(-50%);}

@media all and (max-width:1400px) {
  footer .d_container {padding: 0 30px;}
}

@media all and (max-width:1200px) {
  footer {text-align: center; height: 300px;}
  footer .cs_Information {top: 160px; transform: translateX(-50%);}
}

@media all and (max-width:560px) {
  footer {height: 330px;}
  footer .cs_Information {top: 190px; }
}