a:link { color: #83807d; text-decoration: none }
a:visited { color: #83807d; text-decoration: none }
a:hover { color: #83807d; text-decoration: underline }
a:active { color: #ff0000; text-decoration: none }

p { margin-top: 0px; margin-bottom: 0px }
td,table { font-size: 12px; color: #847f74; line-height: 160%; font-family: verdana;}

/* .select {font-size:9pt; font-family:"굴림","돋움"; color:#666666; border:1px solid #cccccc; background-color:#ffffff;}
.input {border:0px; font-size:9pt; font-family:"굴림","돋움"; color:#545454; border:1px solid #dfdfdf; background-color:#f7f7f7;}
.search_input {font-size:12px; color: #847f74; font-family:"굴림"; border: #cfcfcf 1px solid; background-color: #ffffff;}
 */

/* board style */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;border:0;}
button {border:0 none;background:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='email'],input[type='tel'], {-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {resize:none;}
body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1.5;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#333;letter-spacing:-0.05em;}
a:link,a:visited,a:active {color:#333;text-decoration:none;}
/* a:hover {text-decoration:underline;} */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
select {border-radius:0;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;margin:0;padding:0;}
body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;}
caption > span {position:absolute;left:-9999em;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999em;}

/* input */
input, select, textarea {display:inline-block; width:100%; margin-bottom:8px; border:1px solid #ccc; background:none; box-sizing:border-box; font-size:14px; vertical-align:middle;}
input, select {height:47px; padding:0 15px;}
input[type="radio"],
input[type="checkbox"] {width:22px; height:22px; margin-bottom:0;}
select {width:auto;}
textarea {padding:15px;}
input::-webkit-input-placeholder {font-size:14px; color:#8d8d8d;}
input:-ms-input-placeholder {font-size:14px; color:#8d8d8d;}
input::placeholder {font-size:14px; color:#8d8d8d;}
input[type="image"] {width:auto; margin:0; border:0; vertical-align:top;}
label {vertical-align:middle;}

/* board */
.board_top {position:relative; padding:0 0 40px;}
.board_top .total_txt {padding-top:10px;}
.board_top .total_txt strong {color:#c82914;}
.board_top select {position:absolute; right:0; top:0;}
.board_cont p.info {text-align:right; font-size:14px; padding-bottom:10px;}
.board_bottom {position:relative;}

/* table common */
.tbl_wrap table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;}
.tbl_wrap table thead {border-top:2px solid #333;}
.tbl_wrap table thead th {padding:10px 5px; background:#f9f9f9; text-align:center; font-weight:400;}
.tbl_wrap table tbody {border-bottom:1px solid #333;}
.tbl_wrap table tbody th,
.tbl_wrap table tbody td {padding:10px 5px; border-top:1px solid #ccc; text-align:center; word-break:break-all;}
.tbl_wrap img {vertical-align:middle;}

/* 2024.05.07 최은지 주임 추가 */
.tbl_wrap table table thead {border-top:initial !important;}
.tbl_wrap table table thead th {padding:initial !important; background:initial !important; text-align:initial !important; font-weight:initial !important;}
.tbl_wrap table table tbody {border-bottom:initial !important;}
.tbl_wrap table table tbody th,
.tbl_wrap table table tbody td {padding:initial !important; border-top:initial !important; text-align:initial !important; word-break:break-all !important;}
.tbl_wrap table table tbody tr {border-top:initial !important; padding:initial !important; display:table-row !important;}
.tbl_wrap table table img {padding:initial !important;}

/* list */
.tbl_list {position:relative;}
.tbl_list table thead th.check {width:50px;}/*체크박스*/
.tbl_list table thead th.num {width:70px;}/*번호*/
.tbl_list table thead th.lock {width:20px;}/*비밀글*/
.tbl_list table thead th.subject {width:auto;}/*제목*/
.tbl_list table thead th.file {width:80px;}/*첨부파일*/
.tbl_list table thead th.name {width:100px;}/*작성자*/
.tbl_list table thead th.date {width:100px;}/*작성일*/
.tbl_list table thead th.hits {width:80px;}/*조회*/
.tbl_list table tbody td.subject {text-align:left; overflow:hidden;}
.tbl_list table tbody td.subject a {display:inline-block; max-width:calc(100% - 60px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.tbl_list table tbody td .ico {display:inline-block; width:15px; height:15px; vertical-align:middle;}
.tbl_list table tbody td .ico_lock {background:url('image/ico_lock.png') no-repeat 50%; background-size:contain;}
.tbl_list table tbody td .ico_file {background:url('image/ico_file.png') no-repeat 50%; background-size:contain;}
.tbl_list table tbody td .ico_notice {display:inline-block; width:44px; background:#c82914; font-size:14px; text-align:center; vertical-align:middle; color:#fff;}
.tbl_list table tbody td .ico_reply {position:relative; display:inline-block; width:30px; margin:0 5px 0 25px; background:#c82914; font-size:14px; text-align:center; vertical-align:middle; color:#fff;}
.tbl_list table tbody td .ico_reply:before {content:''; display:inline-block; position:absolute; left:-25px; top:0; width:21px; height:18px; background:url('image/ico_reply_arr.png') no-repeat 50%; background-size:auto 12px;}

/* gallery list */
.gallery_list {position:relative; overflow:hidden;}
.gallery_list ul {width:102%; overflow:hidden;}
.gallery_list ul li {position:relative; float:left; display:inline-block; width:25%; padding-top:40px; padding-right:2%; box-sizing:border-box; letter-spacing:0;}
.gallery_list ul li:nth-child(-n+4) {padding-top:0;}
.gallery_list ul li:nth-child(4n+1) {clear:left;}
.gallery_list ul li a {display:block; position:relative; overflow:hidden;}
.gallery_list ul li a:hover {text-decoration:none;}
.gallery_list ul li a .thumb {position:relative; width:100%; height:0; padding-top:120%; overflow:hidden; background:url('image/no_img.jpg') no-repeat 50%; background-size:cover;}
.gallery_list ul li a .thumb img {position:absolute; top:0; left:0; width:100%;}
.gallery_list ul li p.subject {padding-top:10px; font-weight:500;}
.gallery_list ul li p.name {padding-top:5px; font-size:14px;}
.gallery_list ul li p.price {padding-top:5px; font-size:14px; font-weight:700;}
.gallery_list ul li p.discount {padding-top:0; color:#c82914;}
.gallery_list ul li .line-thr {text-decoration:line-through; text-decoration-color:#f00;}

/* view */
.tbl_view table tbody tr:first-child td,
.tbl_view table tbody tr:last-child td {padding:25px 5px;}
.tbl_view table tbody tr:nth-child(n+2) td {border-top:1px solid #c2c2c2;}
.tbl_view table tbody td .board_cont {padding:25px 20px; /* padding-left:80px; */ text-align:left; font-size:16px;}
.tbl_view table tbody td .board_cont p strong {display:inline-block; padding-bottom:30px; font-size:24px;}
.tbl_view table tbody td .file_list {padding-left:20px; /* padding-left:80px; */}
.tbl_view table tbody td .file_list ul li {text-align:left; font-size:12px;}
.tbl_view table tbody td .file_list ul li strong {display:inline-block; margin-right:10px;}
.tbl_view table tbody td .btn_wrap {position:relative; bottom:auto; right:auto; text-align:right;}
.tbl_view table tbody td .btn_wrap .btn_reply {width:120px; padding:7px 0;font-size:14px;}
.tbl_view table tbody td .board_cont_area {padding:25px 20px; text-align:left;}
.tbl_view table tbody td.lock img {height:15px;}

/* reply */
.reply_write._top {display:block; padding:20px 0; border-bottom:1px solid #333;}
.reply_write .btn_confirm {padding:5px 15px; font-size:12px;}
.reply_write .btn_cancel {padding:5px 15px; font-size:12px; border:1px solid #333; background:#fff; color:#333;}
.reply_write .btn_cancel:hover {border-color:#848484; color:#fff;}
.reply_list ul li:nth-child(n+2) {border-top:1px solid #c2c2c2;}
.reply_list ul li:last-child {border-bottom:1px solid #333;}
.reply_list ul li {position:relative; padding:30px 0; font-size:14px;}
.reply_list ul li.reply {background:#ebebeb;}
.reply_list ul li.reply .reply_view ._info {width:200px; padding-left:80px; background:url('image/ico_reply.png') no-repeat 40px 50%;}
.reply_list ul li.reply .reply_view ._cont {width:calc(100% - 200px);}
.reply_list ul li.reply .reply_write {padding:0 40px;}
.reply_list .reply_view {display:table; text-align:left; overflow:hidden; width:100%;}
.reply_list .reply_view ._info {display:table-cell; width:150px; padding-left:5px; box-sizing:border-box;}
.reply_list .reply_view ._info strong {display:block;}
.reply_list .reply_view ._info span {display:block; opacity:0.6; font-size:12px; font-weight:300;}
.reply_list .reply_view ._cont {display:table-cell; width:calc(100% - 150px); vertical-align:middle;}
.reply_list .reply_view ._btn {position:absolute; bottom:10px; right:0; padding:0 20px; text-align:center;}
.reply_list .reply_view ._btn .btn_reply {font-size:14px;}
.reply_list .reply_view ._btn .codel_btn {width:50px; height:26px; line-height:24px; font-size:12px;}
.reply_list .reply_write {display:block; margin-top:20px; padding:0 5px; text-align:left;}
.reply_write .inp_wrap {display:inline-block; margin-right:20px;}
.reply_write label {display:inline-block; margin-right:10px; font-size:14px;}
.reply_write input {width:200px; height:36px; padding:0 10px;}
.reply_write textarea {display:inline-block; width:calc(100% - 82px); height:56px; padding:5px;}
.reply_write .btn_comm_ok {width:75px; height:56px; padding:0; vertical-align:top; font-size:12px; background:#282828; border-color:#282828; color:#fff;}

/* write */
.tbl_write {padding:20px 0; border-top:2px solid #333; border-bottom:1px solid #333;}
.tbl_write table tbody {border-bottom:0;}
.tbl_write table tbody th {width:100px; border:0;}
.tbl_write table tbody td {width:calc(100% - 100px); border:0; text-align:left;}
.tbl_write table tbody tr:first-child {}
.tbl_write table tbody td input {margin:0;}
.tbl_write table tbody td textarea {height:250px;}
.tbl_write table tbody td input[type="file"] {height:auto; padding:0; border:0;}
.tbl_write p.info {text-align:right; font-size:14px; padding-bottom:10px;}

/* password */
.pw_wrap {width:500px; margin:0 auto; padding:30px 0; text-align:center; background:#fff; border:1px solid #f3f3f3; box-sizing:border-box;}
.pw_wrap p {padding:10px 0; font-size:14px;}
.pw_wrap input {width:50%; margin-top:20px; background:none;}
.pw_wrap .btn_wrap {margin-top:20px;}

/* 강의목록 */
.tbl_class_list table thead th.num {width:70px;}/*번호*/
.tbl_class_list table thead th.subject {width:auto;}/*제목*/
.tbl_class_list table thead th.file {width:100px;}/*첨부파일*/
.tbl_class_list table thead th.runtime {width:100px;}/*런닝타임*/
.tbl_class_list table thead th.play {width:80px;}/*보기*/
.tbl_class_list table tbody td.file img {height:15px;}
.tbl_class_list table tbody td.play img {height:22px;}
.tbl_class_list table tbody td.subject {text-align:left;}

/* 나의강의실 목록*/
.tbl_myclass_list table thead th.period {width:220px;}/*수강기간*/
.tbl_myclass_list table thead th.status {width:100px;}/*수강상태*/
.tbl_myclass_list table thead th.learn {width:140px;}/*학습하기*/
.tbl_myclass_list table tbody .class_info {display:table; position:relative; height:96px;}
.tbl_myclass_list table tbody .class_info .thumb {position:absolute; left:0; top:0; width:80px; height:0; padding-top:96px; overflow:hidden; background:url('image/no_img.jpg') no-repeat 50%; background-size:cover;}
.tbl_myclass_list table tbody .class_info .thumb img {position:absolute; top:0; left:0; width:100%;}
.tbl_myclass_list table tbody .class_info .title {display:table-cell; padding-left:90px; vertical-align:middle;}
.tbl_myclass_list table tbody .tit {display:none;}
.tbl_myclass_list table tbody .btn {width:100px; height:30px; line-height:30px; background:#999; color:#fff; font-size:14px;}
.tbl_myclass_list table tbody .btn_learn {background:#c82914;}
.tbl_myclass_list table tbody .learning {color:#c82914;}
.tbl_myclass_list table tbody .complet {color:#666;}

/* 회원정보 목록 */
.tbl_myinfo table tbody {border-top:2px solid #333;}
.tbl_myinfo table tbody th {width:120px; padding:15px; border-right:1px solid #ccc;}
.tbl_myinfo table tbody td {width:calc(100% - 120px); padding:15px; text-align:left;}

/* admin btn */
.admin_btn {padding-top:40px; overflow:hidden;}
.admin_btn .btn {width:100px; height:40px; line-height:40px; border:1px solid #333; box-sizing:border-box; vertical-align:top;}
.admin_btn .btn_write,
.admin_btn .btn_confirm {background:#333; border-color:#333; color:#fff;}

/* paging */
.paging {width:100%; padding:40px 0 0; vertical-align:top; text-align:center;}
.paging a {display:inline-block; margin:0 3px 5px 0; line-height:25px; font-size:14px; box-sizing:border-box; vertical-align:middle; background-size:auto 16px !important;}
.paging > a {width:25px; height:25px; padding:0 5px; text-indent:-9999em;}
.paging a:hover {text-decoration:underline;}
.paging a._first {background:url('image/btn_first.png') no-repeat 50%;}
.paging a._prev {background:url('image/btn_prev.png') no-repeat 50%;}
.paging a._next {background:url('image/btn_next.png') no-repeat 50%;}
.paging a._last {background:url('image/btn_last.png') no-repeat 50%;}
.paging ul {display:inline-block; vertical-align:middle; overflow:hidden; width:auto !important;}
.paging ul li {float:left; width:auto !important; margin:0 !important; padding:0 !important;}
.paging ul li a {width:25px; height:25px;}
.paging strong {display:inline-block; width:25px; height:25px; line-height:25px; margin:0 5px 5px 0; background:#34373f; color:#fff; font-weight:400;}
.paging img {vertical-align:middle;}

/* search */
.search {padding:40px 0 0; text-align:center;}
.search span {margin-right:10px; font-size:14px;}
.search select,
.search .search_input,
.search .btn_search {height:35px; line-height:35px; font-size:14px;}
.search .search_input {width:200px;}
.search .btn_search {width:80px; background:#333; border-color:#333; color:#fff;} 

/* button */
.btn_wrap {margin-top:50px; overflow:hidden;}
.btn_wrap .alignR {text-align:right;}
.btn_wrap .floatL {float:left;}
.btn_wrap .floatR {float:right;}
.bbs_btn {display:inline-block; width:80px; height:30px; line-height:28px; background:none; border:1px solid #333; color:#333; cursor:pointer; font-size:12px; text-align:center;} 
.btn_wrap img {cursor:pointer;}
.btn {display:inline-block; width:80px; height:36px; line-height:34px; background:none; border:1px solid #333; color:#333; font-size:14px; box-sizing:border-box; text-align:center;}
/* .btn:hover {background:#848484; border-color:#848484; color:#fff; text-decoration:none;}
.btn:active {background:#fdbc03; border-color:#fdbc03;} */
a.btn_write,
.btn_write,
.confirm_btn {background:#282828; color:#fff;}

/* 211220 추가 */
.tbl_write table tbody td {width:auto;}
.search select,
.search .search_input,
.search .btn_search {margin-bottom:0;}


@media screen and ( max-width:1200px ){

	.tbl_list table thead th {display:none;}
	.tbl_list table tbody tr:first-child {border-top:2px solid #333;}
	.tbl_list table tbody tr {position:relative; display:block; padding:15px 10px; border-top:1px solid #ccc; overflow:hidden;}
	.tbl_list table tbody td {float:left; display:block; margin-right:20px; padding:0px; border:0; text-align:left; font-size:14px;}
	.tbl_list table tbody td.num {color:#999;}
	.tbl_list table tbody td.subject {float:none; clear:left; margin-right:0; padding:10px 0; font-size:16px;}

	.gallery_list ul {width:102%;}
	.gallery_list ul li {width:33.3%; padding-right:2%; padding-top:30px;}
	.gallery_list ul li:nth-child(-n+4) {padding-top:30px;}
	.gallery_list ul li:nth-child(-n+3) {padding-top:0;}
	.gallery_list ul li:nth-child(4n+1) {clear:none;}
	.gallery_list ul li:nth-child(3n+1) {clear:left;}

	.tbl_myclass_list table tbody .learn {float:none; position:absolute; right:10px; bottom:15px; margin:0;}
	.tbl_myclass_list table tbody .tit {display:inline-block; padding-right:5px;}

	.tbl_view table tbody tr:first-child td, .tbl_view table tbody tr:last-child td {padding:0;}
	.tbl_view table tbody tr:first-child {padding-top:15px;}
	.tbl_view table tbody tr:last-child {padding-bottom:15px;}
	.tbl_view table tbody tr:nth-child(n+2) {border-top:1px solid #c2c2c2;}
	.tbl_view table tbody tr:nth-child(n+2) td {border-top:0;}
	.tbl_view table tbody td .board_cont {padding:10px; /* padding:10px 0 10px 40px; */ font-size:14px;}
	.tbl_view table tbody td .board_cont p strong {padding-bottom:15px; font-size:18px;}
	.tbl_view table tbody td .file_list {padding-left:10px; /* padding-left:40px; */}
	.tbl_view table tbody tr:nth-child(n+2) td {float:none; display:table-cell; margin-right:0;}

}

@media screen and ( max-width:768px ){

	input, select {height:40px; padding:0 10px; font-size:14px;}
	input[type="radio"],
	input[type="checkbox"] {width:18px; height:18px;}
	textarea {padding:10px; font-size:14px;}

	.board_top {padding:0 0 30px;}
	.board_top .total_txt {font-size:14px;}

	.tbl_wrap table thead th,
	.tbl_wrap table tbody th,
	.tbl_wrap table tbody td {font-size:14px;}

	.gallery_list ul {width:103%;}
	.gallery_list ul li {width:50%; padding-right:3%;}
	.gallery_list ul li:nth-child(-n+3) {padding-top:30px;}
	.gallery_list ul li:nth-child(-n+2) {padding-top:0;}
	.gallery_list ul li:nth-child(3n+1) {clear:none;}
	.gallery_list ul li:nth-child(odd) {clear:left;}

	.tbl_view table tbody td .board_cont_area {padding:10px;}
	.tbl_view table tbody td .board_cont_area img {padding:10px 0;}

	.tbl_write table tbody th {width:80px;}
	.tbl_write table tbody td {width:calc(100% - 80px);}

	.tbl_myinfo table tbody th {width:100px; padding:10px 5px;}
	.tbl_myinfo table tbody td {width:calc(100% - 100px); padding:10px 5px;}

	.admin_btn {text-align:center;}
	.admin_btn > div {display:inline-block;}
	.admin_btn .floatL {float:none !important; margin-bottom:10px;}
	.admin_btn .floatR {float:none !important;}
	.admin_btn .btn {width:70px; height:35px; line-height:33px; font-size:14px;}

	.search span {display:none;}
	.search select {width:25%;}
	.search .search_input {width:55%;}
	.search .btn_search {width:17%;}

	.reply_list ul li {padding:20px 0; font-size:13px;}
	.reply_list ul li.reply .reply_view ._info {width:150px; padding-left:50px; background-position:20px 50%;}
	.reply_list ul li.reply .reply_view ._cont {width:calc(100% - 150px);}
	.reply_list ul li.reply .reply_write {padding:0 20px;}
	.reply_list .reply_view ._info {width:100px;}
	.reply_list .reply_view ._cont {width:calc(100% - 100px);}
	.reply_list .reply_view ._btn {width:100px;}
	.reply_list .reply_view ._btn .btn_reply {font-size:13px;}
	.reply_write .inp_wrap {display:block; margin:0 0 5px;}
	.reply_write .inp_wrap label {width:55px; font-size:12px;}
	.reply_write input {height:30px; margin-bottom:0;}

	.btn_wrap .floatL {float:none !important; margin-bottom:10px;}
	.btn_wrap .floatR {float:none !important;}
	.btn_wrap.btn_align div {display:inline-block; vertical-align:top;}
	.btn {width:60px; height:30px; line-height:28px; font-size:12px;}

	.pw_wrap {width:100%;}

	/* 211220 추가*/
	.tbl_write table tbody td {width:auto;}
	.admin_btn .btn {margin:3px 2px;}

}

.floatL {float:left !important;}
.floatR {float:right !important;}