@charset "UTF-8";
@import url("base.css");
@import url("common.css");
@import url("dataTable.css");
@import url("main.css");

/* ---------------------------------------------
 * Name    : sub.css
 * Desc    : spepOnline sub style(C.Y.H)
 * Created : 2012/03/13
 ----------------------------------------------- */


#wrapSub {
	width:100%; 
	background-image:url('/images/common/bg_header.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative;
}


/* ------------------------visual------------------------ */

#subVisual_01 { 
	height:138px; 
	background-image:url('/images/info/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
#subVisual_02 { 
	height:138px; 
	background-image:url('/images/register/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
#subVisual_03 { 
	height:138px; 
	background-image:url('/images/study/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
#subVisual_04 { 
	height:138px; 
	background-image:url('/images/custormer/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
#subVisual_05 { 
	height:138px; 
	background-image:url('/images/mypage/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
#subVisual_06 { 
	height:138px; 
	background-image:url('/images/membership/bg_subVisual.jpg'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto;
}
.h1_title {
	width:680px;
	position:relative; 
	margin:0 auto;
	border:0px solid red;
	padding-left:260px;
	padding-top:36px;
}




/* ------------------------네비게이션------------------------ */
#subCon {
	width:940px; 
	position:relative; 
	border:0px solid red;
	margin:0 auto;
}
#navi {
	height:23px;
	border:0px solid red;
	padding-top:7px;
	font-size:11px;
}
#navi ul {
	float:right;
}
#navi ul li {
	float:left;
	padding:0 10px;
	background-image:url('/images/common/bu_arrow.gif'); 
	background-position:right 5px; 
	background-repeat:no-repeat;
}
#navi ul li.here {
	background-image:none;
	padding-right:0;
	font-weight:bold;
	color:#2f2f2f;
}


/* ------------------------컨텐츠------------------------ */
#rightCon {
	width:680px;
	float:right;
}

#content {
	width:680px;
	margin-top:27px;
	border:0px solid red;
}


/* ------------------------SPEP 프로그램안내------------------------ */
.bizCon_01 {
	border-bottom:1px solid #c7c7c7;
	padding-bottom:30px;
	float:left;
}
.biz_s {
	width:680px;
	background-image:url('/images/info/bg_buisness_02.gif'); 
	background-position:left bottom; 
	background-repeat:no-repeat;
	float:left;

}
.biz_s dl {
	width:346px;
	float:right;
}
.bizCon_02 {
	background-image:url('/images/info/bg_buisness.gif'); 
	background-position:right bottom; 
	background-repeat:no-repeat;
	float:left;
	margin-top:30px;
}

.exe_box01 {
	background-image:url('/images/info/bg_executive.gif'); 
	background-position:right bottom; 
	background-repeat:no-repeat;
	margin-bottom:40px;
}
.exe_box01 ul li {
	background-image:url('/images/info/icon_p.gif'); 
	background-position:8px 7px; 
	background-repeat:no-repeat;
	padding-left:20px;
}
.exe_box02 dl dd{
	margin-left:20px;
}
.i_box dl dd {
	padding-left:8px;
}
.i_box ul li {
	background-image:url('/images/info/icon_p.gif'); 
	background-position:8px 7px; 
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;
}
.online_box {
	width:680px;
}
.online_box dl {
	width:330px;	
	margin-bottom:30px;
}
.m_list li {
	background-image:url('/images/info/icon_c.gif'); 
	background-position:8px 10px; 
	background-repeat:no-repeat;
	padding-left:20px;
}
.m_des {
	background-image:url('/images/info/bg_mobile.gif'); 
	background-position:right bottom; 
	background-repeat:no-repeat;
}
.m_des dl {
	margin-left:10px;
	margin-bottom:20px;
}
.m_des dl dd {
	background-image:url('/images/info/icon_p.gif'); 
	background-position:8px 7px; 
	background-repeat:no-repeat;
	padding-left:20px;
}

/* ------------------------페이지------------------------  */
#paging {
	clear:both;
	width:100%;
	padding-top:25px;
	margin:0;
	text-align:center;
}
#paging ul li {
	line-height:15px;
	display:inline;
}
#paging ul li a {
	vertical-align:middle;
}

