@charset "utf-8";

.notice_wrap {background: #ffffff; padding: 54px 38px 100px; border-radius: 0 0 26px 26px;}
.notice_wrap > ul {margin: 0 0 72px;}
.notice_wrap > ul > li {border-top: 1px solid #ababab; font-size: 0; padding: 27px 0;}
.notice_wrap > ul > li:last-child {}
.notice_wrap > ul > li.gray_bg {background: #f4f4f4;}

.notice_wrap > ul > li > div {display: inline-block; vertical-align: middle; font-size: 18px; text-align: center;}
.notice_wrap > ul > li > div p {color: #999;}
.notice_wrap > ul > li .num_box {width: 10%; padding: 0 10px; box-sizing: border-box;}
.notice_wrap > ul > li .num_box span {color: #999;}
.notice_wrap > ul > li .num_box .ico_notice {border: 1px solid #202a60; display: inline-block; border-radius: 8px; background: #fff32b; line-height: 29px; color: #000; width: 100%; box-sizing: border-box; max-width: 54px;}
.notice_wrap > ul > li .notice_txt {width: 85%; text-align: left;}
.notice_wrap > ul > li .notice_date {width: 30%;}
.notice_wrap > ul > li .notice_date span {color: #999;}
.notice_wrap > ul > li .notice_hit {width: 10%;}
.notice_wrap > ul > li .notice_hit span {color: #999;}
.notice_wrap > ul > li > .file_name {display: block; text-align: left; font-size: 16px;}
.notice_wrap > ul > li > .file_name img {width: 20px; vertical-align: middle; margin-right: 8px;}
.notice_wrap > ul > li > .file_name strong {display: inline-block; margin-right: 5px; font-weight: 500;}

.notice_wrap .search_wrap {width: 430px; box-sizing: border-box; position: relative; margin: 38px auto 0; padding-right: 96px;}
.notice_wrap .search_wrap input {width: 100%; height: 55px; border: 1px solid #202a60; background: #ebeeff; font-size: 18px; padding: 0 26px; box-sizing: border-box;}
.notice_wrap .search_wrap button {font-size: 18px; color: #fff; background: #202a60; width: 92px; height: 55px; position: absolute; right: 0; top: 0;}

.notice_wrap.detail {}
.notice_wrap.detail > ul {margin: 0 0 30px;}
.notice_wrap.detail > ul > li {padding: 27px 25px; box-sizing: border-box; border-bottom: 1px solid #ababab;}
/*
.notice_wrap.detail > ul > li .notice_txt {width: 60%;}
.notice_wrap.detail > ul > li .notice_date {width: 20%;}
.notice_wrap.detail > ul > li .notice_hit {width: 20%;}
*/
.notice_wrap.detail > ul > li .notice_txt {}
.notice_wrap.detail > ul > li .notice_date,
.notice_wrap.detail > ul > li .notice_hit {width: auto; margin-right: 20px;}

.notice_wrap.detail .detail_cont {min-height: 450px; border-bottom: 1px solid #ababab; margin: 0 0 35px;}
.notice_wrap.detail .detail_cont img {max-width: 100%;}

.tbl_sort {background: #fff; border-radius: 0 0 26px 26px; margin: 0 0 36px;}
.tbl_sort ul {text-align: center; font-size: 0; padding: 23px 0;}
.tbl_sort ul li {display: inline-block; margin-right: 70px;}
.tbl_sort ul li:last-child {margin-right: 0;}
.tbl_sort ul li a {font-size: 18px; color: #000; display: block; padding: 6px 0;}
.tbl_sort ul li.on a {font-weight: bold; position: relative;}
.tbl_sort ul li.on a:after {content: ''; background: #202a60; width: 100%; height: 4px; position: absolute; top: 0; left: 0;}

.tbl_list {background: #fff; padding: 10px 38px 10px; border-radius: 26px;}
.tbl_list ul {display: table; width: 100%;}
.tbl_list ul li {display: table-cell; vertical-align: middle; text-align: center; padding: 0 8px; box-sizing: border-box;}
.tbl_list ul.tit {border-bottom: 1px solid #ababab;}
.tbl_list ul.tit.hide {display: none;}
.tbl_list ul.tit li {font-size: 18px; font-weight: bold; line-height: 67px;}

.tbl_list ul.cont {padding: 10px 0; border-bottom: 1px solid #ababab;}
.tbl_list ul.cont li {font-size: 18px; word-break: keep-all;}
.tbl_list ul.cont li:nth-child(4) {text-align: left;}
.tbl_list ul.cont li.ta_l {text-align: left;}
.tbl_list ul.cont li.color_navy {color: #202a60; font-weight: bold;}
.tbl_list ul.cont li .navy_subject {color: #202a60; font-weight: bold; font-size: 20px; text-align: left; display: block;}
.tbl_list ul.cont li .img_box {}
.tbl_list ul.cont li .img_box img {max-width: 55%; border: 8px solid #202a60; border-radius: 50%; box-sizing: border-box; width: 80%;}
.tbl_list.class_schedule ul.cont li .img_box {}
.tbl_list.class_schedule ul.cont li .img_box img {border: 1px solid #e6e6e6; width: 70%;}
.tbl_list ul.cont li span {display: block;}
.tbl_list ul.cont li span.nanum {display: inline-block;}
.tbl_list ul.cont li .color_navy {color: #202a60;}

/* 설명회 연사 */
.tbl_list ul li:first-child,
.tbl_list ul.cont li:first-child {width: 190px;}

.tbl_list ul li:nth-child(2),
.tbl_list ul.cont li:nth-child(2) {width: 300px;}

.tbl_list ul li:nth-child(3),
.tbl_list ul.cont li:nth-child(3) {width: 300px;}

.tbl_list ul li:nth-child(4),
.tbl_list ul.cont li:nth-child(4) {}

/* 설명회 예약 */
.tbl_list.reservation {border-radius: 0 0 26px 26px;}
.tbl_list.reservation ul li:first-child,
.tbl_list.reservation ul.cont li:first-child {}

.tbl_list.reservation ul li:nth-child(2),
.tbl_list.reservation ul.cont li:nth-child(2) {width: 350px;}

.tbl_list.reservation ul li:nth-child(3),
.tbl_list.reservation ul.cont li:nth-child(3) {width: 250px;}
.tbl_list.reservation ul.cont li:nth-child(3) {text-align: left;}

.tbl_list.reservation ul li:nth-child(4),
.tbl_list.reservation ul.cont li:nth-child(4) {width: 190px;}
.tbl_list.reservation ul.cont li:nth-child(4) {text-align: left;}

.tbl_list.reservation ul li:nth-child(5),
.tbl_list.reservation ul.cont li:nth-child(5) {}

.tbl_list.reservation ul.cont li:nth-child(2),
.tbl_list.class_schedule ul.cont li:nth-child(2) {position: relative;}
.tbl_list.reservation ul.cont li > span {font-size: 18px; border-radius: 11px; width: 209px; height: 52px; line-height: 49px; text-align: center; margin: 0 auto; cursor: pointer; margin-bottom: 10px;}
.tbl_list.reservation ul.cont li > span:last-child {margin-bottom: 0;}
.tbl_list.reservation ul.cont li > span.yellow {border: 3px solid #202a60; background: #fff32b; color: #202a60;}
.tbl_list.reservation ul.cont li > span.gray {color: #fff; background: #949494; border: 3px solid #949494;}
.tbl_list.reservation ul.cont li > span.guest {background: #fff; border: 3px solid #202a60;}
.tbl_list.reservation ul.cont li > span.guest em {color: #202a60;}
.tbl_list.reservation ul.cont li > span em {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 40px;}

.tbl_list.reservation ul.cont li dl {display: table; width: 100%;}
.tbl_list.reservation ul.cont li dl dt,
.tbl_list.reservation ul.cont li dl dd {display: table-cell; vertical-align: top;}
.tbl_list.reservation ul.cont li dl dt {width: 20%;}
.tbl_list.reservation ul.cont li dl dt strong {display: none;}
.tbl_list.reservation ul.cont li dl dd {padding: 0 0 0 10px;}

.tbl_list ul.cont li button.toggle_tbl {background: #202a60; width:88px; line-height: 28px; text-align: center; position: absolute; left: 50%; margin-left: -44px; bottom: -40px;}
.tbl_list ul.cont li button.toggle_tbl span {display: inline-block; padding-left: 17px; background: url(/img/service/triangle_white.png) no-repeat left center/9px 7px; font-size: 12px; color :#ffffff;}
.tbl_list ul.cont li button.toggle_tbl.on span {background: url(/img/service/triangle_white_on.png) no-repeat left center/9px 8px;}

.tbl_list ul.cont li button.toggle_tbl.notice,
.tbl_list ul.cont li button.toggle_tbl.class_schedule,
.tbl_list ul.cont li button.toggle_tbl.reservation {position: static; margin: 5px 0 0; display: block;}

.tbl_list.notice {border-radius: 0 0 26px 26px;}
.tbl_list.notice li.rel {position: relative;}
.tbl_list.notice .admin {background: #fff3d6; border-top: 1px solid #ababab;}
.tbl_list.notice .open_box {background: #fff;}
.tbl_list.notice .open_box > div {background: #ededed; padding: 20px 95px; border-bottom: 1px solid #999;}
.tbl_list.notice .open_box .down_btn {}
.tbl_list.notice .open_box .down_btn span {display: inline-block; padding: 2px 42px 2px 0; background: url(../img/ico/ico_down.png) no-repeat right center/27px;}

.tbl_list.notice li:first-child,
.tbl_list.notice ul.cont li:first-child {width: 15%;}

.tbl_list.notice li:nth-child(2),
.tbl_list.notice ul.cont li:nth-child(2) {width: 15%;}

.tbl_list.notice li:nth-child(3),
.tbl_list.notice ul.cont li:nth-child(3) {text-align: left; position: relative;}

.tbl_list.notice li:nth-child(4),
.tbl_list.notice ul.cont li:nth-child(4) {width: 15%; text-align: center;}

.tbl_list.notice li:last-child,
.tbl_list.notice ul.cont li:last-child {width: 10%;}

.tbl_list.speaker li:first-child,
.tbl_list.speaker ul.cont li:first-child {width: 15%;}
.tbl_list.speaker li:nth-child(2),
.tbl_list.speaker ul.cont li:nth-child(2) {width: 20%; text-align: left;}
.tbl_list.speaker ul.cont li:nth-child(2) span {font-weight: bold;}
.tbl_list.speaker li:nth-child(3),
.tbl_list.speaker ul.cont li:nth-child(3) {text-align: left; width: 40%;}

.aca_notice {background: #fff32b; display: inline-block; border: 1px solid #202a60; border-radius: 30px; font-size: 15px; font-weight: bold; color: #333; text-align: center; width: 120px; height: 36px; line-height: 34px; margin: 0 auto;}

.open_box {display: none;}
.open_box pre {padding: 20px 0; border-bottom: 1px solid #ababab;}
.open_box .bg_wrap {background: #ededed; padding: 45px 88px 35px; border-bottom: 1px solid #ababab;}
.open_box .bg_wrap .tit {display: block; font-size: 25px; color: #202a60;}
.open_box .bg_wrap .tit_sm {display: block; font-size: 25px; padding: 30px 0 35px;}

.open_box .bg_wrap ul {}
.open_box .bg_wrap ul li {margin-bottom: 35px; display: block; width: 100% !important; text-align: left;}
.open_box .bg_wrap ul li:last-child {margin-bottom: 0;}
.open_box .bg_wrap ul li p {font-size: 18px;}
.open_box .bg_wrap ul li p:first-child {font-weight: bold;}
.open_box .bg_wrap ul li p:last-child {}

.open_box .bg_wrap img {max-width: 100%;}



.open_box .bg_wrap table {
    width: 100%;
    border-top: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

.open_box .bg_wrap table td,
.open_box .bg_wrap table th {
    border-bottom: 1px solid #ababab;
    text-align: center;
    padding: 10px 0;
    border-right: 1px solid #ababab;
}


.tbl_list .pagination {margin: 40px 0 0;}
.tbl_list .pagination ul li {display: inline-block; width: auto !important;}
.tbl_list.class_schedule {margin-bottom: 30px;}
/* 설명회 일정 */
.class_tit {margin: 0 0 10px;}
.class_tit p {font-size: 26px; font-weight: 500; padding: 0 15px;}

.tbl_list.schedule ul li:first-child,
.tbl_list.schedule ul.cont li:first-child {}

.tbl_list.schedule ul li:nth-child(2),
.tbl_list.schedule ul.cont li:nth-child(2) {width: 300px;}

.tbl_list.schedule ul li:nth-child(3),
.tbl_list.schedule ul.cont li:nth-child(3) {width: 300px;}

.tbl_list.schedule ul li:nth-child(4),
.tbl_list.schedule ul.cont li:nth-child(4) {width: 190px; text-align: center;}

.ot_bg {background: #fff; border-radius: 26px; margin: 36px 0 0; padding: 55px 40px;}
.ot_list {margin: 0 0 60px;}
.ot_list > p {font-size: 20px; font-weight: bold; text-align: center; padding: 0 0 20px;}

.ot_list ul {border-top: 1px solid #ababab; padding: 40px 0 0; font-size: 0;}
.ot_list ul li {margin-right: 85px; display: inline-block; vertical-align: top; width: 400px;}
.ot_list ul li:nth-child(3n) {margin-right: 0;}
.ot_list ul li .img_box {margin: 0 0 10px;}
.ot_list ul li .img_box a {display: block; font-size: 0;  }
.ot_list ul li .img_box img {width: 100%; max-height: 225px;cursor:pointer;}
.ot_list ul li .txt_box {font-size: 18px;cursor:pointer;}
.ot_list ul li .txt_box strong {display: block;}
.ot_list ul li .txt_box p {}

.tbl_list ul.cont li .video_link {margin: 30px 0 0;}
.tbl_list ul.cont li .video_link button {margin: 3px; border-radius: 6px; background: #e2e7ff; border: 1px solid #202a60; box-sizing: border-box; width: 150px; height: 27px; text-align: center;}
.tbl_list ul.cont li .video_link button span {color: #202a60; font-size: 14px; font-weight: 500; display: block; padding-left: 34px; background: url(/img/service/ico_btn_play.png) no-repeat left 9px center/20px;}

.tbl_list ul.cont li dl {font-size: 0;}
.tbl_list ul.cont li dl dt,
.tbl_list ul.cont li dl dd {display: inline-block; vertical-align: top; font-size: 18px;}

.tbl_list ul.cont li dl dt {width: 100%;}
.tbl_list ul.cont li dl dd {padding-left: 70px;}
.tbl_list ul.cont li dl dd span {display: block; width: 150px; /*height: 40px; line-height: 38px; */font-size: 18px; border-radius: 11px; text-align: center; margin-bottom: 10px; cursor: pointer;}
.tbl_list ul.cont li dl dd span:last-child {margin-bottom: 0;}
.tbl_list ul.cont li dl dd span.yellow {border: 3px solid #202a60; background: #fff32b; color: #202a60;}
.tbl_list ul.cont li dl dd span.gray {background: #ccc; border: 3px solid #202a60; color: #202a60;}
.tbl_list ul.cont li dl dd span.navy {background: #202a60; border: 3px solid #202a60;}
.tbl_list ul.cont li dl dd span.navy em {color: #fff;}
.tbl_list ul.cont li dl dd span em {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 30px;}

.tbl_list ul.cont li .btn_wrap {}
.tbl_list ul.cont li .btn_wrap span {display: block; width: 150px; height: 40px; line-height: 38px; font-size: 18px; border-radius: 11px; text-align: center; margin-bottom: 10px; cursor: pointer;}
.tbl_list ul.cont li .btn_wrap span:last-child {margin-bottom: 0;}
.tbl_list ul.cont li .btn_wrap span.yellow {border: 3px solid #202a60; background: #fff32b; color: #202a60;}
.tbl_list ul.cont li .btn_wrap span.mint {border: 3px solid #202a60; background: #ADEFD1; color: #202a60;}
.tbl_list ul.cont li .btn_wrap span.gray {background: #ccc; border: 3px solid #202a60; color: #202a60;}
.tbl_list ul.cont li .btn_wrap span.navy {background: #202a60; border: 3px solid #202a60;}
.tbl_list ul.cont li .btn_wrap span.navy em {color: #fff;}
.tbl_list ul.cont li .btn_wrap span em {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center/22px; padding-right: 30px;}

.tbl_list.class_schedule ul.cont li dl {display: table; width: 100%;}
.tbl_list.class_schedule ul.cont li dl dt,
.tbl_list.class_schedule ul.cont li dl dd {display: table-cell;}
.tbl_list.class_schedule ul.cont li dl dt {width: 20%;}
.tbl_list.class_schedule ul.cont li dl dt strong {display: none;}
.tbl_list.class_schedule ul.cont li dl dd {padding: 0 0 0 10px; text-align: left;}
.tbl_list.class_schedule ul.cont li dl dd p span.red {display: inline-block; color: red; width: auto; margin: 0; line-height: unset; height: auto;}

.tbl_list.class_schedule ul li:first-child,
.tbl_list.class_schedule ul.cont li:first-child {width: 190px;}
.tbl_list.class_schedule ul.cont li:first-child p {font-weight: bold;}

.tbl_list.class_schedule ul li:nth-child(2),
.tbl_list.class_schedule ul.cont li:nth-child(2) {width: 350px;}

.tbl_list.class_schedule ul li:nth-child(3),
.tbl_list.class_schedule ul.cont li:nth-child(3) {width: 300px; text-align: center;}
.tbl_list.class_schedule ul.cont li:nth-child(3) {text-align: left; width: 350px;}

.tbl_list.class_schedule ul li:nth-child(4),
.tbl_list.class_schedule ul.cont li:nth-child(4) {width: 200px; text-align: center;}
.tbl_list.class_schedule ul.cont li:nth-child(4) {text-align: left; width: 210px;}
.tbl_list.class_schedule ul.cont li:nth-child(4) strong {display: none;}

.tbl_list.class_schedule ul li:nth-child(5),
.tbl_list.class_schedule ul.cont li:nth-child(5) {width: 180px; text-align: center; padding-left:27px;}

.menu_wrap {background: #fff; border-radius: 0 0 26px 26px; padding: 0 38px 60px;}
.menu_wrap .menu_top {text-align: center; position: relative; padding: 40px 0;}
.menu_wrap .menu_top .date_ctrl {display: inline-block;}
.menu_wrap .menu_top .date_ctrl button {width: 28px; height: 31px; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 28px 31px; display: inline-block; vertical-align: middle;}
.menu_wrap .menu_top .date_ctrl button.prev {background-image: url(../img/service/date_arrow_left.png);}
.menu_wrap .menu_top .date_ctrl button.prev.disabled {background-image: url(../img/service/date_arrow_left_gray.png);}
.menu_wrap .menu_top .date_ctrl button.next {background-image: url(../img/service/date_arrow_right.png);}
.menu_wrap .menu_top .date_ctrl button.next.disabled {background-image: url(../img/service/date_arrow_right_gray.png);}

.menu_wrap .menu_top .date_ctrl span {display: inline-block; vertical-align: middle; font-size: 25px; margin: 0 28px;}

.menu_wrap .menu_top .btn_link {position: absolute; right: 0; top: 33px;}
.menu_wrap .menu_top .btn_link a {font-size: 20px; background: #fff32b; border: 2px solid #202a60; border-radius: 14px; display: inline-block; padding: 0 40px; line-height: 50px;}
.menu_wrap .menu_top .btn_link a span {display: inline-block; background: url(/img/mypage/ico_link_blk.png) no-repeat right 1px center; padding-right: 40px;}

.menu_wrap .menu_msg {background: #f4f4f4; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding: 35px 80px;}
.menu_wrap .menu_msg span {font-size: 18px; display: block; word-break: keep-all;}

.menu_wrap .menu_list {}
.menu_wrap .menu_list > ul {}
.menu_wrap .menu_list > ul > li {border-bottom: 1px solid #ababab;}
.menu_wrap .menu_list > ul > li:last-child {border-bottom: 0;}
.menu_wrap .menu_list > ul > li dl {display: table; width: 100%; padding: 27px 0;}
.menu_wrap .menu_list > ul > li dl dt,
.menu_wrap .menu_list > ul > li dl dd {display: table-cell; vertical-align: middle;}
.menu_wrap .menu_list > ul > li dl dt {width: 230px; text-align: center;}
.menu_wrap .menu_list > ul > li dl dt span {font-size: 18px; display: block;}
.menu_wrap .menu_list > ul > li dl dt strong {display: inline-block; color: #fff; background: #202a60; border-radius: 8px; width: 94px; line-height: 28px; text-align: center; margin: 8px 0 0;}

.menu_wrap .menu_list > ul > li dl dd {}
.menu_wrap .menu_list > ul > li dl dd .tbl {border: 1px solid #999; border-radius: 12px; display: table; width: 100%; box-sizing: border-box; padding: 13px 0; margin-bottom: 14px;}
.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin-bottom: 0;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {display: table-cell; vertical-align: middle;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 200px; text-align: center; border-right: 1px solid #999999; box-sizing: border-box;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 60px 0 75px; position: relative;}

.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > span {font-size: 18px; font-weight: bold;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul {display: inline-block; width: calc(100% - 210px); vertical-align: top;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li {margin-bottom :5px;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li:last-child {margin-bottom: 0;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li.main_menu {padding-left: 9px; position: relative;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li.main_menu:after {content: '*'; position: absolute; left: 0; top: 0;}

.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic {display: inline-block; width: 200px; vertical-align: top; position: relative;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a {display: block; width: 200px;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a img {width: 100%;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic button {position: absolute; left: 150px; bottom: 20px; background: none; padding: 0;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic button span {font-size: 0; position: relative; width: 32px; height: 32px; background: #fff; border-radius: 50%; display: block;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic button span:after {content: ''; background: #408cfe; width: 3px; height: 20px; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic button span:before {content: ''; background: #408cfe; width: 20px; height: 3px; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}

.map_area {background: #fff; padding: 0 140px 150px; border-radius: 0 0 26px 26px;}

.top_map {padding: 40px 0 0; margin: 0 0 60px;}
.top_map .root_daum_roughmap {width: 100%; height: 400px;}

.top_map .arrive_info {}
.top_map .arrive_info dl {display: table; width: 100%; margin: 0 0 25px;}
.top_map .arrive_info dl:last-child {margin: 0;}
.top_map .arrive_info dt,
.top_map .arrive_info dd {display: table-cell; vertical-align: top;}
.top_map .arrive_info dt {font-size: 18px; font-weight: bold; width: 20%; padding-left: 100px; box-sizing: border-box;}
.top_map .arrive_info dd {}
.top_map .arrive_info dd > span {display: inline-block; vertical-align: middle; margin-right: 44px; color: #666;}
.top_map .arrive_info dd > span:last-child {margin-right: 0;}
.top_map .arrive_info dd > span strong {color: #666;}
.top_map .arrive_info dd .yellow_train {padding-left: 25px; background: url(../img/service/yellow_train.png) no-repeat left center/18px 26px;}
.top_map .arrive_info dd .orange_train {padding-left: 25px; background: url(../img/service/orange_train.png) no-repeat left center/18px 26px;}

.top_map .arrive_info dd > div {margin-bottom: 8px;}
.top_map .arrive_info dd > div:last-child {margin-bottom: 0;}
.top_map .arrive_info dd > div span {display: inline-block; vertical-align: middle; margin-right: 15px; color: #666;}
.top_map .arrive_info dd > div span strong {color: #666;}
.top_map .arrive_info dd > div span.blue_bus {padding-left: 27px; background: url(../img/service/blue_bus.png) no-repeat left center/23px 22px;}
.top_map .arrive_info dd > div span.green_bus {padding-left: 27px; background: url(../img/service/green_bus.png) no-repeat left center/23px 22px;}

.map_list {margin: 0 0 20px;}
.map_list ul {}
.map_list ul li {margin-bottom: 17px;}
.map_list ul li:last-child {margin-bottom: 0;}

.map_list ul li > div {border: 1px solid #202a60; border-radius: 20px; padding: 35px 45px; box-sizing: border-box;}
.map_list ul li .map_tbl {display: table; width: 100%;}
.map_list ul li .map_tbl > div {}
.map_list ul li .map_tbl .cell {display: table-cell; vertical-align: middle; font-size: 18px;}
.map_list ul li .map_tbl .cell:first-child {width: 20%; text-align: center;}
.map_list ul li .map_tbl .cell:nth-child(2) {}
.map_list ul li .map_tbl .cell:last-child {width: 15%; text-align: right;}
.map_list ul li .map_tbl .cell > strong {color: #000;}
.map_list ul li .map_tbl .cell p {color: #666;}
.map_list ul li .map_tbl .cell p strong {color: #666;}

.map_list ul li .map_tbl .cell button {background: #202a60; border-radius: 20px; width: 106px; height: 40px; text-align: center; border: 0;}
.map_list ul li .map_tbl .cell button span {display: inline-block; padding-left: 34px; font-size: 16px; color: #fff; background: url(../img/service/ico_map_open.png) no-repeat left center/17px; text-transform: uppercase;}
.map_list ul li .map_tbl .cell button.on span {background: url(../img/service/ico_map_close.png) no-repeat left center/17px;}

.map_list ul li > div .map_open {margin: 25px 0 0; display: none;}
.map_list ul li > div .map_open.on {display: block;}
.map_list ul li > div .map_open .root_daum_roughmap {width: 100%; height: 300px;}

.checkprivacy {width: 1450px; margin: 0 auto; padding: 50px 0;}
.agree_txt {color: #666; line-height: 18px;}
.agree_txt .tit {width: 100%; margin: 20px 0; font-size: 40px; padding-bottom: 30px; font-weight: bold; text-align: center; color: #333; line-height: 44px;}
.agree_txt h1 {font-size: 16px; font-weight: bold; padding: 30px 0 10px 0; color: #333;}
.agree_txt ul {margin: 10px 0;}
.agree_txt li {position: relative; margin-bottom: 5px;}
.agree_txt h2 {font-size: 16px; font-weight: bold; padding: 30px 0 10px 0; color: #333;}
.agree_sel {}
.agree_sel select {width: 300px;}

.menu_slide {background: #fff; position: relative; padding: 20px;}
.menu_slide .swiper-slide img {max-width: 100%; display: block; margin: 0 auto;}
.menu_slide .swiper-pagination {top: auto; bottom: -20px; left: 0; right: 0; text-align: center;}
.menu_slide .swiper-pagination.hide {display: none;}
.menu_slide .swiper-pagination .swiper-pagination-bullet {background: #cccccc; border-radius: 0; margin: 0 3px; width: 25px; height: 5px;}
.menu_slide .swiper-pagination .swiper-pagination-bullet-active {background: #ffef18; width: 50px;}

.notice_wrap.detail .detail_cont table.table-bordered {width: 100%; border-top: 1px solid #ababab; border-left: 1px solid #ababab;}
.notice_wrap.detail .detail_cont table.table-bordered td,
.notice_wrap.detail .detail_cont table.table-bordered th {border-bottom: 1px solid #ababab; text-align: center; padding: 10px 0; border-right: 1px solid #ababab;}

.open_box .bg_wrap table.table-bordered {width: 100%; border-top: 1px solid #ababab; border-left: 1px solid #ababab;}
.open_box .bg_wrap table.table-bordered td,
.open_box .bg_wrap table.table-bordered th {border-bottom: 1px solid #ababab; text-align: center; padding: 10px 0; border-right: 1px solid #ababab;}


.open_box>.bg_wrap>table{ 
width: 100%; border-top: 1px solid #ababab; border-left: 1px solid #ababab; 
}



@media screen and (max-width: 1750px) {
	.ot_list ul li {width: 30%; margin-right: 5%;}
	.ot_list ul li .img_box img {max-height: 180px;}


	/* 설명회 연사 */
	.tbl_list ul li:first-child,
	.tbl_list ul.cont li:first-child {width: 15%;}

	.tbl_list ul li:nth-child(2),
	.tbl_list ul.cont li:nth-child(2) {width: 20%;}

	.tbl_list ul li:nth-child(3),
	.tbl_list ul.cont li:nth-child(3) {width: 20%;}

	/* 설명회 예약 */
	.tbl_list.reservation ul li:first-child,
	.tbl_list.reservation ul.cont li:first-child {width: 15%;}

	.tbl_list.reservation ul li:nth-child(2),
	.tbl_list.reservation ul.cont li:nth-child(2) {width: 30%;}

	.tbl_list.reservation ul li:nth-child(3),
	.tbl_list.reservation ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list.reservation ul li:nth-child(4),
	.tbl_list.reservation ul.cont li:nth-child(4) {width: 20%;}

	.tbl_list.reservation ul li:nth-child(5),
	.tbl_list.reservation ul.cont li:nth-child(5) {}

	.tbl_list.reservation ul.cont li > span {width: 170px;}

	.tbl_sort ul li {margin-right: 40px;}
	
	/* 설명회 일정 */
	.tbl_list.schedule ul li:first-child,
	.tbl_list.schedule ul.cont li:first-child {}

	.tbl_list.schedule ul li:nth-child(2),
	.tbl_list.schedule ul.cont li:nth-child(2) {width: 15%;}

	.tbl_list.schedule ul li:nth-child(3),
	.tbl_list.schedule ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list.schedule ul li:nth-child(4),
	.tbl_list.schedule ul.cont li:nth-child(4) {width: 20%; text-align: center;}

	.map_area {padding: 0 70px 70px;}
	.top_map .arrive_info dt {padding-left: 50px;}

	.tbl_list.class_schedule ul li:first-child,
	.tbl_list.class_schedule ul.cont li:first-child {width: 20%; vertical-align: top;}

	.tbl_list.class_schedule ul li:nth-child(2),
	.tbl_list.class_schedule ul.cont li:nth-child(2) {width: 25%;}

	.tbl_list.class_schedule ul li:nth-child(3),
	.tbl_list.class_schedule ul.cont li:nth-child(3) {width: 25%;}

	.tbl_list.class_schedule ul li:nth-child(4),
	.tbl_list.class_schedule ul.cont li:nth-child(4) {width: 15%;}

	.tbl_list.class_schedule ul li:nth-child(5),
	.tbl_list.class_schedule ul.cont li:nth-child(5) {width: 15%;}

	.tbl_list ul.cont li dl dd {padding-left: 30px;}
}
@media screen and (max-width: 1550px) {
	.notice_wrap > ul > li .notice_txt {width: 83%;}
}
@media screen and (max-width: 1480px) {
	.tbl_list ul.cont li dl dd span {width: 120px; height: 35px; line-height: 32px; display: inline-block;}
	.tbl_list ul.cont li dl dt, .tbl_list ul.cont li dl dd {padding: 0; display: block; margin: 8px 0; width: 100%;}

	.tbl_list ul.cont li .btn_wrap span {width: 120px; height: 35px; line-height: 32px; display: inline-block;}

	/* 시간표 */
	.tbl_list ul li:first-child,
	.tbl_list ul.cont li:first-child {width: 15%; text-align: center !important;}

	.tbl_list ul li:nth-child(2),
	.tbl_list ul.cont li:nth-child(2) {}

	.tbl_list ul li:nth-child(3),
	.tbl_list ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list ul li:nth-child(4),
	.tbl_list ul.cont li:nth-child(4) {width: 20%;}

	.menu_wrap .menu_top .date_ctrl span {font-size: 20px;}
	.menu_wrap .menu_top .btn_link a {padding: 0 10px; font-size: 18px;}
	.menu_wrap .menu_msg {padding: 20px 40px;}
	.menu_wrap .menu_msg span {font-size: 15px; display: inline;}

	.menu_wrap .menu_list > ul > li dl dt, .menu_wrap .menu_list > ul > li dl dd {display: block; width: 100%;}
	.menu_wrap .menu_list > ul > li dl dt {text-align: left; margin: 0 0 20px;}
	.menu_wrap .menu_list > ul > li dl dd:after {content: ''; clear: both; display: block;}
	.menu_wrap .menu_list > ul > li dl dd .tbl {vertical-align: top;}
	.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin-right: 0;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic {position: relative; padding-left: 20px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a {width: 100%;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 20%;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic button {left: auto; right: 25px; bottom: 26px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul {width: calc(100% - 250px);}
	.checkprivacy {width: 100%; padding: 0 20px; box-sizing: border-box;}
}
@media screen and (max-width: 1150px) {
	.ot_list ul li .img_box img {max-height: 105px;}
	.notice_wrap > ul > li .notice_txt {width: 75%;}
}
@media screen and (max-width: 970px) {
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {display: block; padding: 0 20px; box-sizing: border-box; font-size: 15px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 100%; text-align: left; border: 0; margin: 0 0 10px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 20px;}
	.menu_wrap .menu_msg {padding: 10px 20px;}

	.menu_wrap .menu_top {padding: 20px 0;}
	.menu_wrap .menu_top .btn_link {line-height: 30px; font-size: 15px; position: static; transform: unset; margin: 20px auto 0; display: block; width: 180px;}
	.menu_wrap .menu_top .btn_link a {font-size: 15px;}
	.menu_wrap .menu_top .btn_link a span {}

	.tbl_list.class_schedule ul li:first-child,
	.tbl_list.class_schedule ul.cont li:first-child {width: 20%;}
	.tbl_list.class_schedule ul li:nth-child(2),
	.tbl_list.class_schedule ul.cont li:nth-child(2) {}
	.tbl_list.class_schedule ul li:nth-child(3),
	.tbl_list.class_schedule ul.cont li:nth-child(3) {width: 30%;}
	.tbl_list.class_schedule ul li:nth-child(4),
	.tbl_list.class_schedule ul.cont li:nth-child(4) {width: 15%;}

	.tbl_list.notice ul.cont {padding: 10px 20px 10px; box-sizing: border-box;}
	.tbl_list.notice ul.cont li {text-align: left;}

	.tbl_list ul.cont li button.toggle_tbl.notice {bottom: -50px;}
}

@media screen and (max-width: 768px) {
	.notice_wrap {padding: 30px 28px 50px;}
	.notice_wrap > ul > li {padding: 20px 0; display: table; width: 100%; box-sizing: Border-box;}
	.notice_wrap > ul > li > div {padding: 0 10px; box-sizing: border-box; word-break: keep-all; font-size: 15px;}
	.notice_wrap > ul > li .num_box {display: none;}
	.notice_wrap > ul > li .notice_txt {width: 100% !important; display: block;}
	.notice_wrap > ul > li .notice_date {width: 44% !important; text-align: left; display: inline-block;}
	.notice_wrap > ul > li .notice_hit {width: 30% !important; text-align: left; display: inline-block;}
	.notice_wrap .search_wrap {width: 100%;}
	.notice_wrap .search_wrap input,
	.notice_wrap .search_wrap button {font-size: 15px;}
	.notice_wrap.detail .detail_cont {min-height: 200px; margin: 0 0 15px;}
	.notice_wrap.detail .detail_cont img {width: 100%;}

	.class_tit p {font-size: 18px;}

	.tbl_list ul.tit {display: none;}
	.tbl_list ul.cont {padding: 10px 0 25px; position: relative;}
	.tbl_list ul.cont li {display: block; width: 100%;}
	.tbl_list ul li,
	.tbl_list ul.cont li {width: 100% !important; padding: 0; text-align: left; margin-bottom: 5px; font-size: 15px;}
	.tbl_list ul.cont li:last-child {margin-bottom: 0;}

	.tbl_list.speaker ul.cont {display: block; padding: 20px 0; margin: 0 0 30px;}
	.tbl_list.speaker li:first-child,
	.tbl_list.speaker ul.cont li:first-child {display: inline-block; width: 29% !important; margin: 0;}
	.tbl_list.speaker li:nth-child(2),
	.tbl_list.speaker ul.cont li:nth-child(2) {display: inline-block; width: 70% !important; margin: 0; padding-left: 10px;}
	.tbl_list.speaker li:last-child, .tbl_list.speaker ul.cont li:last-child {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;}

	.tbl_sort ul {padding: 10px;}
	.tbl_sort ul li {margin-right: 35px;}
	.tbl_sort ul li a {font-size: 14px;}

	.tbl_list.reservation ul.cont li > span {width: 120px; height: 35px; line-height: 35px; margin: 0; font-size: 15px; display: inline-block; margin: 0 10px 10px 0;}
	.tbl_list.reservation ul.cont li > span.guest {min-width: 150px;}
	.tbl_list.reservation ul.cont li:nth-child(2) {position: static;}
	.tbl_list.reservation ul.cont li:nth-child(4) {text-align: left;}
	.tbl_list.reservation ul.cont li button {bottom: 0;}
	.tbl_list.reservation ul.cont li dl dt strong {display: block;}
	.tbl_list.class_schedule {display: block; padding: 20px 15px; margin: 0 0 30px;}
	.tbl_list.class_schedule ul.cont li:first-child {position: static; display: inline-block; width: 29% !important; margin: 0; text-align: center;}
	.tbl_list.class_schedule li:nth-child(2),
	.tbl_list.class_schedule ul.cont li:nth-child(2) {display: inline-block; width: 70% !important; margin: 0; padding-left: 20px;}
	.tbl_list.schedule ul li:nth-child(4),
	.tbl_list.schedule ul.cont li:nth-child(4) {text-align: left;}

	.ot_list ul li {width: 100%; margin-right: 0 !important; margin-bottom: 20px;}

	.tbl_list ul.cont li dl dt, .tbl_list ul.cont li dl dd {font-size: 15px; text-align: left;}
	.tbl_list ul.cont li dl dd span {font-size: 15px; display: inline-block; margin-right: 5px;}

	.tbl_list.class_schedule ul li:nth-child(4),
	.tbl_list.class_schedule ul.cont li:nth-child(4) {text-align: left;}
	.tbl_list ul.cont li .btn_wrap {padding: 0; text-align: left;}
	.tbl_list ul.cont li .btn_wrap span {font-size: 15px; display: inline-block; margin-right: 5px;}
	.tbl_list.class_schedule ul.cont li:nth-child(3) strong,
	.tbl_list.class_schedule ul.cont li:nth-child(4) strong {display: inline-block;}

	.pagination ul li a {font-size: 15px;}

	.open_box .bg_wrap .tit {font-size: 20px;}
	.open_box .bg_wrap .tit_sm {font-size: 20px; padding: 15px 0;}
	.open_box .bg_wrap ul li p {font-size: 14px;}
	.open_box .bg_wrap {padding: 10px 28px;}

	.menu_wrap {padding: 0 28px 30px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {padding: 0 10px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 10px;}

	.menu_wrap .menu_list > ul > li dl dd .tbl {width: 100%; margin: 0; float: none; margin: 0 0 20px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin: 0;}

	.map_area {padding: 0 35px 35px;}

	.top_map {margin: 0 0 30px;}
	.top_map .arrive_info dt,
	.top_map .arrive_info dd {padding: 0; display: block; width: 100%; font-size: 15px;}
	.top_map .arrive_info dd > div span strong {font-size: 15px;}
	.top_map .arrive_info dt {margin: 0 0 15px;}
	.top_map .arrive_info dd > div {margin: 0 0 15px;}
	.top_map .arrive_info dd > span {margin: 0 0 15px; display: block;}
	.top_map .arrive_info dd > div span {font-size: 13px;}

	.map_list ul li > div {padding: 20px 15px;}
	.map_list ul li .map_tbl .cell {font-size: 15px; display: block; width: 100% !important; text-align: left !important; margin: 0 0 10px;}
	.map_list ul li .map_tbl .cell:last-child {margin: 0; text-align: right !important;}
	.map_list ul li .map_tbl .cell p strong {font-size: 15px;}
	.ot_bg {padding: 0 28px;}

	.tbl_list {padding: 10px 15px 50px;}

	.tbl_list.notice ul.cont {position: relative;}
	.tbl_list ul li:first-child, .tbl_list ul.cont li:first-child {text-align: left !important;}
	.tbl_list.notice li:nth-child(3),
	.tbl_list.notice ul.cont li:nth-child(3) {position: static;}
	.tbl_list.notice li:nth-child(4),
	.tbl_list.notice ul.cont li:nth-child(4) {text-align: right;}
	.tbl_list.notice .open_box > div {padding: 20px; font-size: 15px;}
	.tbl_list ul.cont li button.toggle_tbl.notice {bottom: 0; left: 50%; /* transform: translateX(-50%); */}
	.tbl_list ul.cont li > img {border: 4px solid; width: 100%;}
	.tbl_list.class_schedule ul.cont li dl {margin-top: 10px;}
	.tbl_list.class_schedule ul.cont li:first-child p {}

	.tbl_list.reservation ul.cont li dl dt {width: 15%;}
	.tbl_list ul.cont li .video_link {}
	.tbl_list ul.cont li .video_link button {margin: 0; margin: 0 0 8px;}

	.menu_wrap .menu_top .btn_link a {line-height: 30px; font-size: 15px; position: static; transform: unset; margin: auto; display: block; box-sizing: border-box;}
	.tbl_list.class_schedule ul.cont li dl dt {width: 29%;}
	.tbl_list.class_schedule ul.cont li dl dd {padding-left: 20px;}

	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic {width: 70%; padding: 0; margin-top: 20px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul {width: 100%; word-break: break-all;}

	.tbl_list ul.cont li .img_box img {max-width: 100%;}
	.open_box .bg_wrap img {max-width: 100% !important;}
	.open_box img {max-width: 100% !important;}
}
@media screen and (max-width: 500px) {
	.tbl_sort ul li {margin-right: 15px;}
	.tbl_list ul.cont li .video_link {margin: 20px 0 0;}

	.open_box .bg_wrap img {max-width: 100% !important;}
	.open_box img {max-width: 100% !important;}
}

@media screen and (max-width: 1890px) {
.timeTableList> .class_schedule > .bg_wrap > img {
    width: 100%;	
}
}

@media screen and (max-width: 1890px) {
	.timeTableList > .class_schedule > .bg_wrap > a > img {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
.timeTableList> .class_schedule > .bg_wrap  {
    text-align: center;	
}
}