/* 초기화 */
* {word-break: keep-all;list-style: none;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.85em;font-family:'Noto Sans','Noto Sans KR','Nanum Gothic'}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Nanum Gothic'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, li, ol, dl, dt, dd {margin: 0;padding:0;list-style: none;}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, select, textarea {background:#fff;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR','Nanum Gothic';font-size:1em}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR','Nanum Gothic';font-size:1em}
select {margin:0; min-height:21px;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

a, a:link, a:visited, a:hover, a:focus, a:active {color:#000;text-decoration:none}
table {border-collapse: collapse;}



/* 컬러 */
.black {color:#000}
.white {color:#fff}
.red {color:#ff0001}
.blue {color:#1d5298;}



/* 상단 */
#hd {width:100%;margin:0 auto;background: rgba(255,255,255,0.8);}
#hd .top {clear: both;text-align: right;max-width: 1200px;margin:0 auto;}
.hd {width:100%;}
.top .top_menu {width:auto;}
.top .top1 {display: inline-block;font-size: 0.9em;font-weight:normal;text-align:center;padding:0 20px;position: relative;}
.top .top1 a {color:#333;}
.top .top1 a:hover {color: #ff0001;}
.top .top1:hover .top2 li {display: block;}
.top a.red {color:#ff0001;}
#hd .top a {margin: 5px 10px;display: inline-block;}
#hd .middle {clear: both;max-width: 1200px;margin:0 auto;}
#hd .middle .logo {width:240px;margin:0 auto;}
#hd .middle .logo img {width:100%;}
#hd .bot {clear: both;max-width: 1200px;margin:0 auto;}
#hd .bot .menu {width:100%;box-sizing: border-box;position: relative;}
.menu .mzero {width:100%;display: flex;justify-content: center;}
.menu .mzero .active a {color:#ff0001;}
.menu .mfirst {width:20%;font-size: 1.4em;font-weight:bold;text-align:center;padding:15px 0;position: relative;}
.menu .mfirst a {color:#333;}
.menu .mfirst a:hover {color: #ff0001;}
.menu .mfirst .subnav {display: block;position: absolute;z-index:99;width:100%;background:#fff;top:55px;}
.menu .mfirst .subnav li {display: none;font-size: 0.8em;font-weight: normal;}
.menu .mfirst .subnav li a {display:block;margin:20px 30px;}
.menu .mfirst:hover .subnav li {display: block;}
.menu a.red {color:#ff0001;}
.nav_toggle {display: none;}
.sidenav {display: none;}
.api_list_scroll_wrap {display: none;}

.mo_bar {display: none;}
/*.hdFixed {position: fixed;top: 0px;left:0;background:#fff;padding-bottom:10px;z-index: 999;box-shadow: 0 2px 1px rgba(0,0,0,0.1);}*/

@media all and (max-width:1024px){
    #hd .top {max-width: 100%;}
    #hd .middle {max-width: 100%;}
    #hd .bot {max-width: 100%;}
}

@media all and (max-width:625px){
    #hd .middle .partner_logo ul li {margin:0;}

    .menu .mzero {display: none;}
    .nav_toggle {position: absolute;top:-50px;left:10px;font-size: 1.4em;display: block;}
    .sidenav {display:block;height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;box-sizing: border-box;z-index: 999;}
    .sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 1.4em;color: #ddd;display: block;transition: 0.3s;}
    .sidenav a:hover {color: #f1f1f1;}
    .sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
    .sidenav .sidesuv {margin-bottom:20px !important}
    .sidenav .sidesuv a {text-indent: 30px;font-size:1.2em;}
    .sidenav .login {width:100%;font-size:0.9em;display: flex;justify-content: space-evenly;margin-top:50px !important;}
    .sidenav .login li {width:50%;text-align: center;}
    .sidenav .login li a {padding:10px 0;}

    .api_list_scroll_wrap {display: block;}
    .sch_tab .sch_tab_inner .api_list_scroll_wrap {height: 50px;}
    .api_list_scroll_wrap {overflow: hidden;overflow-x: auto;margin-top: 20px;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;}
    .api_list_scroll_wrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    .api_list_scroll_wrap>div {position: relative;height: 100%;}
    .api_list_scroll {position: relative;height: 100%;font-family: sans-serif;white-space: nowrap;}
    .api_list_scroll .bx {display: inline-block;position: relative;height: 100%;font-weight: bold;vertical-align: top;white-space: normal;line-height: 1.2;}
    .lst_sch .bx a.selected > span {color: #ff0001 !important}
    .lst_sch .bx a {display: block;position: relative;height: 50px;margin-left: 6px;padding: 0 9px;font-size: 1.2em;line-height: 50px;color: var(--G-color-text6);font-weight: 700;text-align: center;letter-spacing: -.3px;}
    .lst_sch .bx a .m {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;position: relative;max-width: 100%;padding: 0 3px;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;}
      
}


@media all and (max-width:425px){
    .mo_bar {display: block;margin: 10px auto;}
    .mo_bar ul {display: flex;justify-content: space-between;}
    .mo_bar ul li {margin:10px auto;text-align: center;}
    .mo_bar ul li a {font-size: 1.2em;font-weight: bold;}
}


.line_cont {width: 100%; padding:10px 0;background: #3A3333;box-sizing: border-box;}
.line_cont .box {width:100%;max-width: 1200px;margin:0 auto;color:#fff;}
.line_cont .box ul {display: flex;justify-content: space-around;}
.line_cont .box ul li {font-size: 1.2em;;}



@media all and (max-width:768px) {
    #hd {max-width:100%;}
    #hd .middle .logo {width:150px;float:inherit;margin:0 auto;text-align: center;}
    #hd .middle .logo img {width:100%;}

    
    .line_cont {max-width: 100%;padding:10px;margin-top:10px;}
    .line_cont .box ul {white-space: nowrap;overflow: hidden;overflow-x: auto;display: block;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none;}
    .line_cont .box ul::-webkit-scrollbar {display: none;}
    .line_cont .box ul li {display: inline-block;margin-right:10px;}
}


/* 콘텐츠 */
/* 메인 콘텐츠 */
section {width:100%;position: relative;box-sizing: border-box;}
.pc_v {display: block;}
.mo_v {display: none;}


.mc01 {width:100%;padding:50px 0;}
.mc01 .box {width:100%;max-width: 1200px;margin: 0 auto;position: relative;}
@media all and (max-width:1440px) {
    section {max-width: 100%;min-height:auto;}
}

@media all and (max-width:1024px) {
    section {padding:0 10px;}
    .mc01 .box {max-width: 100%;}
}

@media all and (max-width:768px) {
    .pc_v {display: none;}
    .mo_v {display: block;}
}

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




/* 수강하기 */
.on_reservation {width:100%;max-width: 1200px;margin:0 auto;}
.on_reservation .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.on_reservation .info_box .title {font-size:2em;font-weight: bold;}
.on_reservation .info_box .cont {font-size: 1.2em;color:#555;}
.on_reservation .box {width:100%;max-width: 1200px;margin: 0 auto;position: relative;}
.on_reservation .box .classdata {width:100%;display: flex;justify-content: space-between;}
.on_reservation .box .classdata .left {width:45%}
.on_reservation .box .classdata .left .img {width:100%;max-width: 540px;height:100%;max-height:540px;}
.on_reservation .box .classdata .left .img img {width:100%;height:100%;}
.on_reservation .box .classdata .right {width:52%}
.on_reservation .box .classdata .right table {width:100%;}
.on_reservation .box .classdata .right table tr th {font-size: 1.2em;padding: 10px 0;background: #f5f6f7;width:30%;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.on_reservation .box .classdata .right table tr td {font-size: 1.2em;padding: 10px; text-align: left;width:70%;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.on_reservation .box .classdata .right table tr td select {padding:5px; box-sizing: border-box;width:100%;border:1px solid #ddd;}
.on_reservation .box .classdata .right table tr:first-child th, .on_reservation .box .classdata .right table tr:first-child td {border-top:1px solid #ddd;}
.on_reservation .box .classdata .right table tr:last-child td {text-align: right;}
.on_reservation .box .classdata .right table tr:last-child td span {font-size:1.2em;color:#ff0001;}
.on_reservation .box .classdata .right .pay {margin: 50px auto;text-align: right;}
.on_reservation .box .classdata .right .pay button {background: #ff0001;color:#fff;font-size: 1.2em;}
.on_reservation .box .classdata .right .pay button:hover {background: #a22222;color:#fff;}
.on_reservation .box .classinfo {width:100%;border-top:1px solid #ddd;margin:100px 0;padding-top: 100px;}
.on_reservation .box .classinfo .tit {font-size: 1.4em;font-weight: bold;}
.on_reservation .box .classinfo .cont {font-size: 1.2em;padding:10px 0;}

@media all and (max-width:768px) {
    .on_reservation .box .classdata {display: inherit;}
    .on_reservation .box .classdata .left {width:95%;margin:0 auto;}
    .on_reservation .box .classdata .left .img {margin-bottom:20px;}
    .on_reservation .box .classdata .right {width:95%;margin:0 auto;}

    .on_reservation .box .classdata .right table tr {display: block;width:100%;}
    .on_reservation .box .classdata .right table tr th {display: block;width:100%;}
    .on_reservation .box .classdata .right table tr td {display: list-item;width:100%;}
    .on_reservation .box .classdata .right table tr:first-child td {border-top:0;}
    .on_reservation .box .classinfo {padding-top: 50px;}
}



/* 강의목록 */
/* Style the tab */
.tab {overflow: hidden;}
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 1.2em;border-top: 1px solid #3A3333;border-left: 1px solid #3A3333;border-bottom: 1px solid #3A3333;}
.tab button:last-child {border-right: 1px solid #3A3333;}
.tab button:hover {background-color: #3A3333;color:#fff;}
.tab button.active {background-color: #3A3333;color:#fff;}
.tabcontent {display: none;margin:20px auto;}
.tabcontent h3 {display: none;}

.classlist {width:100%;}
.classlist .classtype {width:100%;margin:20px 0;}
.classlist .classtype ul {display: flex;justify-content: start;}
.classlist .classtype ul li {padding:10px 20px;}
.classlist .classtype ul li.active {background: #ff0001;color:#fff;}
.classlist .list {width:100%;display: flex;flex-wrap: wrap;}
.classlist .list li {width:23%;margin-bottom:5%;margin-right:2%;float: left;}
.classlist .list li:nth-child(4n) {margin-right:0;}
.classlist .list li .img {width:100%;margin-bottom:20px;position: relative;}
.classlist .list li .img img {width:100%;}
.classlist .list li .img .type {position: absolute;top:0;left:0;padding: 5px 10px;background: #df0024;color: #fff;;}
.classlist .list li .text {width:100%;text-align: center;}
.classlist .list li .text .type {font-size: 1em;color:#ff0001;}
.classlist .list li .text .type a {color:#ff0001;}
.classlist .list li .text .title {font-size: 1.5em;color:#333;}
.classlist .list li .text .title a {color:#333}
.classlist .list li .text .comment {font-size:1.2em;color:#888;}
.classlist .list li .text .comment a {color:#888;}

.classlist .no_list {width:100%;text-align: center;margin:100px auto;}


/* 온라인예약 예약하기 클릭시 나오는 레이어팝업 */
.caution {background: rgba(0,0,0,0.3);position:fixed;width:100%;height:100vh;top:0;left:0;z-index: 1;}
.caution .caution_box {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;max-width:1200px;height:80vh;background: #fff;padding: 50px;box-sizing: border-box;box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);overflow: scroll;overflow-x: hidden;}
.caution .caution_box .tit {font-size: 2em;text-align: center;position: relative;margin-bottom:50px;}
.caution .caution_box .tit::before {content: '';width:100%;height:2px;background:#999;position: absolute;top:50%;left:0;transform: translateY(-50%);z-index: -1;}
.caution .caution_box .tit span {background: #fff;padding: 5px 20px;}
.caution .caution_box .cont {width:100%;}
.caution .caution_box .cont .co1 {border:1px solid #ddd;padding:20px;margin-bottom: 20px;font-size:1.4em;}
.caution .caution_box .cont .co1 input[type=checkbox] {border:1px solid #ddd;width:20px;height:20px;}
.caution .caution_box .cont .co1 .contbox {padding:10px 25px;font-size: 0.9em;}
.caution .caution_box .cont .co1 .contbox button {display: block;margin-top:20px;}
.caution .caution_box .cont .co1 .contbox .look {padding:20px;height:100px;width:100%;border: 1px solid #ddd;overflow: scroll;overflow-x: hidden;box-sizing: border-box;}
.caution .caution_box .cont .co2 {border:1px solid #ddd;padding:20px;margin-bottom: 20px;font-size:1.4em;}
.caution .caution_box .cont .co2 input[type=checkbox] {border:1px solid #ddd;width:20px;height:20px;}
.caution .caution_box .cont .co2 .contbox {padding:10px 25px;font-size: 0.9em;}
.caution .caution_box .cont .co2 .contbox button {display: block;margin-top:20px;}
.caution .caution_box .cont .co2 .contbox .look {padding:20px;height:100px;width:100%;border: 1px solid #ddd;overflow: scroll;overflow-x: hidden;box-sizing: border-box;}
.caution .caution_box .cont .co3 {border:1px solid #ddd;padding:20px;margin-bottom: 20px;font-size:1.4em;}
.caution .caution_box .cont .co3 input[type=checkbox] {border:1px solid #ddd;width:20px;height:20px;}
.caution .caution_box .cont .co3 .contbox {padding:10px 25px;font-size: 0.9em;}
.caution .caution_box .cont .co3 .contbox button {display: block;margin-top:20px;}
.caution .caution_box .cont .co3 .contbox .look {padding:20px;height:100px;width:100%;border: 1px solid #ddd;overflow: scroll;overflow-x: hidden;box-sizing: border-box;}
.caution .caution_box .cont .co4 {border:1px solid #ddd;padding:20px;margin-bottom: 20px;font-size:1.4em;}
.caution .caution_box .cont .co4 input[type=checkbox] {border:1px solid #ddd;width:20px;height:20px;}
.caution .caution_box .cont .co4 .contbox {padding:10px 25px;font-size: 0.9em;}
.caution .caution_box .cont .co4 .contbox button {display: block;margin-top:20px;}
.caution .caution_box .cont .co4 .contbox .look {padding:20px;height:100px;width:100%;border: 1px solid #ddd;overflow: scroll;overflow-x: hidden;box-sizing: border-box;}
.caution .caution_box .cont .co5 {border-top:1px solid #ddd;padding: 50px 20px;margin: 50px auto 20px;font-size:1.4em;}
.caution .caution_box .cont .co5 tr th {padding:5px 0;width:20%;background: #f5f6f7;}
.caution .caution_box .cont .co5 tr td {padding:5px 10px;width:80%;box-sizing: border-box;}
.caution .caution_box .cont .co5 input {border:1px solid #ddd;padding:10px;box-sizing: border-box;}
.caution .caution_box .cont .co5 input[type=checkbox] {border:1px solid #ddd;width:20px !important;height:20px;padding:0;}
.caution .caution_box .cont .co5 input[type=radio] {width:20px;}
.caution .caution_box .cont .co5 .contbox {padding:10px 25px;font-size: 0.9em;}
.caution .caution_box .cont .co5 .contbox button {display: block;margin-top:20px;}
.caution .caution_box .cont .co5 .contbox .look {padding:20px;height:100px;width:100%;border: 1px solid #ddd;overflow: scroll;overflow-x: hidden;box-sizing: border-box;}

/* 온라인예약 예약완료 시 나오는 레이어팝업 */
.complete {background: rgba(0,0,0,0.3);position:fixed;width:100%;height:100vh;top:0;left:0;z-index: 1;}
.complete .complete_box {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;max-width:800px;background: #fff;padding: 50px;box-sizing: border-box;box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);text-align: center;font-size: 1.4em;}
.complete .complete_box p {font-size: 1.2em;margin-bottom:50px;}
.complete .complete_box .tit span {background: #fff;padding: 5px 20px;}
.complete .complete_box .submit_btn {margin:50px 0 0;}

/* 온라인 예약 확인 및 취소 */
.on_reservation .box .cont {width:100%;}
.on_reservation .box .cont table {border-collapse: collapse;width:100%;border-top:2px solid #aaa;border-bottom:2px solid #ddd;box-sizing: border-box;}
.on_reservation .box .cont table tr th {width:30%;padding:10px;font-size: 1.4em;border-bottom:1px solid #ddd;background: #f5f6f7;box-sizing: border-box;}
.on_reservation .box .cont table tr td {width:70%;padding:10px;font-size: 1.4em;border-bottom:1px solid #ddd;box-sizing: border-box;}

@media all and (max-width:768px){
    .on_reservation {max-width: 100%;padding: 10px;box-sizing: border-box;}
    .on_reservation .info_box .cont {font-size: 1em;word-break: keep-all;}

    .on_reservation .box .reserve_cal .rc_box {display: block;}
    .on_reservation .box .reserve_cal .rc_box .cal {width: 100%;}
    .on_reservation .box .reserve_cal .rc_box .cal .cal_sel .a {padding-right:0}
    .on_reservation .box .reserve_cal .rc_box .cal .cal_sel .b {padding-right: 10px;}
    .on_reservation .box .reserve_cal .rc_box .cal .cal_sel .d {padding-left: 10px;}
    .on_reservation .box .reserve_cal .rc_box .cal .cal_sel .e {padding-left:0}
    .on_reservation .box .reserve_cal .rc_box .time {width: 100%;}

    .on_reservation .box .cont table tr {display: block;width:100%;}
    .on_reservation .box .cont table tr th {display: block;width:100%;}
    .on_reservation .box .cont table tr td {display: list-item;width:100%;}

    .classlist .list li {width:48%;}
    
    .caution .caution_box .cont .co5 {padding:50px 0;}
    .caution .caution_box .cont .co5 table tr {display: block;width:100%;}
    .caution .caution_box .cont .co5 table tr th {display: block;width:100%;margin-top: 10px;}
    .caution .caution_box .cont .co5 table tr td {display: list-item;width:100%;}
    .caution .caution_box .cont .co5 input {width: 100%;box-sizing: border-box;}

    .caution .caution_box {width:90%;max-width: 100%;word-break: keep-all;padding:50px 30px;}

    .complete .complete_box {width:90%;max-width: 100%;word-break: keep-all;padding:50px 30px;}
    .complete .complete_box p {word-break: keep-all;}
}

@media all and (max-width:425px){
    .tab button {font-size: 1em;}
    .classlist .list li {width:100%;margin-bottom:15%;}
    .classlist .list li .img {margin-bottom: 10px;}
}


/* 공지사항 리스트 */
.notice {width:100%;max-width: 1200px;margin:0 auto;}
.notice .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.notice .info_box .title {font-size:2em;font-weight: bold;}
.notice .info_box .cont {font-size: 1.2em;color:#555;}
.notice .box {width:100%}
.notice .box .rl_notice {width:100%;}
.notice .box .rl_notice table {width:100%;border-collapse: collapse;}
.notice .box .rl_notice table tr th {background:#f4f5f6;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:10px;text-align: center;}
.notice .box .rl_notice table tr th:first-child {width:10%;}
.notice .box .rl_notice table tr th:nth-child(3) {width:10%;}
.notice .box .rl_notice table tr th:nth-child(4) {width:10%;}
.notice .box .rl_notice table tr th:last-child {width:10%;}
.notice .box .rl_notice table tr td:nth-child(2) {text-align: left;}
.notice .box .rl_notice table tr td {border-bottom:1px solid #ddd;padding:10px;text-align: center;}
.notice .box .rl_notice table tr.noti td {background:#fce5e9;}
.notice .box .rl_notice table tr td a {color:#000;}

@media all and (max-width:768px){
    .notice .box .rl_notice table tr th:nth-child(1), .notice .box .rl_notice table tr th:nth-child(3), .notice .box .rl_notice table tr th:nth-child(4), .notice .box .rl_notice table tr th:nth-child(5) {display: none;}
    .notice .box .rl_notice table tr td:nth-child(1), .notice .box .rl_notice table tr td:nth-child(3), .notice .box .rl_notice table tr td:nth-child(4), .notice .box .rl_notice table tr td:nth-child(5) {display: none;}
    .notice .box .rl_notice table tr td:nth-child(2) {font-size: 1.2em;}
    .notice .box .rl_notice table tr td .w_info {color: #666;font-size: 0.9em;margin-top: 2px;}
}

.notice .box .rl_notice_v {width:100%;}
.notice .box .rl_notice_v .title {font-size:1.6em;margin-bottom:20px;}
.notice .box .rl_notice_v .title .data {font-size:0.7em;text-align:right;color:#555;}
.notice .box .rl_notice_v .title .data span:first-child {margin-right:10px;display: none;}
.notice .box .rl_notice_v table {width:100%;border-collapse: collapse;display: inline-table;margin-bottom:100px;}
.notice .box .rl_notice_v table tr th {background:#f4f5f6;border-top:1px solid #aaa;border-bottom:1px solid #ddd;padding:10px;text-align: center;width:20%;}
.notice .box .rl_notice_v table tr:first-child td {border-top:1px solid #aaa;}
.notice .box .rl_notice_v table tr:last-child th {border-bottom:1px solid #aaa;}
.notice .box .rl_notice_v table tr:last-child td {border-bottom:1px solid #aaa;}
.notice .box .rl_notice_v table tr td {text-align: left;border-bottom:1px solid #ddd;padding:10px;letter-spacing: -0.5px;font-size:1.2em;}


@media all and (max-width:425px) {
    .notice .box .rl_notice_v table tr td {padding:10px;}
}




/* 예약확인 */
.revpage {width:100%;max-width:1200px;margin:0 auto;}
.revpage .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.revpage .info_box .title {font-size:2em;font-weight: bold;}
.revpage .info_box .title img {width:200px;margin:20px 0;}
.revpage .info_box .cont {font-size: 1.2em;color:#555;}
.revpage .box {width:100%;}
.revpage .box .info {width:100%;max-width:500px;margin: 0 auto;}
.revpage .box .info label {display: block;}
.revpage .box .info span.hide_item {display: none;}
.revpage .box .info input[type=text] {border:1px solid #ddd;padding:10px;margin:10px auto;width:100%;font-size: 1.4em;box-sizing: border-box;}
.revpage .box .info input[type=password] {border:1px solid #ddd;padding:10px;margin:10px auto;width:100%;font-size: 1.4em;box-sizing: border-box;}
.revpage .box .info label.save_box {text-align: left;font-size: 1.2em;}
.revpage .box .info .btn_box {width: 100%;}
.revpage .box .info .btn_box button {display: block;width:100%;border-radius: 0;}
.revpage .box .info .btn_box button.login {margin-bottom:50px;background: #ff0001;color:#fff;}
.revpage .box .choose_type {margin:10px 0;}
.revpage .box .choose_type label {display: inline-block;margin-right:10px;font-size: 1.2em;}
.revpage .box .choose_type label input[type=radio] {width:15px;height:15px;margin-right:3px;}

@media all and (max-width:425px){
    .revpage {max-width:100%;}
    .revpage .box .info {max-width:100%;width:90%;}
}


/* 예약확인 데이터 */
.revdata {width:100%;max-width:1200px;margin:100px auto 0;}
.revdata .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.revdata .info_box .title {font-size:2em;font-weight: bold;}
.revdata .info_box .cont {font-size: 1.2em;color:#555;}
.revdata .box {width:100%;}
.revdata .box .info {width:100%;max-width:1200px;margin: 0 auto;}
.revdata .box .info .data {width:100%;display: flex;justify-content: space-between;box-sizing: border-box;}
.revdata .box .info .data li {text-align: center;width:100%;border-top: 1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.revdata .box .info .data li:last-child {border-right:1px solid #ddd;}
.revdata .box .info .data li:nth-child(2) {width:50%;}
.revdata .box .info .data li:nth-child(4) {width:50%;}
.revdata .box .info .data li:nth-child(5) {width:50%;}
.revdata .box .info .data .tit {font-size: 1.4em;border-bottom:1px solid #ddd;padding:10px 0;background:#f5f6f7;}
.revdata .box .info .data .cont {font-size: 1.2em;padding:10px 0;}
@media screen and (max-width:768px) {
    .revdata .box .info .data {display: block;}
    .revdata .box .info .data li {border-top: 1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:0;display: flex;}
    .revdata .box .info .data li:last-child {border-bottom:1px solid #ddd;}
    .revdata .box .info .data li:nth-child(2) {width:100%;}
    .revdata .box .info .data li:nth-child(4) {width:100%;}
    .revdata .box .info .data li:nth-child(5) {width:100%;}
    .revdata .box .info .data .tit {width:40%;border-bottom:0;border-right:1px solid #ddd;font-size: 1.2em;}
    .revdata .box .info .data .cont {width:60%;text-align: left;padding:10px;font-size: 1.2em;}
}




/* 예약대기신청 */
.waiting {width:100%;max-width: 1200px;margin:0 auto;}
.waiting .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.waiting .info_box .title {font-size:2em;font-weight: bold;}
.waiting .info_box .cont {font-size: 1.2em;color:#555;}
.waiting .box {width:100%}
.waiting .box .waiting_form {width:100%}
.waiting .box .waiting_form table {width:100%;}
.waiting .box .waiting_form table tr th {font-size: 1.2em;padding: 10px 0;background: #f5f6f7;width:30%;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.waiting .box .waiting_form table tr td {font-size: 1.2em;padding: 10px; text-align: left;width:70%;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.waiting .box .waiting_form table tr td input {padding:5px;box-sizing: border-box;width: 100%;border:1px solid #ddd;}
.waiting .box .waiting_form table tr td input[type="radio"] {width:15px;height:15px;margin-right:3px;}
.waiting .box .waiting_form table tr td input[type="checkbox"] {width:15px;height:15px;margin-right:3px;}
.waiting .box .waiting_form table tr td label {margin-right:10px;}
.waiting .box .waiting_form table tr td select {padding:5px; box-sizing: border-box;width:100%;border:1px solid #ddd;}
.waiting .box .waiting_form table tr:first-child th, .waiting .box .waiting_form table tr:first-child td {border-top:1px solid #ddd;}




/* 오시는길 */
.location {width:100%;max-width: 1200px;margin:0 auto;}
.location .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.location .info_box .title {font-size:2em;font-weight: bold;}
.location .info_box .cont {font-size: 1.2em;color:#555;}
.location .box {width:100%}
.location .box .map {width:100%;}
.location .box .map .mapsize {width:100%;}
.location .box .map_date {width:100%;margin-top:50px;border-top:2px solid #333;border-bottom:2px solid #333;font-size: 1.2em;box-sizing: border-box;}
.location .box .map_date table {width:100%;}
.location .box .map_date tr {border-bottom:1px solid #ddd;}
.location .box .map_date tr th {width:25%;background:#f5f6f7;text-align: center;padding:10px 0;vertical-align: middle;box-sizing: border-box;}
.location .box .map_date tr td {width:75%;padding:10px 20px;box-sizing: border-box;}
.location .box .map_date tr td span {margin-left:20px;}

@media all and (max-width:768px){
    .location .box .map_date table tr {display: block;width:100%;}
    .location .box .map_date table tr th {display: block;width:100%;}
    .location .box .map_date table tr td {display: list-item;width:100%;box-sizing: border-box;word-break: keep-all;}
}






/* 이용약관 */
.provision {width:100%;max-width: 1200px;margin:0 auto;}
.provision .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.provision .info_box .title {font-size:2em;font-weight: bold;}
.provision .info_box .cont {font-size: 1.2em;color:#555;}
.provision .box {width:100%;padding:20px;border:1px solid #ddd;}



/* 개인정보처리방침 */
.privacy {width:100%;max-width: 1200px;margin:0 auto;}
.privacy .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.privacy .info_box .title {font-size:2em;font-weight: bold;}
.privacy .info_box .cont {font-size: 1.2em;color:#555;}
.privacy .box {width:100%;padding:20px;border:1px solid #ddd;}



/* 이메일무단수집거부 */
.unauthorized {width:100%;max-width: 1200px;margin:0 auto;}
.unauthorized .info_box {width:100%;text-align: center;padding:20px 0;margin:50px 0;}
.unauthorized .info_box .title {font-size:2em;font-weight: bold;}
.unauthorized .info_box .cont {font-size: 1.2em;color:#555;}
.unauthorized .box {width:100%;padding:20px;border:1px solid #ddd;}



/* 게시글 카운트 */
.count {width:100%;margin:10px 0;clear: both !important;}
.count span {color:#ff0001;}
.count .one {display: inline-block;}
.count .two {display: inline-block;}
.count .count_opt {float:right;}
.count .count_opt select {border:1px solid #ddd;padding:5px 10px;border-radius: 5px;margin-bottom: 10px;}


/* 목록 페이징 */
.paging {text-align: center;margin:50px 0 20px;}
.paging .pagination {display: inline-block;}
.paging .pagination a {color: black;float: left;padding: 6px 10px 8px;text-decoration: none;transition: .3s;border: 1px solid #ddd;margin: 0 2px;}
.paging .pagination a.active {background-color: #ff0001;color: white;border: 1px solid #ff0001;}
.paging .pagination a:hover:not(.active) {background-color: #ddd;}
.search {margin:0 auto;text-align: center;}
.search select {padding:8px;border: 1px solid #ddd;}
.search input {border:1px solid #ddd;padding:9px;width:20%;}
.search button {border:0;background:#ff0001;color:#fff;padding:10px 15px;}


@media all and (max-width:500px) {
    .paging .pagination a {padding: 0px 5px 3px;}
}

/* 버튼 */
button {padding:10px 40px;border:0;transition: .3s;}
button:hover {transition: .3s;}
.btn_box {margin:50px auto;text-align: center;}

/* 더보기 버튼 */
.more_btn {margin: 0 auto;text-align: center;clear: both;}
.more_btn button {border: 1px solid #ddd;transition: .3s;}
.more_btn button:hover {background:#ff0001;color:#fff;transition: .3s;}

/* 등록 버튼 */
.submit_btn {margin:0 auto;text-align:center}
.submit_btn button {background: #ff0001;color:#fff;border-radius: 10px;}
.submit_btn button:hover {background:#630f0f;color:#fff;}

/* 글쓰기 */
.write {text-align:right;margin-top: 20px;}
.write button {background: #ff0001;color:#fff;}
.write button:hover {background:#630f0f;color:#fff;}

/* 글읽기 */
button.edit {border:1px solid #ddd;background:#fff;}
button.edit:hover {border:1px solid #ddd;background:#eee;}
button.list {border:1px solid #ddd;background:#fff;color:#000;}
button.list:hover {border:1px solid #630f0f;background:#630f0f;color:#fff;}
button.del {border: 1px solid #1100ff;background: #ff0001;color:#fff;}
button.del:hover {border:1px solid #630f0f;background:#630f0f;color:#fff;}


.btn_box button {border-radius: 5px;}
.btn_box button.submit {border:1px solid #ff0001;background:#ff0001;color:#fff;}
.btn_box button.submit:hover {border:1px solid #630f0f;background:#630f0f;color:#fff;}
.btn_box button.cancle {border:1px solid #666;background:#666;color:#fff;}
.btn_box button.cancle:hover {border:1px solid #555;background:#555;color:#fff;}



/* 하단 */
#ft {width:100%;margin-top:100px;padding:20px 0;background:#f5f6f7;}
#ft .copy_cont {width:100%;margin-top:20px;}
#ft .copy_cont .copy_body {clear: both;width:100%;max-width: 1200px;margin:0 auto;position: relative;box-sizing: border-box;text-align: center;}
#ft .copy_cont .copy_body .contact {color:#ff0001;font-size: 1.6em;font-weight: bold;margin:20px auto}
#ft .copy_cont .copy_body .copy_link li {display: inline-block;}
#ft .copy_cont .copy_body .copy_link li a {color:#000;padding:5px 15px;}
#ft .copy_cont .copy_body .text {display: inline-block;width:100%;color: #666;margin-top: 20px;}
#ft .copy_cont .copy_body .text span {margin-right:20px;}

#ft .quick_btn {position: fixed;bottom:20px;right:10%;z-index: 9;}
#ft .quick_btn button {background: #ff0001;color:#fff;border-radius: 10px;}
#ft .quick_btn button:hover {background:#630f0f;color:#fff;}


@media all and (max-width:1024px) {
    * {word-break: break-all;}

    #ft .copy {width:100%;padding:0 10px;}
    #ft .copy .copy_short {max-width: 100%;}
    #ft .copy_cont .copy_body {max-width: 100%;}
}


@media all and (max-width:768px) {
    .banner {max-width: 100%;}
    .banner img {width:100%;}
    .banner2 ul li {max-width: 100%;}
    .banner2 {margin:50px auto;}

    #ft .copy_cont .copy_body .text {display: inline-block;width:60%;}
    #ft .copy_cont .copy_body .copy_sns {right:8%;}
}

@media all and (max-width:625px) {
    #ft .copy_cont .copy_body {padding:0 10px;}
    #ft .copy_cont .copy_body .copy_logo {display: block;width:15%;margin:10px 0;}
    #ft .copy_cont .copy_body .text {display: block;width:100%;}
}


@media all and (max-width:425px) {
    table tr th, table tr td {letter-spacing: -0.5px;}
    table tr th.hide_mo, table tr td.hide_mo {display: none;}

    .banner2 {margin:30px auto;}
    .banner2 ul li {height:50px;}
    .banner2 ul li img {height:100%}

    .top .top1 {padding: 0px;}
    #ft .copy_cont .copy_body .text span {margin-right:3%;letter-spacing: -0.5px;}
    #ft .copy_cont .copy_body .text span:after {content:none;}
    #ft .copy_cont .copy_body .copy_sns {right:10%;}
}

@media all and (max-width:320px) {
    #ft .copy_cont .copy_body .copy_sns ul li img {width:100%}
}