#paging ul li .now {
	font-weight:bold;
	color:#ff860f;
}



/* ------------------------회원정보관리------------------------  */


.t_box {
	padding:15px 0;
	text-align:center;
	color:#808080;
	font-weight:bold;
	margin-bottom:25px;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
}
.t_box span {
	color:#ff860f;
}

/* ------------------------비밀번호 확인------------------------  */
.id_form {
	width:412px;
	height:150px;
	margin:0 auto;
	background-image:url('/images/membership/bg_login.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.id_form .pwBox {
	width:260px;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	padding-top:30px;
}
.id_form .pwBox li {
	margin-bottom:10px;
}
.id_form .pwBox .id {
	width:65px;
	float:left;
	padding-left:25px;
	font-weight:bold;
}
.id_form .pwBox .pw {
	width:65px;
	float:left;
	padding-left:25px;
	padding-top:2px;
	font-weight:bold;
}


.h3_title {
	background-image:url('/images/common/ico_h3.gif'); 
	background-position:left 4px; 
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding-left:17px;
}

/* ------------------------비밀번호 변경------------------------  */
.pw_c_form {
	width:412px;
	height:190px;
	margin:0 auto;
	background-image:url('/images/membership/bg_pwdChange.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.pw_changeBox { 
	width:300px;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	padding-top:30px;
}
.pw_changeBox li {
	margin-bottom:10px;
}
.pw_changeBox .ipt {
	width:100px;
	height:15px;
	float:left;
	padding-left:25px;
	font-weight:bold;
	padding-top:2px;
}


/* ------------------------회원탈퇴------------------------  */
.memberDrop_form {
	width:412px;
	height:220px;
	margin:0 auto;
	background-image:url('/images/membership/bg_memberDrop.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.memberDrop_box {
	width:300px;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	padding-top:30px;
}
.memberDrop_box li {
	margin-bottom:10px;
}
.memberDrop_box .ipt {
	width:90px;
	height:15px;
	float:left;
	padding-left:25px;
	font-weight:bold;
	padding-top:2px;
}


/* ------------------------사이트맵------------------------  */
.sitemapBox {
	float:left;
}
.sitemapBox dt {
	margin-bottom:10px;
}
.sitemapBox dd{
	background-image:url('/images/membership/ico_sitemap.gif'); 
	background-position:15px 10px; 
	background-repeat:no-repeat;
	padding-left:25px;
	line-height:24px;
}


/* ------------------------ID/PWD찾기------------------------  */
.id_search {
	width:322px;
	height:180px;
	background-image:url('/images/membership/bg_id_search.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.id_search .pwBox {
	width:250px;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	padding-top:43px;
	padding-bottom:20px;
}
.id_search .pwBox li {
	margin-bottom:7px;
}
.id_search .pwBox .ipt {
	width:90px;
	float:left;
	font-weight:bold;
	border:0px solid red;
}


.pw_search {
	width:322px;
	height:180px;
	background-image:url('/images/membership/bg_id_search.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
}
.pw_search .pwBox {
	width:250px;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:5px;
}
.pw_search .pwBox li {
	margin-bottom:7px;
}
.pw_search .pwBox .ipt {
	width:90px;
	float:left;
	font-weight:bold;
	border:0px solid red;
}


/* ------------------------아이디찾기(새창)------------------------  */
.search_wrap {
	width:420px;
	height:300px;
	border:0px solid red;
}
.search_top {
	width:100%;
	height:33px;
	background-color:#ff860f;
}
.search_top img {
	margin:7px 0 0 15px;
}

.search_box {
	background-image:url('/images/membership/bg_popup_01.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
	width:322px;
	height:50px;
	margin:0 auto;
	margin-top:33px;
	padding-top:30px;
	text-align:center;
	font-weight:bold;
}
.search_box span {
	color:#ff860f;
}
.search_text {
	width:322px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:2px solid #ddd;
	text-align:center;
	font-weight:bold;
}


/* ------------------------비밀번호찾기(새창)------------------------  */
.search_text2 {
	width:322px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
	font-weight:bold;
}
.search_text2 span {
	color:#ff860f;
}
.search_box2 {
	background-image:url('/images/membership/bg_popup_02.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
	width:342px;
	height:156px;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
}

/* ------------------------개인정보보호정책------------------------  */

.private_box {
	width:100%;
	border:1px solid #ddd;
	padding:15px;
}
.private_box dl {
	margin-bottom:20px;
}
.private_box dl dt {
	font-size:15px;
	font-weight:bold;
	color:#ff860f;
	margin-bottom:10px;
} 
.private_box dl dd {
	margin-bottom:10px;
}
.private_box dl dd p {
	padding-left:7px;
}
.private_box dl dd ul {
	padding-left:17px;
}



/* ------------------------이용약관------------------------  */
#agreement legend	{display:block; padding:0 0 8px 1px; margin:0 0 0 0;}

#agreement div.agreementBox {clear:both; width:680px; border:1px solid #ddd;}

.grayBox2	{clear:both; width:390px; padding:10px; text-align:center; margin:10px 0 10px 0; background-color:#f5f5f5; float:left;}

#agreement .bx		{height:300px; padding:10px 18px 18px 10px; overflow:auto; }

#agreement .bx h4	{margin-top:30px;}

#agreement .bx h4.start{margin-top:0;}

#agreement .bx p,

#agreement .bx li	{line-height:16px;}

#agreement .bx p,

#agreement .bx ol,

#agreement .bx ul	{margin:0 0 10px 10px;}

#agreement .bx ul ul{margin-top:7px; margin-left:10px;}

#agreement .bx ul ul ul{margin-top:0; margin-left:10px;}

#agreement .bx ol ol{padding-top:7px; margin-left:10px;}


#agreement .start {
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}


.btn_check {
	text-align:center;
	margin-top:10px;
	color:#ff860f;
}
.bx_text {
	color:#a6a6a6; 
	margin-top:10px; 
	
}
#agreement .bx2 {
	height:145px;
}
#agreement .bx2 p {
	margin:10px;
}


/* ------------------------SPEP이용안내------------------------  */
.join_p_wrap {
	width:420px;
	height:420px;
	border:0px solid red;
}

.biz_login {
	background-image:url('/images/membership/bg_login2.gif'); 
	background-position:left top; 
	background-repeat:no-repeat;
	width:327px;
	height:91px;
	margin:0 auto;
	margin-top:30px;
	font-weight:bold;
	padding-top:35px;
	padding-left:35px;
}
.biz_login ul {
	width:220px;
	height:52px;
	border:0px solid red;
	float:left;
	margin-right:3px;
}
.biz_login .ipt {
	width:65px;
	float:left;
	border:0px solid red;
}
.biz_t {
	width:365px;
	margin-top:20px;
	margin-left:25px;
	border-bottom:1px solid #ddd;
}
.biz_t li {
	background-image:url('/images/membership/ico_sitemap.gif'); 
	background-position:left 8px; 
	background-repeat:no-repeat;
	padding-left:10px;
	margin-bottom:8px;
}

/* ------------------------수강신청------------------------ */

.register_info {
	width:644px;
	border:3px Double #ddd;
	padding:15px;
	letter-spacing:-1px;
}
.register_info p {
	font-weight:bold;
	margin-bottom:15px;
	color:#7e7e7e;
}
.register_info p span {
	color:#ff860f;
}
.register_info dl dt {
	font-weight:bold;
	color:#c83e23;
	text-decoration:underline;
}
.register_info dl dd {
	margin-left:5px;
	font-weight:bold;
	color:#7e7e7e;
}

.r_textBox {
	width:600px;
	border:3px Double #ddd;
	margin:0 auto;
	padding:15px;
}
.r_btn {
	margin:30px 0 0 100px;
}



/* ------------------------수강신청완료------------------------ */

.leaning_wrap {
	width:420px;
	height:470px;
	border:0px solid red;
}

.leaning_c {
	margin:0 auto;
}
.leaning_c td {
	height:25px;
	border:0px solid red;
}
.text_box {
	width:356px;
	border-top:2px solid #ff860f;
	margin:0 auto;
	color:#ff860f;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	margin-top:30px;
}