@charset "utf-8";

legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
input, select, textarea, button { min-height: 15px; margin: 0; padding: 0 4px; font-size: 1.0em; line-height: 1.7; vertical-align: middle;  font-size:14px; }
textarea{ padding:2px 0 0 2px; border: 1px solid #bbb; background: #fff; }
select{ padding: 3px 20px 3px 7px; height: 27px; line-height: 1.4; border: 1px solid #bfbfbf; background: #fff url("../images/common/select_arrow.gif") no-repeat scroll 95% 60%; font-size: 14px;}

input.search { width: 300px; height: 24px; border: 1px solid #bfbfbf; margin: 0; padding-left: 5px; }
* html select{ margin-top: 1px; margin-bottom: 1px; }
*:first-child+html select{ margin-top: 1px; margin-bottom: 1px; }

.btn_src_green { display: inline-block; padding: 9px 20px; height: 35px; background: #4c990f; color: #fff; font-size: 16px; vertical-align: middle; }
.btn_src_darkgray { display: inline-block; padding: 9px 20px; height: 35px; background: #7d7d7d; color: #fff; font-size: 16px; vertical-align: middle; }
.btn_src_blue { display: inline-block; padding: 4px 20px; height: 32px; background: #0c509e; color: #fff; font-size: 14px; vertical-align: middle; }
.btn_src_gray { display: inline-block; padding: 4px 20px; height: 32px; background: #e1e1e1; color: #333; font-size: 14px; vertical-align: middle; }
.btn_visible_blue { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #1985b3; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_bluegreen { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #1ea685; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_orange { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #fb6f36; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_gray { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #9f9f9f; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_invisible { cursor: default; padding: 5px 14px 3px; height: 24px; background: #ccc; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_step_gray { display: inline-block; padding: 4px 10px; height: 30px; background: #898989; color: #fff; font-size: 12px; line-height: 1.9; }

.btn_src_mgray { display: inline-block; padding: 10px 25px; height: 45px; background: #7f7f7f; color: #fff; font-size: 20px; vertical-align: middle; }


/* 버튼 모음 사용중 */
.btn_src_reserve01 {display: inline-block; margin: 0; padding: 14px 75px; height: 52px; background: #f2223d; color: #fff; font-size: 16px; vertical-align: middle; font-weight:bold; -webkit-border-radius : 3%;}
.btn_go_list {display: inline-block; margin: 0; padding: 14px 75px; height: 52px; background: #3ba6d9; color: #fff; font-size: 16px; vertical-align: middle; font-weight:bold; -webkit-border-radius : 3%;}
.btn_pay {display: inline-block; margin: 0; padding: 14px 75px; height: 52px; background: #f2223d; color: #fff; font-size: 16px; vertical-align: middle; font-weight:bold; -webkit-border-radius : 3%;}
.btn_pray {display: inline-block; margin: 0; padding: 14px 75px; height: 52px; background: #808080; color: #fff; font-size: 16px; vertical-align: middle; font-weight:bold; -webkit-border-radius : 3%;}
.btn_src { display: inline-block; padding: 4px 14px; height: 35px; background: #6782be; color: #fff; font-size: 14px; vertical-align: middle; font-weight:bold; -webkit-border-radius : 4%;}



/*검색영역*/
.search_box {width:100%; margin-bottom: 30px; text-align:center; }
.search_box input, .search_box select { padding: 3px; border: 1px solid #d4d4d4; vertical-align: middle;  }
.search_box input { padding: 0 4px; width: 20%; height: 40px; background: #fff; -webkit-border-radius:0; -webkit-appearance:none;     border-radius: 5px;}
.search_box input[type="image"] { padding:0; width:88px; height:35px; border:0; }
.search_box input[type="image"]:hover { padding:0; width:88px; height:35px; border:0; }
.search_box select { padding: 3px 12px 3px 5px; width: 10%; height: 40px; background: #fff url("../images/common/select_arrow.gif") no-repeat 94% 48%; border-radius:5px; }
.btn_search { float: right; display: inline-block; width: 28px; height: 28px; padding: 0 16px; border:1px solid red; background:#2e3336; color:#fff; text-align: center; overflow: hidden; text-indent: 200%; font-size: 0; line-height: 0; }


/*페이지네비게이션*/
.pgnate { margin: 50px auto; text-align: center; }
.pgnate span, .pgnate a, .pgnate img { border:0; }
.pgnate a span { display:block; width:30px; height:30px; vertical-align: top; text-indent:-9999px; }
.pgnate a { display: inline-block; width:28px; height:28px; vertical-align: top; }
.pgnate a.p_first { width:30px; height:30px; margin: 0; background: url(../images/common/page_first.gif) no-repeat 0 50%; }
.pgnate a.p_prev { margin: 0 5px; background: url(../images/common/page_prevs.gif) no-repeat 0 50%; width:30px; height:30px; }
.pgnate a.p_next { margin: 0 5px; background: url(../images/common/page_next.gif) no-repeat 0 50%; width:30px; height:30px; }
.pgnate a.p_last { margin: 0; background: url(../images/common/page_last.gif) no-repeat 0 50%; width:30px; height:30px;}
.pgnate a { display: inline-block; width:30px; margin:0 5px; height:30px; line-height:32px; border: 1px solid #c9c9c9; font-size: 13px; text-align: center; background-color:#fff; border-radius : 50%;}
.pgnate a:first-child .p_num{ margin-left: 0 }
.pgnate a.on { height:32px; width:32px; border:0; color:#ffffff; background-color:#448ccb; }



/* 리스트 */
.board table.tblList { width: 100%; border-top: 2px solid #666666; border-bottom: 1px solid #dedede; font-size: 14px; }
.board table.tblList thead tr { line-height: 50px; font-size: 14px; color: #555; background: #f7f7f7; padding:5px 0; }
.board table.tblList thead th { text-align: center; font-size: 15px; font-weight:400; }
.board table.tblList tbody td { text-align: center; border-top: 1px solid #dedede; padding: 10px; line-height: 140%;}
.board table.tblList tbody td.tl { text-align: left; border-top: 1px solid #dedede; padding: 10px; line-height: 140%; }
.board table.tblList a { font-size: 15px; color: #555555; }
.board table.tblList a:hover {color:#6782be;}

/* 뷰페이지2 */
.board table.view { margin-bottom:37px; width:100%; border-top: 2px solid #666666; border-bottom: 1px solid #dedede; font-size: 14px; }
.board table.view thead tr { font-size: 14px; color: #555; background: #f7f7f7; padding:5px 0; }
.board table.view thead th { padding:15px 28px; font-size: 15px; font-weight:400; text-align:left; }
.board table.view tbody td { color:#777777; border-top: 1px solid #dedede; padding: 15px 28px; line-height: 140%;}
.board table.view tbody td.count { text-align:right; }
.board table.view tbody td.tl { text-align: left; border-top: 1px solid #dedede; padding: 10px; line-height: 140%; }
.board table.view tbody td div.cont_box { min-height:300px; }
.board table.view a { font-size: 15px; color: #555555; }
.board table.view a:hover {color:#6782be;}
.board table.view a.link_file { color:#ed1c24; display:inline-block; line-height:16px; padding-left:23px; background:url('/images/common/ico_file.gif') 0 0 no-repeat; }
.board table.view a.link_file:hover, .board table.view a.link_file:focus, .board table.view a.link_file:active { text-decoration:underline; }

/* 글쓰기 */
.board table.write { margin-bottom:37px; width:100%; border-top:1px solid #dedede; font-size:15px; color:#555555; text-align:left; }
.board table.write th, .board table.write td { padding:10px 20px; border-bottom:1px solid #dedede; }
.board table.write th { font-weight:400; background-color:#f5fafc; }


div.write_button { text-align:center; }
div.write_button a span { width:120px; }



/* 글쓰기
.board table.write { clear: both; width: 100%!important; border: 0!important; border-collapse: collapse; border-top: 2px solid #666666!important; border-bottom: 1px solid #dedede!important; font-size: 13px; }
.board table.write .stitle { width: 15%; vertical-align: top; padding: 15px 5px 10px 10px; text-align: center; background: #f7f7f7;  font-size:14px; color:#454545; font-weight:bold;}
.board table.write input.text { border: 1px solid #e2e2e2; width: 150px; background: #fff; }
.board table.write textarea { border: 1px solid #e2e2e2; background: #fff; }
.board table.write .attach { border: 1px solid #e3e3e3; width: 98%; height: 23px; padding: 0; }
.board table.write .w100 { width: 98% !important; }
.board table.write .w50 { width: 50% !important; }
.board table.write tr { }
.board table.write th { font-weight: bold; border-bottom: 1px solid #e5e5e5; }
.board table.write td { padding: 15px 5px 10px 10px; border: 0; border-bottom: 1px solid #eee; font-weight: normal;  font-size:14px; }
.board table.write td.wtitle { padding: 10px 5px 10px 10px; border: 0; border-bottom: 1px solid #eee; font-weight: normal;}
 */


/* 갤러리 */
.gallery-list { display: block; position: relative; }
.gallery-list .no-data { width: 100%; padding: 70px 0px 70px 0px; height: auto; }
.gallery-list:after {clear: both; content:""; display: block; }
.gallery-list li { float: left; display: block; position: relative; overflow: hidden; height: 220px; padding: 0 10px; text-align: center; }
.gallery-in-wrap { display: block; position: relative; width: 190px; overflow: hidden; }
.gallery-in-wrap .pimg { height: 130px; margin: 0; padding: 0; overflow: hidden; background: #cfcfcf; }
.gallery-in-wrap .pimg img { width: 100%; height: 100%; }
.gallery-in-wrap .ptitle { width: 100%; margin-top: 10px; font-size: 12px; font-weight: bold; }
.gallery-in-wrap .pdate { width: 100%; line-height: 130%; color: #ad8e21; font-size: 11px; } 
.gallery-list .isnotice { width: 100%; }
.gallery-list .date {color:#989898; font-family:Verdana;font-size:11px;} 
.gallery-list .is_notice_data {width:730px; height:15px; border-bottom:1px solid #ddd; }
.gallery-list .isnotice {height:auto;width:100%;background-color:#FFFCF5;padding:5px 0px 5px 0px;border-bottom:1px solid #EDEDED;font-weight:bold;  text-align:center}
.gallery-list .isnotice .date {font-weight:normal;position:absolute;right:5px;}

table.tbl_gal_view { width: 100%; border-bottom: 1px solid #ccc; }
table.tbl_gal_view thead th {border-top:2px solid #f3858e; border-bottom:1px solid #ccc; font-size:18px; font-weight:bold; color:#333; line-height:200%;}
table.tbl_gal_view tbody td {padding:30px;}
table.tbl_gal_view tbody td img { text-align:center; padding:50px;}
table.tbl_gal_view tbody dl dt { font-size:15px; font-weight:bold; color:#333; line-height:170%;}

table.tbl_gal_write { width: 100%; border-top: 1px solid #9c9c9c; }
table.tbl_gal_write textarea {width:95%;}
table.tbl_gal_write thead th {border-top:2px solid #f3858e; border-bottom:1px solid #ccc; font-size:18px; font-weight:bold; color:#333; line-height:200%;}
table.tbl_gal_write tbody th { padding: 10px 15px; border-bottom: 1px solid #ccc; background: #f9f9f9; font-weight: normal; }
table.tbl_gal_write tbody th.view_title { text-align: left; font-size: 14px; font-weight: normal; color: #0c4da2; }
table.tbl_gal_write tbody td { padding: 15px; border-bottom: 1px solid #ccc; }
table.tbl_gal_write .data_g_txt { background: #333; padding: 3px 5px; color: #fff; }

.tc input{width:63px; height:35px; border:none;}



.prc1 { display: inline-block; padding: 10px 13px;  height: 18px; background: #f26522; color: #fff; font-size: 14px; vertical-align: middle; }
.prc2 { display: inline-block; padding: 10px 13px;  height: 18px; background: #0072bc; color: #fff; font-size: 14px; vertical-align: middle; }

.tx_col_gray { display: inline-block; padding:10px 0; width:70px; height:18px; background-color:#898989; color:#fff; font-size:15px; vertical-align:middle; text-align:center;border-radius: 5px; }
a span.tx_col_gray:hover, a span.tx_col_gray:focus, a span.tx_col_gray:active { background-color:#515151; }

.tx_col_green { display: inline-block; padding:10px 0; width:70px; height:18px; background-color:#6fb424; /*background-color:#2e9942;*/color:#fff; font-size:15px; vertical-align:middle; text-align:center;border-radius: 5px; }
a span.tx_col_green:hover, a span.tx_col_green:focus, a span.tx_col_green:active { background-color:#4a7f10; }

.tx_col_blue { display: inline-block; padding:10px 0; width:70px; height:18px; background-color:#448ccb; color:#fff; font-size:15px; vertical-align:middle; text-align:center;border-radius: 5px; }
a span.tx_col_blue:hover, a span.tx_col_blue:focus, a span.tx_col_blue:active { background-color:#205a8d; }






/* 강좌소개 게시판 리스트 */
table.t3{margin:0; border:0; border-collapse:collapse; border-top:2px solid #666; border-bottom:1px solid #dedede; border-right:1px hidden #fff; background:#fff;}
*+html table.t3{border-right:1px solid #fff;}
* html table.t3{border-right:1px solid #fff;}
table.t3 tr{text-align:left; height:37px; border-bottom:1px solid #ddd;}
table.t3 td{text-align:left; padding-left:30px;}
table.t3 th,table.t3 td{border-width:1px 1px 0 0; color:#3e4448; font-size:14px;}
table.t3 th{background:#f7f7f7; text-align:center; font-weight:bold; color:#3e4448; font-size:14px;}
table.t3 thead th,table.t3 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#eef7dd;color:#000;text-align:center;vertical-align:middle;}