/* 서브페이지 내용 구축 전용 css  */
h4.s_tit01{background:url(../../img/sub/sub_icon04.gif) no-repeat 0px 8px; padding-left:23px; font-size:22px; color:#2960a5; }

/* 인사말 */
.greeting{ background:url(../../img/sub/sub01_01img01.png) right top no-repeat; line-height:180%}
.greeting .text01{ font-size:23px; color:#4e4e4e; padding-top:42px }
.greeting .text02{font-size:23px; color:#316989; margin-bottom:20px; margin-top:15px; font-weight:bold }
.greeting .text03{   color:#986767; width:47%;  margin-bottom:45px; }

.greeting .text04{font-size:18px; color:#4f86a5; font-weight:bold ;}
.greeting .text05{font-size:23px; text-align:right; width:100% ; margin-top:20px}


/* 탭메뉴 */
.contTab { overflow:hidden; margin-top:0px;}
.contTab li {float:left; margin-left:5px;background:url(../../img/sub/conttab_off.gif) no-repeat center 0;  color:#8d8d8d; font-weight:bold;}
.contTab li:first-child { margin-left:0 !important;}
.contTab li a { color:#8d8d8d; display:block; height:36px; padding-top:10px; text-align:center;}
.contTab li.on { margin-left:5px;background:url(../../img/sub/conttab_on.gif) no-repeat center 0;}
.contTab li.on a { color:#fff;}
.contTab.num02 li{ width:49.5%;}
.contTab.num03 li{ width:32.8%;}
.contTab.num04 li{ width:24.4%;}
.contTab.num07 li{ width:13.6%;}

/* 센터규정 */
.rule{ border:#e2e2e2 4px solid; padding:20px; margin-top:20px }
.rule .rule_text01{ text-align:left; margin-bottom:10px; padding:10px 10px; border-bottom:#333 1px dotted;  border-top:#333 1px dotted; }


.rule ol {margin:15px 0 0 0; font-weight:normal;}
.rule ol li {font-weight:normal; color:#555; margin:0; padding-left:8px;}
.rule ol li ol { padding-left:10px; margin-bottom:3px;}
.rule ol li ol li {color:#777; background:transparent none;}
.rule ol li ol li ol li {color:#777; background:none;}
.rule span {color:#31698a; margin-top:16px; display:block; width:100%; font-weight:bold}

/* 연혁 */
.year{ background:url(../../img/sub/sub01_01img03.png) no-repeat  right top; padding-top:180px; padding-left:30px }
.year dl{  border-bottom:#CCCCCC 1px dotted; clear:both;  display:inline-block ; padding:15px 0px 20px;   width:100% }
.year dt{ background:url(../../img/sub/sub01_01img04.png) no-repeat  top left; float:left; width:180px; font-size:34px; font-weight:bold; padding-left:20px; padding-top:7px}
.year dd{ float:right; padding-top:10px; width:500px}
.year dd p{ float:left;  font-size:14px; font-weight:bold; color:#09b7b6; width:90px;}
.year dd ul{ float:left; font-size:14px; line-height:1.8}

/* 오시는길 */
.location_tit{ background:url(../../img/sub/sub_img02.gif) no-repeat  left top; width:234px; height:36px; ; font-weight:bold; vertical-align:middle; line-height:36px; margin-bottom:15px ; color:#fff; padding-left:35px}
.location li{ padding:3px 0px 3px 35px;  }
.location img{ vertical-align:middle}

/* 한새비전연구회 */
.vision{  background:url(../../img/sub/sub02_01img01.png) no-repeat  right top 40px; }
/*.workshop{  background:url(../../img/sub/sub02_01img02.jpg) no-repeat  right top; }*/
.txtType01 > li {margin-top:5px; padding-left:10px; background:url(../../img/sub/bu_txt_type01.gif) no-repeat 0 6px;}

/* 수업행동분석실 */
.study{ background:url(../../img/sub/sub02_03img01.jpg) no-repeat  right 50px; }

/* 한새수업비평문  */
.critique { background:url(../../img/sub/sub03_01img01.png) no-repeat  right top; }

/* 좋은수업 탐구대회  */
.goodstudy { background:url(../../img/sub/sub03_02img01.png) no-repeat  right 50px; }
.conference { background:url(../../img/sub/sub03_03img01.jpg) no-repeat  right 50px; }

/* e-러닝시스템운영 */
.e_system .e_system_01 { background: url(../../img/sub/sub06_01img01.jpg) no-repeat left center; padding-left: 160px; min-height: 100px; }

/* e-러닝 스튜디오 */
.e_studio {  background:url(../../img/sub/sub02_01img10.png) no-repeat  right top; }
.e_studio .table_01 { border-top: 0; border-bottom: 0; }
.e_studio .table_01 th { border-top: 2px #5473b5 solid; }
.e_studio .table_01 .bdtb0 { border-top: 0; border-bottom: 0; }

.study_movie{ width:77%; margin:0 auto; height:150px; padding:50px 40px; border:#e2e2e2 1px solid; border-radius:13px;  background:url(../../img/sub/sub02_03img01.png) no-repeat 430px 70px; font-weight:bold; ; }

/* 게시판수정 */
.FindBTN_VN{ margin-left:5px}
.FindCancelBTN_VN { margin-left:2px}
.tListB{ padding-top:20px}
.tListR input{ margin-left:7px; margin-right:3px}
.tListR{ width:60%; float:right  }
.tListL{ width:40%}
.tListW img{ margin-top:5px}


/* 사이트맵 */
.siteMap{ width:100%; display:block; overflow:hidden; margin-top:40px}
.siteMap:after{display:block;clear:both;content:'';height:0;visibility:hidden;}
.sitemapBox{ width:170px; height:260px; display:block; float:left; border:1px solid #d4d4d4; padding:0 20px; margin:0 25px 35px 0px; overflow:hidden;}
.siteMap .size01{height:260px;  }
.sitemapBox ul.sitemap_Menu{   margin:10px 0 0 0; padding:15px 0 0 0; display:block;}
.sitemapBox ul.sitemap_Menu li{   padding:0 0 8px 15px; margin:0 0 8px 0; border-bottom:1px solid #d4d4d4;  background:url(../../img/sub/bu_txt_type01.gif) no-repeat 3px 7px}
.sitemapBox ul.sitemap_Menu li a:hover{ color:#2b71d9; font-weight:bold;}
.sitemapBox ul.sitemap_Menu li.last{border-bottom:2px solid #333;}
h3.s_tite{ padding:0px 0px 10px 27px; border-bottom:2px solid #333; background:url(../../img/sub/icon02.png) no-repeat 0px 7px;  }
h3.s_tite{  color:#4454b8; font-size:20px ; font-weight:bold; margin-top:20px; }





/************************************************
	한새인프로그램
*************************************************/
.search-box02 {position:relative; width:100%; border:1px solid #dedede; background: #fafafa; margin:41px 0 0 0; position:relative; padding-bottom:20px}
.search-box02 p.text01{ margin:20px 0px 0px 0px; text-align:center; ;  }
.search-box02 .search-form {position:relative; width:98%; margin:0 auto;  text-align:center; margin-top:20px  }
.search-box02 .search-form select.sel01 {border:1px solid #e3e3e3; display: inline-block; padding:0 10px;     }
.search-box02 .search-form input.i01 {border:1px solid #e3e3e3; padding:6px 0 5px 0; width:25%;    }
.search-box02 .search-form .search-box-btn { margin-left:5px;      }
 
/*thead th.borderno{border-right:0px}*/

/*프로그램 신청
.table_04 { width:100%; border-collapse:collapse; border-top:2px solid #158fe4; border-bottom:2px solid #d4d4d4; text-align:center; margin-bottom:20px; li}
.table_04 th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px; }
.table_04 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:6px; text-align:center }
.table_04 td a.t_bold{ font-weight:bold;  color:#21a2b7   }
.table_04 td a.t_bold:hover{ text-decoration:underline}

.table_04 td.t_year{ text-align:left; padding-left:20px}
.table_04 td.t_year2{ text-align:left; padding-left:12px}
.table_04 td.t_cen{ text-align:center}
.table_04 td.t_right{ text-align:center}*/

.table_04a { width:100%; border-collapse:collapse; border-top:2px solid #333; border-bottom:2px solid #d4d4d4;margin-bottom:20px;  }
.table_04a th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; color:#000; padding:10px; }
.table_04a td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px; line-height:1.2; font-size:1em;  }

.table_04a td.t_cen{ text-align:center}
.table_04a td.t_right{ text-align:right}

.table_04a td input {border:1px solid #dcdcdc; padding:5px; margin:2px 0px}
.table_04a td select {border:1px solid #dcdcdc; padding:5px;}

/*휴대폰 본인 인증 확인*/
.check_sms{ width:95%; border:1px solid #eee; padding:40px 0px; text-align:center; margin:0 auto; margin-top:10px}
.check_sms h2{ font-size:26px; font-weight:bold; color:#2f73d4; margin-bottom:10px}

a.btn_sms {display:inline-block; padding:20px 55px 20px 55px; border:#093e82 1px solid; font-size:14px; background-color:#1d4f9d; color:#ffffff; margin-top:30px}
a.btn_sms:visited {  color:#fff}
a.btn_sms:hover {text-decoration:underline; background-color:#053279; }
a.btn_sms:active { text-decoration:underline; background-color:#053279;}

td.borderno{border-right:0px}

/*  신청게시판 상단에 동의 */
.print_notice_tit{   color:#2976be; font-size:18px; font-weight:bold}
.print_notice{width:100%; border:1px solid #e8ebee; background-color:#f7f8f9; margin: 20px 0 20px 0; padding: 20px; }

.agree_form01{ width:100%; border:#CCCCCC 1px solid; background-color:#f5f5f6; padding:15px; margin-top:20px; line-height:1.4}
.agree_form01 p{ text-align:right}

/*  신청게시판 상단에 동의 */
.personalbox {width:100%; border:1px solid #e8ebee; background-color:#f7f8f9; margin: 20px 0 20px 0; padding: 10px; }
.personalbox dt{ font-weight:bold}
.personalbox dd{ padding-left:15px; margin-bottom:20px}

/* -------------------------------------------------------------------------- 게시판 리스트, 뷰, 형태 피시형태  ---------------------------------------------------- */
table.t-viewz {width:100%; border-collapse: collapse; border-top:2px solid #333; border-bottom:2px solid #d4d4d4; margin-top:28px;  line-height:1.3 }
table.t-viewz thead th {background: #f7f9fa; border-bottom:1px solid #cacaca; padding:15px 0px 16px 0px; text-align:center; color:#000 }
table.t-viewz tr {text-align:left}
table.t-viewz td { padding:15px 2px 16px 2px; font-size: 14px; color:#5b5b5b; border-bottom:1px solid #e7e7e7; text-align:center}
table.t-viewz td span.bar {margin:0 10px 0 10px; font-size: 10px}
table.t-viewz td.subject {text-align:left; padding-left:10px}
table.t-viewz td.infor {text-align:right; padding-right:10px}
table.t-viewz td.subject a { }
table.t-viewz td a {color:#5b5b5b}
table.t-viewz td a:focus,
table.t-viewz td a:hover {text-decoration:none}
table.t-viewz td.write {text-align:center;}
table.t-viewz td.request a { color:#06C; text-decoration:underline}
table.t-viewz img{ vertical-align:middle}
table.t-viewz td a.btn01, table.t-viewz td a.btn02, table.t-viewz td a.btn03, table.t-viewz td a.btn04{display:inline-block; padding:3px 13px 3px 13px;  color:#fff; font-size:0.9em; border-radius:3px}
table.t-viewz td a.btn01{ background-color:#cfcfcf;  } /* 예정 */
table.t-viewz td a.btn02{ background-color:#ff8b33;  } /* 신청 */
table.t-viewz td a.btn03{ background-color:#0c52b2;  } /* 완료 */
table.t-viewz td a.btn04{ background-color:#e21e1e;  } /* 신청폼 */
table.t-viewz td, table.t-viewz th{border-right:1px dashed  #cacaca; border-left:1px dashed  #cacaca}
/* --------- 내용 ------------ */
table.t-viewz .rist_picimg img{ width:100%} 
.point01{ color:#e7114e}
 


.self_intro { width:100%; margin:10px 0 20px 0 }
.self_intro .tit{ padding:1%; width:100%; background:url(/resources/images/ipsi/sub/img07.gif) repeat-y 0px #2a71d9; clear:both; display:inline-block ; margin-bottom:10px}
.self_intro .tit_icon{ float:left; width:60px}
.self_intro .tit_text { color:#fff; font-weight:400 }
.self_intro .tit_text02{ font-size:11px; width:100%; text-align:right;}
.self_intro .tit_write{ width:100%; height:80px; padding:1%; margin-top:10px}

.tit_sthanse{border:#3399FF 2px solid; padding:20px 0px;  font-weight:500; text-align:center; margin-bottom:20px}
 /*------------ 신청버튼-----------------*/
/*회색-*/
a.btn01a { 
    display: inline-block;
    padding: 3px;
	width:60px;
    color:#FFF !important;
    
    background-color: #494949;
	cursor:pointer; border-radius:2px;	
}

a.btn01a a {color:#fff !important;}
/*주황-*/
a.btn02a {
    display: inline-block;
     padding: 3px;
	width:60px;
    color: #FFF !important;


    
    background-color: #FF8B33;
	cursor:pointer;	 border-radius:2px;	
}
/*파랑-*/
a.btn03a {
    display: inline-block;
     padding: 3px;
	width:60px;
    color: #FFF !important;
    
    background-color: #0C52B2;
	cursor:pointer; border-radius:2px;	 
}
/*초록-*/
a.btn04a {
    display: inline-block;
     padding: 3px;
	width:60px;
    color: #FFF !important;
   
    background-color: #46b719;
	cursor:pointer;	 border-radius:2px;	
}

/*빨강-*/
a.btn05a {
    display: inline-block;
     padding: 3px;
	width:60px;
    color: #FFF !important;
    
    background-color: #f55753;
	cursor:pointer;	 border-radius:2px;	
}
.button01{background:#777777; color:#fff; padding:4px 16px 4px; line-height:1.3}
/* 신청프로그램 */
#FLD_18072700014, #FLD_18072700015 { min-width: 40%;}


/* color */
.ui-btn.blue		{ background: #176dce; border-color: #1378b0; }
.ui-btn.blue:hover	{ background: #1573a6; border-color: #0e6596; }
.ui-btn.red			{ background: #d03131; border-color: #b31b1b; }
.ui-btn.red:hover	{ background: #a61313; border-color: #990b0b; }
.ui-btn.green		{ background: #7ac257; border-color: #5aad32; }
.ui-btn.green:hover	{ background: #6db44b; border-color: #3a8814; }
.ui-btn.gray		{ background: #747681; border-color: #5f616c; }
.ui-btn.gray:hover	{ background: #5c5e6a; border-color: #4e505e; }
.ui-btn.white		{ background: #fefefe; border-color: #cacaca; color: #555; }
.ui-btn.white:hover	{ background: #efefef; border-color: #c1c1c1; }
.ui-btn.disable			{ background: #eaeaea; border-color: #e1e1e1; color: #999; cursor: default; }
.ui-btn.disable:hover	{ background: #eaeaea; border-color: #e1e1e1; }

/*** Button Style */
.ui-btn { border-radius:3px; padding:7px 20px; background:#0c94db; border-color:#0985c5; font-size:1em; font-weight:400; } 
.ui-btn:hover,
.ui-btn:active,
.ui-btn:link,
.ui-btn:visited	{ color: #fff;  }
button.ui-btn	{ height: 31px; }
input.ui-btn	{ height: 31px; }
 

 

/*** Color Style */
.fcBlack { color: #000000 !important; }
.fcRed { color: #ff0000 !important; }
.fcOrange { color: #ff6600 !important; }
.fcBlue { color: #0066cc !important; }
.fcGreen { color: #3a9225 !important; }

.txt-left	{ text-align: left !important; }
.txt-right	{text-align: right !important;}
.txt-center	{ text-align: center !important; }