@charset "utf-8";

/* 게시판 list 공지글 좌측 정렬 등 */
/*
td.txt_left { text-align:left;}
td.txt_center { text-align:center; }
td.txt_right { text-align:right; }

#searchtbl td{min-height: 10px; text-align:left; padding:0px; }
*/
.formTbl {}
.formTbl tr {padding:5px 5px;}
.formTbl tr:hover {background-color: #f5f5f5;}
.formTbl th {padding:8px 5px;text-align:center; background-color:#f1f7fc; border:1px solid #ECECEC;}
.formTbl td {padding:8px 5px;text-align:center; border:1px solid #ECECEC;}
.tdleft td {text-align:left; padding:10px;}

.searchBox {width: 98.5%; margin:10px 0; overflow: hidden; padding:10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 4px solid #D0D0D0;}
.searchBox .box-l {float: left; width:70%; text-align:left; margin-top:10px;}
.searchBox .box-r {float: right; width:30%; text-align:left;}


.submitdiv {margin:20px 0;text-align:center;}
.batchdiv {margin:10px 0;text-align:right;}
.golistdiv {margin:10px 0;text-align:left;}

.formTbl td.txt_left { text-align:left; }
.formTbl td.txt_right { text-align:right; }

.multiDiv {overflow: hidden; margin:10px 0;}
.multiDiv .box-l {float: left;text-align:left;}
.multiDiv .box-r {float: right;text-align:left;}

.titleTbl {margin:10px 0;}
.titleTbl td{text-align:left; padding:2px;}
.titleTbl td.txt_right { text-align:right; }

.viewTbl {}
.viewTbl th {text-align:center; background-color:#f1f7fc; padding:2px;}
.viewTbl td {text-align:left; background-color:#ffffff;  padding:2px;}
.viewTbl td.txt_center { text-align:center; }

.viewTbl2 {}
.viewTbl2 th {text-align:left; background-color:#f1f7fc; padding:2px;}
.viewTbl2 td {text-align:left; background-color:#ffffff;  padding:2px;}
.viewTbl2 td.txt_center { text-align:left; }

#contents{	
	margin-top:20px;
}

/* border round corner */
/*
#sroundbox{	
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 4px solid #D0D0D0;
}
*/
.cal_input{width:100px;} 
.keyword_input{width:100px;} 

.btm_remark { text-align:left; color:orangered; margin:10px 0;}

/* 탭 메뉴 */
.smn_area { position:relative; width:940px; height:35px; margin-top:25px; background:url(/intranet/images/smn_bg.gif) left bottom repeat-x; }
.smn1 { }
.smn1 li { float:left; display:block; height:35px; line-height:35px; padding:0 20px; border-top:1px solid #C1C1C1; border-right:1px solid #C1C1C1; }
.smn1 li.first { border-left:1px solid #C1C1C1; }
.smn1 li a { font-size:1.2em; letter-spacing:-0.02em; color:#555555; background:#ffffff; }
.smn1 li.on { font-size:1.2em; font-weight:600; letter-spacing:-0.02em; color:#000000; background:#F0F0F0; }
.smn_area1 { position:relative; width:940px; height:40px; margin-bottom:15px;  border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; background:#F0F0F0; }
.smn2 {  }
.smn2 li { float:left; display:block; height:40px; line-height:40px; padding:0 20px; }
.smn2 li a { font-size:1.1em; letter-spacing:-0.02em; color:#222222; }

.smn_area1_d { position:relative; width:940px; height:80px; margin-bottom:15px;  border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; background:#F0F0F0; }

.strLight {}
.strGrey {color:silver;}

/* 일정 캘린더 */
.calendar_search {text-align:right}
.calendar_search h3 {display:inline;margin-right:10px;font-weight:900;font-size:0.95em;color:#4b4a4a}
.calendar_search form {display:inline}
.calendar_search fieldset {display:inline}
.calendar_search select {width:70px;border:1px solid #d6d8d8;font-size:1em}
.calendar {margin-top:10px;border-style:solid none solid solid;border-width:1px 0 1px 1px;border-color:#c9c9c9}
.calendar .year_btn {position:relative;width:100%px;padding:22px 0;border-right:1px solid #C9C9C9;background-color:#fafafa;text-align:center}
.calendar .year_btn1 {width:100%px;padding:22px 0;border-right:1px solid #C9C9C9;background-color:#fafafa;text-align:center}

.calendar_table {width:100%;border-style:solid none none;border-width:1px 0 0;border-color:#c9c9c9}
.calendar_table thead th {padding:15px 0;border-style:none solid none none;border-width:0 1px 0 0;border-color:#cecece;background-color:#f0f0f0;color:#6c6c6c;text-align:center;}
.calendar_table tbody td {padding:9px 0 50px 0;border-style:solid solid none none;border-width:1px 1px 0 0;border-color:#cecece;vertical-align:top;font-weight:900;color:#333333; text-align:left;}
.calendar_table tbody td span {display:inline-block;padding-left:15px}
.calendar_table tbody td ul {padding-left:3px}
.calendar_table tbody td li {padding-bottom:5px;padding-left:9px;background:url("/ssPlanner/images/bullet_01.gif") no-repeat 2px 5px}
.calendar_table tbody td a {line-height:1.1em;letter-spacing:-1px;font-weight:normal;font-size:0.95em;display:block}
.calendar_table tbody td a:hover {text-decoration:underline}
.calendar_table .c_red {color:#cc0000}
.calendar_table .c_blue {color:#2a7ade}

.sub_tab_wrap {height:33px;}
.sub_tab {width:130px; height:33px; background:#888; margin-right:5px; font-size:14px; font-weight:bold; color:#fff; line-height:33px; float:left; text-align:center;}
.sub_tab.select {background:#8f0007;}
.sub_tab1 {width:200px; height:33px; background:#888; margin-right:5px; font-size:14px; font-weight:bold; color:#fff; line-height:33px; float:left; text-align:center;}
.sub_tab1.select {background:#8f0007;}

.catPath { font-size:1.0em;}


/* 분류선택 추가작업 */

.cateselect-box {margin:40px 0 40px 0; width:850px; overflow: hidden;}
.cateselect-box .left-box {position:relative; float:left; width:366px; text-align:center;}
.cateselect-box .tit { margin-top:54px; font-size:16px; font-weight:600;}
/*.cateselect-box .tit span::after {content: " "; background:url("../img/arrow_r.png") 0 2px no-repeat; width:12px; height:15px; margin:0 5px; display:inline-block;}*/
.cateselect-box .tit span:after {content:"▶"; padding:0 3px;}

.cateselect-box .right-box {position:relative; float:right; width:482px;}
.cateselect-box .right-box ul {margin:54px 0 0 0; padding:0 94px; border-left:1px #ddd solid; list-style:none;}
.cateselect-box .right-box li {margin:0 0 10px 0; width: 293px; height: 50px; background-color:#fff; border:1px #ddd solid; text-align:center; line-height:50px; font-weight:600;}
.cateselect-box .right-box a {display:block; color:#0078ff; text-decoration:none;}	
.cateselect-box .right-box a:hover {color:#072587;}	

.cateselect-box .right-box .list { margin:5px 0; text-align: center;}
.cateselect-box .right-box .list .st-list {width:90px; display:inline-block; padding: 5px 25px; border-radius:8px; background-color:#B1EAFB;font-size:0.9em;color:#043A4A;border:2px solid #B1EAFB;}
.cateselect-box .right-box .list .st-list a {display:inline-block; color:#043A4A;}
.cateselect-box .right-box .list .st-list:hover {background-color:white;color:#043A4A;border:2px solid #B1EAFB; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer;}

/*.btn8 {background-color: #e7e7e7; border: none; color: black; padding: 5px 13px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.2em; -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; cursor: pointer;}*/

/* 강의 수강일수 금액 설정 */
#buildyourform {width:600px;}		
/*fieldset{border: 0; padding:0; display:block; clear:both; margin:5px 0px;	}*/
input.add {float:left;margin:5px; border:1px solid blue; color:blue; background-color:#fff;padding:0 5px; cursor:pointer; }
input.remove{float:left;display:block;margin:5px;border:1px solid #333; background-color:#fff; cursor:pointer; }		
select.lec_period {float:left; clear:left; display:block; margin:5px 0 5px 5px;}
select.lec_periodDM{float:left; margin:5px 5px 5px 1px;}
input.lec_genprice	{float:left; display:block; margin:5px; text-align:center;}
input.lec_price{float:left; display:block; margin:5px; text-align:center;}


/* 테이블 기본 설정 */
.order-container {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    font-size: 14px;
    color: #333;
    border: 1px solid #e5e5e5;
}

/* 레이아웃 행/열 */
.order-table {
    width: 100%;
    border-collapse: collapse;
}

.order-table th, .order-table td {
    border-bottom: 1px solid #eee;
}

.label-cell {
    width: 150px;
    padding: 15px;
    background-color: #f7f8fa;
    font-weight: bold;
    text-align: left;
    color: #444;
}

.content-cell {
    padding: 15px;
    background-color: #ffffff;
}

/* 내부 신청교재 상세 테이블 */
.item-detail-table {
    width: 70%;
    border-collapse: collapse;
    font-size: 13px;
    margin: -5px 0; /* 부모 패딩 조절 */
}

.item-detail-table th {
    background-color: #fafafa;
    color: #666;
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.item-detail-table td {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}

/* 텍스트 스타일 */
.text-brand-primary { color: #1A56A0; font-weight: bold; }
.text-brand-secondary { color: #18B49D; font-weight: bold; }
.text-price { font-size: 18px; color: #d9534f; font-weight: bold; }
.text-danger { color: #f2432c; font-weight: bold; }
.refund-box {
    margin-top: 8px;
    padding: 10px;
    background: #fff5f5;
    border-radius: 4px;
    font-size: 12px;
}