﻿@charset "utf-8";
/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; box-sizing:border-box}
body,input,textarea,select,button,table,label{font-family:'굴림','돋움',Dotum,'나눔고딕',NanumGothic,'NanumGothicWeb',AppleGothic,sans-serif;font-size:12px;color:#4e4e4e}

form {border:none; padding:0; margin:0;}
table {border-collapse:collapse; }
td {font-size:9pt; color: #454545; line-height: 20px} 
button {position:relative; border:none; padding:0; margin:0; padding-right:2px; cursor:pointer;}

img {border:none;}

A:link {color:#4D534D;font-size:9pt;text-decoration:none} 
A:visited {color:#434843;font-size:9pt;text-decoration:none} 
A:active {color:#434843;font-size:9pt} 
A:hover {color:#276194;text-decoration:underline} 

.box {font-size: 9pt; border:2 solid #e7e7e7;background-color:f7f7f7;  } 
/*	.selectbox {BACKGROUND-COLOR: F5F5F5; COLOR:4E4E4E; font-size:8pt;}	*/
.nonbox {font-size: 9pt; border:0 solid #666666;background-color:white;  } 
.radio {font-size: 9pt; border:0 solid #666666;background-color:white;  } 
.text {font-size: 9pt; border:1 solid #e7e7e7;}
.select {font-size: 9pt; border:0 solid #666666; min-height:22px;}
.outset {font-size:9pt;border:1 outset #ffffff;}
.btn {border: 2 solid #565656;font-size:9pt;color:ffffff;background-color:73A9D1;height:22px}
.input{background-color:ffffff;font-family:굴림,Gulim;font-size:12px;color:#636163;border: 1 solid #9C9A9C}
.submit {border:solid 1;border-color:1F556A;font-size:9pt;color:white;background-color:50889F;height:19px}
.textarea {border:solid 1;border-color:347088;font-size:9pt;color:042330;background-color:white;}

/* checkbox와 텍스트 세로정렬 */
input[type="checkbox"] { vertical-align:middle; display:inline-block; margin-bottom:2px; }

/* radio와 텍스트 세로정렬 */
input[type="radio"] { vertical-align:middle; display:inline-block; border:none !important; }

.inputbox {padding:4px 2px 1px 2px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:12px; color:#666; }
.inputbox_focus {padding:3px 1px 0 1px; border:2px solid #2d85f2;}
.checkbox {vertical-align:middle;}
.radio {vertical-align:middle; padding:0; margin:0;}
.textbox {padding:3px 2px 1px 2px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:12px; color:#666; vertical-align:middle; line-height:18px;}
.textbox_focus {padding:2px 1px 0 1px; border:2px solid #2d85f2;}

/*
.selectbox {height:20px; padding:3px 2px 1px 2px; 
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#9a9a9a; 
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#d8d8d8; 
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#d8d8d8; 
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#9a9a9a; 
	font-size:12px; color:#666; }
*/

.selectbox {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#9a9a9a; 
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#d8d8d8; 
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#d8d8d8; 
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#9a9a9a; 
	
	min-height:21px;
	line-height:25px;

	appearance:none; }


.boxTxt {color:#444444; background-color:#FFFFFF; border-width:1px !important; border-color:#cbcbcb; border-style:solid; padding-left:2px; height:18px; font-family:Dotum,DotumChe,Arial,Verdana; }
.11px {color:#7d7d7d; font-size:11px; }

.table {padding: 7px 0 7px 0; color:#7d7d7d; font-size:11px; }
.table2 {padding: 7px 0 7px 0;}
.table3 {padding: 10px 0 10px 0; background-color:#f8f8f8; text-align:center; font-weight:bold; }
.table4 {padding: 10px 15px 10px 15px;}
.table5 {padding: 4px 0px 4px 0px; color:#878787; background-color:#FFFFFF; }
.table6 {padding: 10px 0px 10px 0px; background-color:#FFFFFF; text-align:center; }


.fontG {color:#878787; }
.fontR {text-align:center; color:#cb1515; font-weight:bold; padding-bottom:5px;}
.fontR2 {color:#cb1515; font-weight:bold; }
.fontB {color:#00a3df; font-weight:bold; }
.fontB2 {color:#00a3df; }
.fontO {color:#ec7a00; }
.fontW {color:#FFFFFF; font-weight:bold; }

.page {padding-top:2px;}
.edutitle { color:#000000; font-size:18px; letter-spacing:70%; font-weight:bold; padding-top:2px;}
.ttl1 {font-weight:bold; color:#FFFFFF; background-color:#777777; text-align:center; }
.ttl2 {font-weight:bold; color:#FFFFFF; background-color:#b5b5b5; text-align:center; }
.ttl3 {background-color:#f2f2f2; text-align:center; }
.bookTi {font-weight:bold; color:#000000; font-size:18px; letter-spacing:70%;}
.teacherTi {font-weight:bold; color:#FFFFFF; font-size:16px; letter-spacing:70%;}
.conText {padding-top:30px; padding-bottom:30px;}

/* button */
.button_area {display:block; padding:0; margin-top:5px !important; margin-bottom:0; height:33px; line-height:33px; text-align:center;}
.button_area .btn_search   {padding:3px 15px 0 15px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden; vertical-align:top; width:60px;}
.button_area .btn_listall  {padding:3px 10px 0 10px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden; vertical-align:top; width:80px;}
.button_area .btn_download {padding:3px 10px 0 10px; line-height:25px; background-color:#4f586d; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden; vertical-align:top; width:80px;}

.button_area .button_box  { height:25px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden;}
.button_area .button_box2 { width:55px; height:25px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden;}
.button_area .button_box3 { width:65px; height:25px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden;}
.button_area .button_box4 { width:75px; height:25px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden;}
.button_area .button_box5 { width:90px; height:25px; line-height:25px; background-color:#363d4e; color:#fff; font-weight:bold; border:0; margin:0; cursor:pointer; overflow:hidden;}

.button_area .no_padding { padding-left:0 !important; padding-right:0 !important; }

/* 게시판 리스트 테이블 */
.BOARD_LIST { table-layout:fixed; font-size:12px; border-collapse:collapse; border-bottom:1px solid #c2c2c2; margin-bottom:10px; }
/*	.BOARD_LIST { background:url('../img/info_bar3.gif') top center no-repeat; overflow:hidden; }	*/
.BOARD_LIST th {height:25px; line-height:25px; overflow:hidden; font-size:12px; font-weight:bold; color:#666; background:url('../img/info_line.gif') bottom left no-repeat;}
.BOARD_LIST th.first {border-left:none;}
.BOARD_LIST th.left_line {border-left:1px solid #c2c2c2; background-image:none;}
.BOARD_LIST th.right_line {border-right:1px solid #c2c2c2;}
.BOARD_LIST th.bg_none {background:none;}
.BOARD_LIST th span {display:block; border-left:1px solid #fff;}
.BOARD_LIST th a {font-size:11px; color:#547eec;}
.BOARD_LIST td { padding:5px 5px; -webkit-padding-before:5px; -webkit-padding-end:5px; -webkit-padding-after:5px; -webkit-padding-start:5px; border-right:0 solid #c2c2c2; border-bottom:0 solid #c2c2c2; color:#666; text-align:center; }
.BOARD_LIST td.first  { border-left:none; }
.BOARD_LIST td.cutoff { border-right:none; }
.BOARD_LIST td.nolist { border-left:none; border-right:none; height:100px; }
.BOARD_LIST td a,
.BOARD_LIST td a span,
.BOARD_LIST td a strong {color:#666;}
.BOARD_LIST td span.txt_intercept {color:#ffa500;}
.BOARD_LIST td span.txt_leave {color:#dc143c;}
.BOARD_LIST td a span.member {font-weight:bold; text-decoration:none; color:#666;}
.BOARD_LIST td label {margin-right:0; -webkit-margin-end:0; height:16px; line-height:18px; line-height:20px\9; font-size:11px; color:#999;}
.BOARD_LIST .list0 {}
.BOARD_LIST .list1 {background:#f8f8f8;}
.BOARD_LIST tr.thover {background:#ececec;}
.BOARD_LIST tfoot th,
.BOARD_LIST tfoot td {border-top:1px solid #c3c5c9; font-weight:bold;}


/* 게시판 뷰 테이블 */
.BOARD_VIEW { table-layout:fixed; font-size:12px; border-collapse:collapse; border-top:2px solid #919191; border-bottom:1px solid #c2c2c2; margin-bottom:10px;}
.BOARD_VIEW th {height:35px; overflow:hidden; font-size:12px; font-weight:bold; color:#666; border-bottom:1px solid #cbcbcb; background:#f8f8f8 url('../img/line.gif') bottom right no-repeat; font-weight:bold;}
.BOARD_VIEW th.first {border-left:none;}
.BOARD_VIEW th span {display:block; border-left:1px solid #fff;}
.BOARD_VIEW th a {font-size:11px; color:#547eec;}
.BOARD_VIEW td { padding:5px 10px; -webkit-padding-before:5px; -webkit-padding-end:10px; -webkit-padding-after:5px; -webkit-padding-start:10px; border-bottom:1px solid #cbcbcb; color:#666; text-align:left; }
.BOARD_VIEW td.relay {background:url('../img/line.gif') bottom right no-repeat;}
.BOARD_VIEW td.first {border-left:none;}
.BOARD_VIEW td.noline { border-right:none;}
.BOARD_VIEW td.no_list {border-left:none; height:100px;}
.BOARD_VIEW td.subject { font-weight:bold; }
.BOARD_VIEW td.contents { padding:20px 20px; vertical-align:top; }
.BOARD_VIEW td a,
.BOARD_VIEW td a span,
.BOARD_VIEW td a strong {color:#666;}
.BOARD_VIEW td span.txt_intercept {color:#ffa500;}
.BOARD_VIEW td span.txt_leave {color:#dc143c;}
.BOARD_VIEW td a span.member {font-weight:bold; text-decoration:none; color:#666;}
.BOARD_VIEW td label {margin-right:0; -webkit-margin-end:0; height:16px; line-height:18px; line-height:20px\9; font-size:11px; color:#999;}
.BOARD_VIEW .list0 {}
.BOARD_VIEW .list1 {background:#f8f8f8;}
.BOARD_VIEW tr.thover {background:#ececec;}
.BOARD_VIEW tfoot th,
.BOARD_VIEW tfoot td {border-top:1px solid #c3c5c9; font-weight:bold;}
.BOARD_VIEW td.prev_board {background:url('../img/line_1.gif') center right no-repeat; text-align:center; font-weight:bold;}
.BOARD_VIEW td.next_board {background:url('../img/line_1.gif') center right no-repeat; text-align:center; font-weight:bold;}

.BOARD_VIEW #writeContents table { background:none; border:none; margin:0; padding:0; }
.BOARD_VIEW #writeContents table tr { background:none; border:none; margin:0; padding:0; }
.BOARD_VIEW #writeContents table th { background:none; border:none; margin:0; padding:0; }
.BOARD_VIEW #writeContents table td { border:none; margin:0; padding:0; }

.BOARD_COMMENT {border:1px solid #c2c2c2;}
.BOARD_COMMENT th, .BOARD_COMMENT td {border:1px solid #c2c2c2;}
.BOARD_COMMENT .table {padding: 7px 0px 7px 0px; color:#7d7d7d; font-size:11px;  background-color:#FFFFFF; }
.BOARD_COMMENT .table2 {padding: 7px 0px 7px 0px; background-color:#FFFFFF; }
.BOARD_COMMENT .table3 {padding: 10px 0px 10px 0px; background-color:#f8f8f8; text-align:center; font-weight:bold; }
.BOARD_COMMENT .table4 {padding: 10px 15px 10px 15px; background-color:#FFFFFF; }
.BOARD_COMMENT .table5 {padding: 4px 0px 4px 0px; color:#878787; background-color:#FFFFFF; }
.BOARD_COMMENT .table6 {padding: 10px 0px 10px 0px; background-color:#FFFFFF; text-align:center; }
.BOARD_COMMENT .table7 {padding: 10px 15px 10px 15px; background-color:#F8F8F8; }

.BOARD_COMMENT_LIST td {padding:10px 20px 10px 20px; background:#FFFFFF url('../img/dot_line.gif') bottom center repeat-x; }


/* 게시판 입력 테이블 */
.BOARD_WRITE { table-layout:fixed; font-size:12px; border-collapse:collapse; border-top:2px solid #919191; border-bottom:0 solid #c2c2c2; margin-bottom:10px;}
.BOARD_WRITE th {overflow:hidden; font-size:12px; font-weight:bold; color:#666; border-bottom:1px solid #cbcbcb; font-weight:normal; background-color:#f8f8f8;}
.BOARD_WRITE th.first {border-left:none;}
.BOARD_WRITE th span {display:block; border-left:1px solid #fff;}
.BOARD_WRITE th a {font-size:11px; color:#547eec;}
.BOARD_WRITE td { padding:5px 10px; -webkit-padding-before:5px; -webkit-padding-end:10px; -webkit-padding-after:5px; -webkit-padding-start:10px; background:#ffffff url('../img/line.gif') top left no-repeat; border-bottom:1px solid #cbcbcb; color:#666; text-align:left; }
.BOARD_WRITE td.relay {background:url('../img/line.gif') bottom right no-repeat;}
.BOARD_WRITE td.first {border-left:none; background:none;}
.BOARD_WRITE td.noline { border-right:none;}
.BOARD_WRITE td.no_list {border-left:none; height:100px;}
.BOARD_WRITE td.subject { font-weight:bold; }
.BOARD_WRITE td.contents { padding:20px 20px; }
.BOARD_WRITE td a,
.BOARD_WRITE td a span,
.BOARD_WRITE td a strong {color:#547eec;}
.BOARD_WRITE td span.txt_intercept {color:#ffa500;}
.BOARD_WRITE td span.txt_leave {color:#dc143c;}
.BOARD_WRITE td a span.member {font-weight:bold; text-decoration:none; color:#666;}
.BOARD_WRITE td label {margin-right:0; -webkit-margin-end:0; height:16px; line-height:18px; line-height:20px\9; font-size:11px; color:#999;}
.BOARD_WRITE .list0 {}
.BOARD_WRITE .list1 {background:#f8f8f8;}
.BOARD_WRITE tr.thover {background:#ececec;}
.BOARD_WRITE tfoot th,
.BOARD_WRITE tfoot td {border-top:1px solid #c3c5c9; font-weight:bold;}

/* 게시판 검색 테이블 */
.BOARD_SEARCH {width:100%; border-top:2px solid #333333; border-right:1px solid #ededed; border-bottom:1px solid #c3c5c9; border-left:1px solid #ededed; table-layout:fixed;}
.BOARD_SEARCH th {border-top:1px solid #ededed; border-right:1px solid #ededed; padding:6px 0 0px 0px; text-align:center; font-size:12px; font-weight:normal; letter-spacing:-1px; vertical-align:top; height:28px; line-height:20px; background-color:#f6f6f6;}
.BOARD_SEARCH td {border-top:1px solid #ededed; padding:3px 5px 2px 5px; font-size:12px; color:#666; text-align:left; vertical-align:top; height:28px;}
.BOARD_SEARCH .first th,
.BOARD_SEARCH .first td {border-top-color:#c3c5c9;}
.BOARD_SEARCH .line th,
.BOARD_SEARCH .line td {border-top-color:#c3c5c9;}
.BOARD_SEARCH th.relay {border-left:1px solid #ededed;}
.BOARD_SEARCH th.item_title {font-weight:bold; background:#fff;}
.BOARD_SEARCH td a {color:#547eec; font-size:11px; letter-spacing:-1px;}
.BOARD_SEARCH td a.txt_point {letter-spacing:0; font-weight:bold;}
.BOARD_SEARCH td span,
.BOARD_SEARCH td label {margin-left:0; margin-right:5px; height:16px; line-height:20px; line-height:20px\9; font-size:12px; color:#666;}
.BOARD_SEARCH td label.checkbox {margin:0; margin-top:3px; height:16px; line-height:20px; line-height:20px\9; font-size:12px; color:#666;}
