/* 테이블 */
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; transition:.2s linear;}
input.text,
select.text {height:30px; padding:0 10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
select.text {min-width:160px; max-width:100%;} 

.payment_container {width:830px; max-width:100%; padding:0; margin:0 auto !important;}
.tbl input[type="text"], .tbl input[type="tel"], .tbl input[type="email"],  .tbl input[type="password"], .tbl textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px;  }
.tbl { position: relative; width:100%; }
.tbl:after {display:block;visibility:hidden;clear:both;content:""}
.tbl table {border-top:2px solid #34495e; width:100%;border-collapse: collapse;}
.tbl th,
.tbl td {width: 300px; border-bottom:#ddd 1px solid; color:#000; line-height:26px; padding:15px 10px;}
.tbl th {font-weight:500; background:#f8f9fa; text-align:center;}
.tbl td {color:#525252; text-align:center;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl.wauto th {width:auto !important;}
.over_tbl table {display:inline-block;}

.board_bottom .btns {overflow:hidden; width:100%; margin-top:50px; }
.board_bottom .btns .btn {display:inline-block; height:40px; line-height:40px; border-radius: 30px; background:#fff; color:#0080c6; font-weight:bold; text-align:center; border:#0080c6 1px solid; vertical-align:top; transition:.2s linear;}
.board_bottom .btns .btn:hover {color:#0067a0; border-color:#0067a0;}
.board_bottom .btns.tac {font-size:0; text-align:center;}
.board_bottom .btns.tac .btn {font-size:15px; color:#0080c6; font-weight:700; height:50px; line-height:48px; border:#0080c6 1px solid; margin:0 5px; background:none;}
.board_bottom .btns.tac .btn:hover {color:#0067a0; border-color:#0067a0;}
.board_bottom .btns.tac .btn_g {color:#666; border-color:#666;}
.board_bottom .btns.tac .btn_g:hover {color:#333; border-color:#333;}

.fancybox-overlay {background:none;}
.fancybox-skin {background:#fff;}
.fancy_pop {width:830px; max-width:100%; padding:0; margin:0 !important;}
.fancy_pop.container {padding:0;}
.fancy_pop .title {font-size:24px; color:#003e60; font-weight:700; line-height:54px; padding:0 20px; margin-bottom:0; text-align:center;}
.fancy_pop .title em {color:#b8defb;}
.fancy_pop .inbox {padding:20px 20px 40px;font-size:15px; }
.fancy_pop .inbox.tac {padding-bottom:20px;}
.fancy_pop .tbl th {width:260px;}
.fancy_pop .tbl td.tal {padding:0 20px;}
.fancy_pop .board_bottom .btns.tac {margin-top:30px;}
.fancybox-close {top:20px !important; right:20px !important; width:34px !important; height:34px !important; background-image:none !important;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:3px; background:#003e60; margin-left:-20px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}
.fancy_pop .tbl th.w1 {width:260px;}
.fancy_pop .tbl th.w2 {width:auto;}
.fancy_pop h3 { font-size: 1.2em; font-weight: 700; margin: 40px 0 20px 0; padding-left: 15px; border-left: 4px solid #e67e22; }
.fancy_pop h3:first-child { margin-top: 0; }
.fancy_pop .popup_info {font-size: 0.9em; line-height:1.5em;}

.my_board_wrap {display:flex; flex-wrap:wrap; gap:22px;}
.my_board_wrap dl {width:calc(50% - 11px); border:#ddd 1px solid;}
.my_board_wrap dt {position:relative; font-size:18px; color:#333; font-weight:700; line-height:28px; padding:10px 20px; border-bottom:#ddd 1px solid;}
.my_board_wrap dt .more {position:absolute; top:0; right:0; width:48px; height:48px;}
.my_board_wrap dt .more:before,
.my_board_wrap dt .more:after {content:""; position:absolute; top:50%; left:50%; background:#0b407b; transform:translate(-50%,-50%);}
.my_board_wrap dt .more:before {width:14px; height:2px;}
.my_board_wrap dt .more:after {width:2px;height:14px;}
.my_board_wrap dd {padding:25px 20px;}

.lecture-info .txt {position: relative; display: inline-block; padding:20px 15px; min-height:160px; width:100%;}
.lecture-info .cate {display:flex; gap:3px;}
.lecture-info .cate span {font-size:12px; color:#fff; font-weight:700; line-height:22px; width:38px; text-align:center; border-radius:5px;}
.lecture-info .cate .c1 {background:#8b00ff;}
.lecture-info .cate .c2 {background:#57c1cc;}
.lecture-info .cate .c3 {background:#5aa5da;}
.lecture-info .cate .c4 {background:#7081c3;}
.lecture-info .cate .c5 {background:#ff5400;}
.price del   { color:#aaa; }
/* ---------------------------------- */
/* 반응형 스타일 (모바일) - 최종 수정본 */
/* ---------------------------------- */
@media (max-width: 768px) {

	.tbl input[type="text"], .tbl input[type="tel"], .tbl input[type="email"],  .tbl input[type="password"], .tbl textarea { padding: 10px 10px;  font-size: 12px;  }
	.over_tbl {position:relative; overflow:hidden; padding-top:24px;}
	.over_tbl:before {content:"\f0a6 \ 좌우로 스크롤해주세요."; position:absolute; top:0; right:0; font-family:"Font Awesome 5 Free"; font-weight:900;}
	.over_tbl > div {overflow:auto;}
	.over_tbl > div table {width:767px;}

	.tbl.mo_break_tbl table,
	.tbl.mo_break_tbl thead,
	.tbl.mo_break_tbl tbody,
	.tbl.mo_break_tbl th,
	.tbl.mo_break_tbl td {display:block;}
	.tbl.mo_break_tbl tr {display:flex; flex-wrap:wrap;}
	.tbl.mo_break_tbl th {width:30%;}
	.tbl.mo_break_tbl td {width:70%;}
	.tbl.mo_break_tbl td img {max-height:25px;}
	.tbl th,	.tbl td { font-size:12px; line-height:16px;  padding:5px 5px;}

	.board_bottom .btns { margin-top:30px; }
	.board_bottom  .btns.tac .btn {font-size:13px; margin:0 1px; height:30px; line-height:30px; border-radius: 15px;}

	.fancy_pop .title {font-size:19x; line-height:50px; padding:0 10px;}
	.fancy_pop .inbox {padding:0px 0px; font-size:12px;}
	.fancy_pop .tbl td.tal {padding:0 10px;}
	.fancybox-close {width:50px; height:50px;}
	.fancybox-close:before,
	.fancybox-close:after {width:30px; margin-left:-15px;}

}