@charset "utf-8";

/* basic */
*, html, body { margin: 0; padding: 0;}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a { margin: 0; padding: 0; border: 0;}
div, table, th, td { border-collapse: collapse;}
input, button { vertical-align: middle;}
button { margin: 0; padding: 0; border: 0; background: none;}
ul, ol, li { list-style: none;}
a {text-decoration:none;}


/*--------  COMMON --------*/
h1{ margin:30px 0 0; font-family:'gulim'; font-size:24px; letter-spacing:-1px; color:#40669b;}
.priceRed {font-weight:bold; color:#e95e5e;}

.btn_area {margin-top:30px; text-align:center;}
.btn_area input {padding:6px 16px; font-size:12px; font-weight:bold; letter-spacing:-1px; border-radius:3px; cursor:pointer;}
.btn_area input[type="submit"] {color:#fff; background:#555; border:1px solid #333;}
.btn_area input[type="reset"] {color:#fff; background:#555; border:1px solid #333;}
.btn_area input[type="button"] {color:#fff; background:#555; border:1px solid #333;}
.ellipsisText {text-overflow:ellipsis; overflow:hidden;}
.fontRed {color:red;}


/*--------  USER --------*/
#dgc_lecture_request_wrapper {margin:0 10px;}
#dgc_lecture_request_wrapper .request_info { padding:26px; line-height:24px; border:4px solid #666; background:#fbfbfb;}
#dgc_lecture_request_wrapper .request_info dt { display:inline-block; padding-bottom:4px; margin-bottom:10px; border-bottom:2px solid #888; font-size:24px; font-weight:bold; color:#444;}
#dgc_lecture_request_wrapper .request_info dd { font-size:12px; font-weight:bold; color:#f06060; }
#dgc_lecture_request_wrapper .request_info dd li { margin-left:5px; font-size:12px; font-weight:normal; color:#777; list-style-type:disc; list-style-position:inside;}

#dgc_lecture_request_wrapper .schedule_list div:first-child {margin-top:20px; text-align:center;}

/* payment_v */
#dgc_lecture_request_wrapper .table_top {margin-top:10px; margin-bottom:-20px; *zoom:1;}
#dgc_lecture_request_wrapper .table_top:after {display:block; clear:both; content:"";}
#dgc_lecture_request_wrapper .table_top .view_opt {float:left;}
#dgc_lecture_request_wrapper .table_top .view_opt a {display:inline-block; height:20px; padding:0 10px; line-height:20px; color:#fff; vertical-align:bottom; background: #3286d3 ;  }
#dgc_lecture_request_wrapper .table_top .sch_area {float:right; margin-top:20px;}

/* paging */
#dgc_lecture_request_wrapper .paging_list {margin-top:20px; text-align:center; font-size:12px;}

#dgc_lecture_request_wrapper .table th {background:#555; color:#fff; }

#dgc_lecture_request_wrapper .table_bottom {width:100%; margin-top:40px; padding:20px 0; border:1px solid #ccc; border-left:0; border-right:0; background:#fbfbfb; *zoom:1;}
#dgc_lecture_request_wrapper .table_bottom:after {display:block; clear:both; content:"";}
#dgc_lecture_request_wrapper .table_bottom table {float:right; margin-right:30px; letter-spacing:-1px; text-align:right; }
#dgc_lecture_request_wrapper .table_bottom table tr td {height:40px; line-height:30px; padding:0 10px; font-size:16px; font-weight:bold; vertical-align:bottom;}
#dgc_lecture_request_wrapper .table_bottom table tr td:first-child { color:#1e63a4;}
#dgc_lecture_request_wrapper .table_bottom table tr td span {font-size:30px; letter-spacing:-2px; color:red;  }
#dgc_lecture_request_wrapper .table_bottom table tr td input {margin-top:10px; padding:14px 70px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#fff; border:0; cursor:pointer; background:#de4a4a; }

/* print_list */
#dgc_lecture_request_wrapper .print_info { padding:26px; line-height:24px; border:4px solid #666; background:#fbfbfb;}
#dgc_lecture_request_wrapper .print_info dt { display:inline-block; padding-bottom:4px; margin-bottom:10px; border-bottom:2px solid #888; font-size:24px; font-weight:bold; color:#444;}
#dgc_lecture_request_wrapper .print_info dd { font-size:12px; font-weight:bold; color:#f06060; }
#dgc_lecture_request_wrapper .print_info dd li { margin-left:5px; font-size:12px; font-weight:normal; color:#777; list-style-type:disc; list-style-position:inside;}

#dgc_lecture_request_wrapper .print_list {}
#dgc_lecture_request_wrapper .print_bottom {margin-top:20px; text-align:right;}

.payment-view {}
.payment-view tr:first-child th {background:#555; color:#fff; }



.payment {}
.payment tr td {height:50px;}
.payment tr th,
.payment tr td {font-weight:bold; font-size:14px !important;}
.payment tr td label {margin-right:8px; }
.payment tr td input[type="button"]{width:240px; height:40px; border:0; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; cursor:pointer; background:#de4a4a;}
.payment tr .pay_select label {padding:0 3px; font-size:12px;}
.payment tr .pay_amount {font-size:18px; color:red;}
.payment tr th:first-child,
.payment tr .pay_select {border-right:1px solid #aaa;}

/* -- 팝업 -- */
.popup { width:400px; margin-top:10px; }
.popup table {width:100%; }
.popup table tr th,
.popup table tr td {height:28px; text-align:center;}
.popup table tr th {font-weight:bold; color:#fff; background:#333; }
.popup table tr td {border-bottom:1px solid #ddd;}





/*--------  ADMIN --------*/

/* tab_wrap*/
.nav_area {width:100%; margin-top:20px; border-bottom:2px solid #ccc; *zoom:1;}
.nav_area:after {display:block; clear:both; content:"";}
.nav_area li {float:left; text-align:center; border-top:1px; border-right:1px; border-style:solid; border-color:#ccc; }
.nav_area li:first-child { border-left:1px; border-style:solid; border-color:#ccc; }
.nav_area li a {display:block; padding:10px 14px; color:#666; font-weight:bold; text-decoration:none; background:#fefefe;}
.nav_area li a:hover {color:#666; font-weight:bold; background:#eee;}
.nav_area .on a {color:#fff; font-weight:bold; background:#666;}


/* btn */
.small-btn {display:inline-block; padding:4px 6px; border:0; border-radius:2px; font-size:11px; text-decoration:none !important; cursor:pointer;}
.bg-bk {background:#555; color:#eee !important; }
.bg-wh {background:#eee; color:#666 !important; }

/* wrap */
.admin_wrap{ float:left; width:710px; margin:0 30px; color:#666; *zoom:1;}
.admin_wrap:after {display:block; clear:both; content:"";}


/* table */
.table {width:100%; margin-top:20px; color:#666; table-layout:fixed; border:2px solid #bbb; border-right:0; border-left:0; }
.table th,
.table td {height:40px; padding:3px 8px; border:1px solid #ddd;}
.table th { font-weight:bold; text-align:center; background:#fafafa; }
.table td {  }
.table td input[type="text"] {height:20px;}

/* schedule_list */
.list th {height:24px;}
.list td {text-align:center;}


/* sch_area */
.sch_area {float:right; margin:0 0 10px; vertical-align:middle; *zoom:1;}
.sch_area:after {display:block; clear:both; content:"";}
.sch_area select {float:left; height:20px; }
.sch_area input[type="text"] {float:left; margin:0 4px; height:18px; padding:0;}
.sch_area .search-btn {display:inline; float:left; height:21px; padding:0 5px; border:1px solid #888; font-size:12px;}

/* paging */
.paging {width:100%; text-align:center; margin-top:10px; }
.paging a {display:inline-block; color:#353e44; font-size:11px; font-weight:bold; width:26px; height:25px; line-height:27px; vertical-align:middle; margin-right:2px; border:1px solid #c8c8c8;}
.paging a.active { border:1px solid #018fc2; color:#FFFFFF; background-color:#0da2d7;}
.paging .page_btn {font-size:11px; color:#999; letter-spacing:-5px; border:1px solid #c8c8c8;}

/* reg-table */
.period {margin-bottom:-16px; font-size:11px;}
.period span {font-weight:bold;}
.period input[type="button"] {width:40px; height:20px; margin-left:7px; font-size:12px; font-weight:bold; letter-spacing:-1px; border-radius:3px; cursor:pointer; color:#fff; background:#555; border:1px solid #333;}
.reg-table p {text-align:center; vertical-align:middle}
.schedule_year {font-size:14px !important; font-weight:bold;}
.schedule_month {padding:8px; font-size:20px; font-weight:bold; cursor:pointer;}
.schedule_month input[type="button"] {width:20px; height:18px; margin-bottom:4px; border:1px solid #333; font-size:8px; color:#fff; letter-spacing:-2px; background:#666; cursor:pointer; }
.reg {margin-top:30px;}


/* payment_list */
.payment_list .printAdmin {display:inline-block; width:10px; height:10px; background:#e65252;}
.payment_list .printUser {display:inline-block; width:10px; height:10px; background:#6dbfff;}

/* payment_detail */
.payment_detail form {display:inline;}

/* print_output */
.print_output {margin:20px 0 30px; padding:40px 4px 20px; border-radius:12px; border:1px solid #ccc; *zoom:1;}
.print_output:after {display:block; clear:both; content:"";}
.print_output legend {height:30px; font-size:30px; font-weight:bold; color:#444; letter-spacing:-1px; text-align:center; margin:0 auto;}
.print_output .name {float:right;}
.print_output .name span {font-weight:bold;}

/* payment_setting */
.payment_setting label {margin:0 8px 0 4px; }