@charset "EUC-KR";
@import url("/inc/css/common_v03.css");
@import url("/inc/css/submain_v03.css");
@import url("/inc/css/renew_cpcta.css");
@import url("/inc/css/2013_main.css");


/* 2013-05-22 Song-Seung-Jun */

.scroll { scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CFCFCF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#595959; }


.dodum_c555555 {
	
	font-size: 11px;
	color: #555555;
	text-decoration: none;
/*	padding-left: 5px;   */
}
.test00 {
	
	font-size: 12px;
	color: #555555;
	font-weight:bold;
}
.test01 {
	
	font-size: 12px;
	color: #555555;
	/*text-decoration: underline;*/
}
.c0 {
	
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.c00 {
	
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.gulim_c000000_pad {
	
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 4px;
}
.gulim_c333333 {
	
	font-size: 12px;
	color: #333333;
	text-decoration: none;
/*	padding-left: 5px;   */
}
.c7 {
	
	font-size: 12px;
	color: #4c4c4c;
	text-decoration: none;
	line-height: 16px;
/*	padding-left: 5px;   */
}
.c7_testtit {
    
    font-size: 12px;
    color: #ab2800;
    text-decoration: none;
    line-height: 16px;
}
.red {
	
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	line-height: 16px;
/*	padding-left: 5px;   */
}
.black {
	
	font-size: 12px;
	color: black;
	text-decoration: none;
	line-height: 16px;
/*	padding-left: 5px;   */
}
.c7_table {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	line-height: 16px;
/*	padding-left: 5px;   */
}
.c7_pad {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	padding-top: 2px;
}
.cbox {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	line-height: 12px;
	border:1px solid #c9c9c9;
    vertical-align:middle;
/*	padding-left: 5px;   */
}
.rbox {
	
	font-size: 12px;
	color: #e96161;
	text-decoration: none;
	line-height: 12px;
	border:1px solid #c9c9c9;
    vertical-align:middle;
/*	padding-left: 5px;   */
}
.c7_lh {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	line-height: 20px;

/*	padding-left: 5px;   */
}
.writh_bigbox {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	line-height: 50px;
/*	padding-left: 5px;   */
}
.c7_ls {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	letter-spacing: -1px;
}
.c77 {
	
	font-size: 13px;
	color: #777777;
	text-decoration: none;
}
.c777 {
	
	font-size: 11px;
	color: #777777;
	text-decoration: none;
}
.ce96161 {
	
	font-size: 11px;
	color: #e96161;
	text-decoration: none;
	letter-spacing: -1px;
}

.white11 {
	
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: -1px;
}
.c5b {
	
	font-size: 12px;
	color: #5b5b5b;
	text-decoration: none;
}
.top_pad {
	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	padding-top: 5px;
}
.c59 {
	
	font-size: 12px;
	color: #595959;
	text-decoration: none;
	letter-spacing: -1px;
}
.c3778c0 {
	
	font-size: 12px;
	color: #3778c0;
	text-decoration: none;
	letter-spacing: -1px;
}
.c4582c6 {
	
	font-size: 12px;
	color: #4582c6;
	text-decoration: none;
	letter-spacing: -1px;
}
.c9d {
	
	font-size: 11px;
	color: #9d9d9d;
	text-decoration: none;
	letter-spacing: -1px;
}
.cb6 {
	
	font-size: 11px;
	color: #b6b6b6;
	text-decoration: none;
}
.c4c {
	
	font-size: 12px;
	color: #4c4c4c;
	text-decoration: none;
}
.cF7901E {
	
	font-size: 12px;
	color: #F7901E;
	text-decoration: none;
}

.vMiddle .cF7901E{font-size:15px;color:#4C4C4C;}

.cF7901E_pad {
	
	font-size: 12px;
	color: #F7901E;
	text-decoration: none;
	padding-top: 3px;
}
.c32 {
	
	font-size: 12px;
	color: #323232;
	text-decoration: none;
	letter-spacing: -1px;
}
.c73c866 {
	
	font-size: 12px;
	color: #73c866;
	text-decoration: none;
	/*letter-spacing: -1px;*/
}
.cff4cd2 {
	
	font-size: 12px;
	color: #ff4cd2;
	text-decoration: none;
	/*letter-spacing: -1px;*/
}
.c88561e {
	
	font-size: 12px;
	color: #88561e;
	text-decoration: none;
}
.c5c3306 {
	
	font-size: 12px;
	color: #5c3306;
	text-decoration: none;
}


#innermenu a{text-decoration:none; }
#innermenu a:hover{ background-color:#cccccc; }



#alls {margin:0 auto;padding-bottom:40px;width:1130px;overflow:hidden;}
#leftBanner{margin-top:110px;float:left; margin-right:3px}


#quickLayer {
	position:absolute;
	left:50% + 488px;/*1135px*/
	top:120px;/*100px*/
	width:86px;
	height:208px;
	z-index:1;
}

@media print { 
    .media_view { display:none; font-family:Tahoma; font-size:9pt;} 
	.media_print { display:inline;  font-family:Tahoma; font-size:9pt;} 
} 
@media screen { 
    .media_view {  display:inline; } 
	.media_print { display:none; } 
} 
/* ³»°­Àǽǻç¿ëÀÚ È®ÀÎ */
	#user_check_box{position:relative;background:url(/mypage/images/pop_user_check.jpg) no-repeat;width:360px;height:266px}
	#user_check_box .input_box{position:absolute;left:150px;top:197px}
	#user_check_box .input_box input{width:115px;height:15px;border:1px solid #dcdcdc;backgorund:#f2f2f2}
	#user_check_box .btn_chk{position:absolute;left:273px;top:197px;cursor:pointer;width:63px}
/* ³»°­Àǽǻç¿ëÀÚ È®Àγ¡ */


/*faqTabList  Ãß°¡ ¾È¾¸*/
.faqTabList{ width:100%;}
.faqTabList ul{ margin:0px;}
.faqTabList ul li { float:left; list-style:none; margin-right:4px;}

/*faqTabList2  Ãß°¡ */
.faqTabList2{ width:100%; height:31px;font-size:13px;  background: url('/images/new_tab_bg.gif') repeat-x; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; margin-bottom:10px;}
.faqTabList2 ul{ margin:0px;}
.faqTabList2 ul li.first { background:none; width:60px;}
.faqTabList2 ul li { float:left;text-align:center; color:#7a7a7a; list-style:none; margin-right:4px; background: url('/images/bar.gif') no-repeat left 1px; margin-top:10px;}
.faqTabList2 ul li a:hover{ font-weight:bold; color:#313131;}
.faqTabList2 ul li a:active,
.faqTabList2 ul li a:visited,
.faqTabList2 ul li a:focus{color:#7a7a7a; text-decoration:none;}


/*AlertRayBox Ãß°¡*/
.alertRayBoxC{width:375px; height:auto; font-family:"µ¸¿ò", Verdana, Geneva, sans-serif; font-size:11px; color:#525252;border:3px solid #525252;position:absolute; left:690px; top:250px;  z-index:1000; background-color:#fff;}
.alertRayBoxC img{ border:none;}
.alertRayBoxC .conBox{ width:350px; padding:0 12px;}
.alertRayBoxC .conBox .info{ color:#6a3906;}
.alertRayBoxC ul { margin-left:10px;  line-height:23px;}
.alertRayBoxC ul li{float:left; width:300px; background: url('/board/img/list_bg.gif') no-repeat left 5px; padding-left:12px;}
.alertRayBoxC .title{float:left; width:292px; margin:20px 0 20px 10px;}
.alertRayBoxC .btn{width:100%; text-align:center;margin:10px 0px;}
.alertRayBoxC .btn a{border:none;}
.alertRayBoxC .btnX{float:right; width:11px; height:11px; margin:5px 5px 0 0;}



/*µµ¼­ ¸ÞÀÎ ÆäÀÌÁö º¯°æ 120423*/
.rollboxWrap{ width:509px; height:217px; border:1px solid #bebfc0;}
.rollbox{ width:507px; height:215px; border:1px solid #f5f9f8; background-color:#ecedef;}
.rollbox dl{ float:left; margin:20px 20px 0 20px;}
.rollbox dl dt{ width:125px; height:150px; background:#fff; padding:5 5 1 5px;}
.rollbox dl dd{ margin:5px 0 0 0; width:125px;text-align:center;}
									  
.rollbox .bookContent{ float:right;border-left:1px solid #dcdcdc; width:340px; margin-top:20px;}
.rollbox .bookContent ul{margin:0px;  color:4f4f4f; padding-left:20px; list-style:none; border-left:1px solid #fff;}
.rollbox .bookContent ul p{ font-weight:bold; font-size:15px; margin-bottom:10px;}
.rollbox .bookContent ul li{margin:0px; font-size:12px; }
.rollbox .bookContent ul li.txt{ padding:2px;}
.rollbox .bookContent ul li span.price{ text-decoration:line-through;}
.rollbox .bookContent ul li span.downPrice{ color:#eb6100; font-weight:bold;}
									  
.rollbox .rollBtn{ width:500px; text-align:right;}


/* ·Î±×ÀÎÆäÀÌÁö  2013.01.22 */
div.new_login {position: relative; width:100%; margin: 50px auto;}
div.new_loginbg { position: relative; border: 3px solid #4d4d4d; padding: 40px 32px 39px; overflow:hidden;}
div.new_loginbg .inner {float:left; overflow:hidden;width:352px}
div.new_loginbg .inner .inputs {position: relative; }
div.new_loginbg .inputs { position: relative; margin-bottom:20px;}
div.new_loginbg .inputs input.logbox {border:1px solid #c5c5c5; width:252px; height:26px; padding: 9px 0 0 5px;font-size:12px; color:#7a7a7a; margin-right: 8px}
div.new_loginbg .inputs .idcheck {position: relative; margin: 9px 0 0 0; font-size:12px; color:#727272; }
div.new_loginbg .inputs .idcheck input{margin-right:5px;}
div.new_loginbg .inputs .idcheck *{vertical-align:middle;}
div.new_loginbg .logbtn {position: absolute; top:1px; right:0;}
div.new_loginbg .banner {float: right; text-align: right; }
div.member_join {background: #f4f4f4; margin:20px 20px 0 0; padding: 8px 0 5px 18px; width:100%; }
div.member_join ul {float:none; position: relative}
div.member_join li {width:100%;position: relative; margin-bottom: 5px; letter-spacing:-1px;}
div.member_join li a{margin-left:5px;}

.loginChk{clear:both; width:360px; margin:0 auto;}
.loginChk input{margin-top:-2px; vertical-align:middle;}
.loginChkGuide{display:none; position:absolute; z-index:10; top:41px; left:230px; padding:13px 12px 15px; border:1px solid #A6A6A6; background-color:#fff; font-size:12px;}
.loginChkGuide .help{display:inline-block; margin-top:5px; text-decoration:underline;}
.loginChkGuide .close{display:block; position:absolute; top:3px; right:3px; font-size:0; padding:2px;}

/* Footer 1:1¿ø°ÝÁö¿ø ¹öÆ°  2013.01.22 */
div.foot_btn {float:right; position: absolute; top:1px; right:120px;}

#familyRap {position:relative; width:100%; margin:0 auto; height:25px; float: left; z-index: 999999;}
#familyRap .family {position:absolute; top:0; width:980px; border-top:3px solid #565656; float:left; margin-bottom: 8px}
#familyRap .family a {float:right;}
#familyRap .inner {position:absolute; left:0px; bottom:24px; display:none; overflow:hidden; width:980px; height:265px;}
#familyRap .inner img {position:absolute; left:0px; top:265px;}
div.footer_com {position: absolute;}


/* ±³¼ö¼Ò°³ 2013.01.22 */
div.nprof {float: left; position: relative; width:785px; }
div.nprof_title {float: left; position: relative;}
div.nprof_titletxt {font-size:1.5em; color: #818181;  font-weight:bolder; letter-spacing: -1px}
div.nprof_titletxt strong{font-size:1.5em !important;}
div.nprof_titletxt span {color: #999999; font-size:12px; font-weight:normal;}
div.nprof_team {float: left; position: relative; width:785px; margin:36px 0 19px;}
div.professor_wrap {float: left; position: relative; width:785px;  font-size:11px; color: #7b7b7b}
div.prof_tab { position: relative; margin-bottom:22px }
div.prof_tab ul {position: relative;overflow:hidden;}
div.prof_tab li {float: left; position: relative;}
div.prof_tab img {display: block}

div.prof_profile {position: absolute; top:0; left:355px; width:430px; background:#333}
div.prof_title {color:#FFF; font-size:21px; font-weight:normal; letter-spacing: -1px; margin: 17px 0; text-align:center}
div.prof_title strong {font-weight:bold}
div.profile_close {float: right; position: absolute; top:20px; right:20px; }
div.prof_profile_list {background: #FFF; margin: 0 3px 3px}
div.prof_profile_list table {table-layout:fixed; width:100%}
div.prof_profile_list th, div.prof_profile_list td {border-bottom:1px solid #dcdfe4; font-size:12px; color:#666; line-height:18px}
div.prof_profile_list th {background:#f0eff0; border-right:1px solid #dcdfe4; text-align:center; font-weight:bold; font-size:15px; color:#333}
div.prof_profile_list td {padding:18px 17px 17px 22px}
div.prof_profile_list td ul li {padding-left:7px; background:url(/images/professorNew/bul_prof_profile_list.gif) 0 center no-repeat}

.pro_quick_bnr {position:absolute; top:0; left:50%; margin-left:413px}
.teacher_pic {position:relative}
.teacher_pic .teacher_info {position:absolute; top:0; left:364px; padding-top:45px; width:380px}
.teacher_pic .teacher_info ul {padding-bottom:22px}
.teacher_pic .teacher_info li {vertical-align:0; line-height:1.0em; font-size:24px; color:#333; letter-spacing:-2px}
.teacher_pic .teacher_info li.type {margin-left:2px; padding-bottom:10px; font-size:15px; font-weight:bold; color:#de0f3e; letter-spacing:0;}
.teacher_pic .teacher_info li.name {margin-left:-2px; padding-top:10px; font-size:38px; letter-spacing:-2px;}
.teacher_pic .teacher_info li.name strong {font-weight:bold}
.teacher_pic .teacher_info .new_class {padding-top:27px}
.teacher_pic .teacher_info .new_class .tit {padding-bottom:11px; background:url(/images/professorNew/bg_newClass.png) 0 bottom repeat-x; font-size:15px; font-weight:bold; color:#666}
.teacher_pic .teacher_info .new_class ul {padding-top:10px}
.teacher_pic .teacher_info .new_class ul li {overflow:hidden; padding-left:8px; line-height:1.3em; font-size:15px; color:#222; background:url(/images/professorNew/bul_newClass.png) 0 center no-repeat; letter-spacing:-1px}
.teacher_pic .teacher_info .new_class ul li a {float:left; display:block; width:240px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.teacher_pic .teacher_info .new_class ul li .lecture {float:right; width:125px}

.prof_tab {background:#f0f0f0; border-top:2px solid #a71c40}
.prof_tab ul {overflow:hidden; width:100%}
.prof_tab ul li {float:left; width:20%; cursor: pointer; height:45px; line-height:45px; text-align:center; background:url(/images/professorNew/bg_prof_tab.gif) 0 center no-repeat}
.prof_tab ul li:first-child {background-image:none}
.prof_tab ul li * {display:block; font-size:13px; color:#333}
.prof_tab ul li.on {background:#a71c40}
.prof_tab ul li.on * {color:#fff; font-weight:bold}

.proDetail .prof_main .box {position:relative; float:left; width:383px; height:156px}
.proDetail .prof_main .box.qa {margin-left:19px}
.proDetail h4 {font-size:17px; height:52px; line-height:52px; color:#333; font-weight:bold}
.proDetail h4 + h5 {padding-top:0}
.proDetail h5 {padding:29px 0 14px; line-height:16px; font-size:15px; color:#3763d4}
.proDetail .prof_main .box h4 {border-bottom:1px solid #eee; font-size:15px}
.proDetail .prof_main .box h4 span {color:#a71c40}
.proDetail .prof_main .box h4.nolink{position:relative;}
.proDetail .prof_main .box h4.nolink:after{content:''; display:block; position:absolute; width:100%; height:170px; background:#fff; top:0; left:0; z-index:9; opacity:.7;}
.proDetail .prof_main .box ul {box-sizing:border-box; padding:10px 0 0 11px; width:100%}
.proDetail .prof_main .box ul li {overflow:hidden; box-sizing:border-box; padding-left:10px; width:100%; height:22px; line-height:22px; background:url(/images/professorNew/bul_prof_profile_list.gif) 0 center no-repeat; font-size:12px; color:#666}
.proDetail .prof_main .box ul li a {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.proDetail .prof_main .box.review ul li a {float:left; width:250px}
.proDetail .prof_main .box.review ul li span {float:right; padding-right:10px; width:102px; text-align:right}
.proDetail .prof_main .box .more {position:absolute; top:16px; right:11px; width:26px; height:26px; background:url(/images/professorNew/btn_more.gif) 0 0 no-repeat; text-indent:-9999px}
.proDetail .prof_main .slide {position:relative; float:right; box-sizing:border-box; padding:26px 36px 15px; width:383px; height:153px}
.proDetail .prof_main .slide .btn .nav_prev {position:absolute; top:74px; left:14px;}
.proDetail .prof_main .slide .btn .nav_next {position:absolute; top:74px; right:14px;}

.proDetail .curriculum {clear:both; padding:15px 0 8px}
.proDetail .curriculum table {width:100%; border-bottom:1px solid #6a7790;}
.proDetail .curriculum table thead th {padding:12px 0; line-height:16px; background:#6a7790; border-top:1px solid #6a7790; border-right:1px solid #8c95a8; color:#fff}
.proDetail .curriculum table th {padding:20px 0; text-align:center; background:#dce0e9; border-left:1px solid #6a7790; border-top:1px solid #c4c9d4; font-size:13px; font-weight:bold; color:#4f5f7d}
.proDetail .curriculum table tr > td:first-of-type{border-left: transparent;}
.proDetail .curriculum table tr > td:last-of-type{border-right: transparent;}
.proDetail .curriculum table td {padding:12px 8px; line-height:16px; border-left:1px solid #d6d9df; border-top:1px solid #d6d9df; border-right:1px solid #d6d9df; text-align:center;}
.proDetail .curriculum table td p{border: initial; width: initial; height: initial; margin: initial;}


div.tab02_box {position: relative; width:785px; margin-bottom: 20px}

div.tab02_title {position: relative; height:100%; overflow:hidden;}
div.tab02_title span.title {float: left;}
div.tab02_title span.icon_sample {position: absolute; top: 5px; right:0; z-index:1111; height:16px;}

div.tab02_list {margin: 17px 0;}
div.tab02_list table{clear:both; width:100%; border-bottom:2px solid #D6D6D6;}
div.tab02_list th,
div.tab02_list td{border-top:1px solid #D6D6D6;}
div.tab02_list th{padding:8px 0; font-size:12px; background:#F7F7F7 url(/images/common/bar7.gif) no-repeat 0 60%;}
div.tab02_list th:first-child{background-image:none;}
div.tab02_list td{padding:8px 0 8px 10px; color:#282828; vertical-align:middle;}
div.tab02_list td a{ color:#282828 !important; }
div.tab02_list table td.r_line {border-right:1px solid #c4c5c5;}
div.tab02_list table td span.black {font-weight:bold; color: #000;}
div.tab02_list table td span.black a {color: #000; font-size:12px;}
div.tab02_list table td span.blue {font-weight:bold; color: #0068b7;}
div.tab02_list table td span.red {font-weight:bold; color: #ff0000;}
div.tab02_list table td ul {position: relative}
div.tab02_list table td li.lecture {float: left; position: relative; width:100%; margin-bottom: 5px;}
div.tab02_list table td li.request {float: left; position: relative; width:100%;}
div.tab02_list table td li.redmob {color: #ff0000;}
div.tab02_list table td li img.icon {position: relative; vertical-align: -2px; margin-left: 4px}
div.tab02_btns {float: right; position: relative; margin-top: 10px; text-align: right;}
div.tab02_list table td.leclist02 {padding: 10px 0;}
div.tab02_list table td.leclist02 a {color: #7b7b7b; font-size: 12px;}

div.tab03_list table td.r_line {border-right:0;}
div.tab03_list table td.noticetitle {text-align: left; padding:6px 0 6px 13px;}
div.tab03_list table td.noticetitle a {color: #282828; font-size: 14px}
div.tab03_list table td.txt {font-size:12px; padding-left: 20px; text-align: left;}
div.tab03_list table td.txt a {font-size:12px; color: #7b7b7b;}
div.tab03_list table td.txt span {color:#0068b7;}
div.tab03_list table td img.new {vertical-align: 2px; margin-left: 4px}
div.tab03_list table td img.reans {vertical-align: -1px; margin-right: 4px}
div.tab03_btns {float: right; position: relative; margin-top: 10px; text-align: right;}


div.tab03_list table{clear:both; width:100%; border-bottom:2px solid #D6D6D6;}
div.tab03_list th,
div.tab03_list td{border-top:1px solid #D6D6D6;}
div.tab03_list th{padding:8px 0; font-size:12px; background:#F7F7F7 url(/images/common/bar7.gif) no-repeat 0 60%;;}
div.tab03_list th:first-child{background-image:none;}
div.tab03_list td{padding:8px 0; text-align:center; color:#787676; vertical-align:top;}
div.tab03_list td.b{color:#282828;}
div.tab03_list td.tit{padding:6px 0 6px 13px; font-size:14px; text-align:left; color:#282828;}
div.tab03_list td.tit .q{margin-bottom:8px; color:#282828;}
div.tab03_list td.tit .q.on a{color:#461378;}
div.tab03_list td.tit .a{font-size:12px; color:#787676;}


div.tab03_2write {float: left; position: relative; border-top:2px solid #000000; width:785px; margin-top: 17px;}
div.tab03_2write table {width:100%;  font-size:12px;}
div.tab03_2write table th {background: #3b3b3b; color: #FFF; line-height: 30px; height:35px}
div.tab03_2write table td {border-bottom:1px solid #c4c5c5; color: #7b7b7b; font-size:12px; padding: 25px 18px 21px}
div.tab03_2write table td.r_line {border-right:1px solid #c4c5c5;}
div.tab03_2write table td input.name {border: 1px solid #c4c5c5; background: #e8e8e8; padding: 2px 0 0 4px; width:310px; height:23px}
div.tab03_2write table td input.file {border: 1px solid #c4c5c5; padding: 2px 0 0 4px; width:310px; height:23px}
div.tab03_2write table td img.findbtn {vertical-align: -2px; margin-left: 6px;}
div.tab03_2write table td.writebox {padding: 14px 3px}
div.tab03_2write table td.viewbox {padding: 40px 30px}

div.tab_paging *{vertical-align:middle;}
div.tab_paging {float: left; position: relative; width:785px; text-align: center; margin:5px 0;}
div.tab_paging a  {margin: 0 3px; font-size: 12px; color: #3b3b3b}
div.tab_paging a.num, a.num:hover {margin: 0 3px; font-size: 12px; color: #3b3b3b}
div.tab_paging strong {color: #3b3b3b; margin:0 3px; font-size:12px }
div.tab_paging span {margin: 0 3px; color: #3b3b3b}

/*div.tab_search *{vertical-align:middle;}
div.tab_search {position: relative; width:785px;height:29px; text-align: center; margin-top: 10px; display: inline-block}
div.tab_search select { font-size:12px; font-weight: bold; color: #7b7b7b; padding-left: 4px;}
div.tab_search input.findname {border: 1px solid #c4c5c5; height:29px;  font-size:12px; font-weight: bold; color: #7b7b7b; padding:7px 0 0 20px; }
div.tab_search_list {float: left; position: absolute; top:30px; left:173px; border-left:1px solid #c4c5c5; border-bottom:1px solid #c4c5c5; border-right:1px solid #c4c5c5; height:60px; text-align: left  }
div.tab_search_list ul {position: relative}
div.tab_search_list li {position: relative; width:116px; padding-left:20px; margin: 3px 0}
div.tab_search_list li a.listtxt, a.listtxt:hover { font-size:12px; font-weight: bold; color: #7b7b7b; text-align: left  }
div.tab_search input.searchtxt {border: 1px solid #c4c5c5; height:20px;  font-size:12px; color: #7b7b7b; padding:7px 0 0 5px }

*/
div.tab_search *{vertical-align:middle;}
div.tab_search {background: #f5f5f5!important;
			border: 1px solid #e2e2e2;
			box-sizing: border-box;
			height: 54px;
			padding-top: 15px;
			text-align: center;
			width: 100%; margin-bottom:10px;}
.tab_search:after {
			clear: both;
			content: " ";
			display: block;
		}			
div.tab_search select { font-size:12px; font-weight: bold; color: #7b7b7b; padding-left: 4px;}
div.tab_search input.findname {border: 1px solid #c4c5c5; height:29px;  font-size:12px; font-weight: bold; color: #7b7b7b; padding:7px 0 0 20px; }
div.tab_search_list {float: left; position: absolute; top:30px; left:173px; border-left:1px solid #c4c5c5; border-bottom:1px solid #c4c5c5; border-right:1px solid #c4c5c5; height:60px; text-align: left  }
div.tab_search_list ul {position: relative}
div.tab_search_list li {position: relative; width:116px; padding-left:20px; margin: 3px 0}
div.tab_search_list li a.listtxt, a.listtxt:hover { font-size:12px; font-weight: bold; color: #7b7b7b; text-align: left  }
div.tab_search input.searchtxt {border: 1px solid #c4c5c5; height:20px;  font-size:12px; color: #7b7b7b; padding:7px 0 0 5px }



				
	  
	   
/* ¼ö°­½Åû º½ ÁýÁß°ü¸® ÀÌ·ÐÁ¾ÇÕ¹Ý 2013.01.28 */
div.new_spring {position: relative; width:785px; margin: 10px 0 20px; }
div.new_spring table {width:100%; border-top:2px solid #000;  font-size: 12px;}
div.new_spring table th {color: #383838; background: #eeeeee; padding: 8px 0; border-bottom: 1px solid #c4c4c4;}
div.new_spring table th.r_line, td.r_line {border-right: 1px solid #c4c4c4;}
div.new_spring table td {color: #383838; padding: 8px 0; border-bottom: 1px solid #c4c4c4; text-align:center; }
div.new_spring table td.txtleft {text-align: left; padding-left: 8px;}
div.new_spring table td span.fees {text-decoration: line-through;}
div.new_spring table td span.redfees {color: #e60012; font-weight:bold;}
div.new_spring table td.cta {background: #eeeeee; }
div.new_spring_btns {float: right; position: relative; margin-top: 10px; text-align: right;}
div.new_spring table td span.lighttxt {color:#8b8b8b}


/* ¼¼¹«»çȯ±Þ°úÁ¤ 2013.02.05 */
div.new_refundbox {position: relative; margin-top: 60px; width:785px;  font-size: 12px;}
div.new_refundtab01 {float: left; position: relative;}
div.new_refundtab01 ul, div.new_refundtab01 li {float: left; position: relative;}
div.new_refundtabtxt {float: left; position: relative; clear: both;}

div.new_refunduse {float: left; clear: both;}
div.new_refunduse ul {position: relative; margin:32px 0 0 7px; overflow:hidden;}
div.new_refunduse li {float: left; position: relative; width:340px; margin-bottom: 30px}
div.new_refunduse li.left {margin-right: 45px; }
div.new_refunduse li.right {margin-right: 53px;}
div.new_refunduse li dl {float: left; }
div.new_refunduse li dt {font-weight:bold; margin-bottom: 16px; background: url(/lecture/images/refund_liarrow.gif) no-repeat left top; padding-top: 11px}
div.new_refunduse li dd {float: left; background: url(/lecture/images/refund_dot2.gif) no-repeat left 5px; padding-left: 10px;  word-break: keep-all; margin-bottom: 3px; line-height: 18px }
div.new_refunduse li dd span.left {float: left; margin-right: 3px}
div.new_refunduse li dd span.left2 {float: left; width:330px}
div.new_refunduse li dd span.right {float: left;}
div.new_refunduse li dd span.stxt {font-size: 11px;}

div.new_refundtab02 {position: relative; width:785px;}
div.new_refundtab02 ul {position: relative; margin-top:18px; width:785px; height:38px;}
div.new_refundtab02 li {float: left; position: relative;}
div.new_refundtab02 li img {display:block;}
div.new_refund_btn {position: absolute; top: 31px; right:1px; float: right;}



/*³»°­ÀÇ½Ç »õ·Î¿î ½ºÅ¸ÀÏ Ãß°¡ 120619*/
#myClass img,#myClass a,#myClass ul,#myClass li{ border:none; margin:0px; padding:0px;}
#myClass{width:785px; color:#434343; font-size:12px; }
#myClass .commonHeader{width:785px; height:auto;  margin-bottom:15px;}
#myClass .commonHeader .mainTilte{float:left; vertical-align:text-bottom; height:17px; padding-top:40px;} 
#myClass .commonHeader .mainTilte span{font-size:16px; font-weight:bold; color:#2879cb; margin-left:10px;}
#myClass .commonHeader .titleBtn{float:right; height:27px;}
#myClass .commonHeader .titleBtn ul li{float:left;margin-left:2px;}
#myClass .commonHeader .titleBtn ul li a{ border:0px;}

#myClass .commonHeader .targetArea{width:100%; height:36px; margin:15px 0;background:url(/images/mypage/renew/input_bg.gif)  repeat-x; clear:both;}
#myClass .commonHeader .targetArea ul li{ list-style:none; float:left; }
#myClass .commonHeader .targetArea ul li.btn{ margin:5px 0 0 0px;}
#myClass .commonHeader .targetArea ul li.first{ margin:6px 0 0 15px;}
#myClass .commonHeader .targetArea ul li.targetText{ width:560px; padding-top:6px;}
#myClass .commonHeader .targetArea ul li.targetText span{ color:#fff; margin-left:25px;}
#myClass .commonHeader .targetArea ul li.targetText input{ background-color:#d0d0d0; border:1px solid #323232; height:23px; width:575px; padding:5px; margin:-6px 3px 0 0px; font-size:12px; }

#myClass .commonHeader .tabList{ width:785px;}
#myClass .commonHeader .tabList ul li.first{margin-left:0px;}
#myClass .commonHeader .tabList ul li{list-style:none; margin-left:-1px; float:left; background-color:#fff; padding:8px 27px; border:1px solid #909090; }
#myClass .commonHeader .tabList ul li a{ color:#434343; }
#myClass .commonHeader .tabList ul li.on{ background-color:#2b77cd; padding:8px 15px; border:1px solid #226bba;}
#myClass .commonHeader .tabList ul li.on a{color:#fff; font-weight:bold; font-size:11px; letter-spacing:-2px;  }

#myClass .viewTab{width:778px;  margin-bottom:15px;}
#myClass .viewTab .left{ float:left; height:29px; padding:10px; background-color:#f6f6f6 ; width:637px;  border:1px solid #ccc; font-size:15px; font-weight:bold; color:#e2007e;}
#myClass .viewTab .left img{ vertical-align:text-top;}
#myClass .viewTab .right{ float:right; margin-left:-1px;}
#myClass .viewTab .right img{ border:1px solid #ccc;}

#myClass #rLay{ width:480px; height:345px; position:absolute; z-index:99999999; background-color:#fff; border:1px solid #323232; display:none; left:20%; top:100px;}
#myClass #rLay .rLayHeader{ background-color:#323232; height:40px; position:relative;}
#myClass #rLay .rLayHeader h1{ font-weight:bold;  font-size:14px; background:url(/images/mypage/renew/blit_small_white.gif) no-repeat left 3px; color:#fff; padding-left:10px; margin:10px;}
#myClass #rLay .rLayHeader p.btnX{ position:absolute; left: 455px; top: 12px;}
#myClass #rLay .rLayContent{background-color:#fff;}
#myClass #rLay .rLayContent table{ width:455px; border-top:2px solid #4a4a4a; font-size:12px;  color:#585858; margin:15px 10px;}
#myClass #rLay .rLayContent table th{ white-space:nowrap; background-color:#f5f5f5; padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#myClass #rLay .rLayContent table td{ padding:10px; border-bottom:1px solid #ccc;}
#myClass #rLay .rLayContent table td span{ margin-right:20px;}
#myClass #rLay .rLayContent table td .textinput{ border:1px solid #ccc; height:20px; width:75px; background-color:#f2f2f2;}
#myClass #rLay .rLayContent table td img.cal{ margin: 3px; vertical-align:bottom;}
#myClass #rLay .rLayContent table td textarea.rLayTextarea{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:80px; }
#myClass #rLay .rLayContent .btn{ width:100%; text-align:center; margin:20 0px; height:23px;}

#myClass #rLay2 .rLayContent .btn2{ width:75px; text-align:right; margin:0px 15px; height:23px;}
#myClass #rLay2 .rLayContent p.title{ font-weight:bold; font-size:14px; color:#ec6200; margin:10px 0 5px 15px; }
#myClass #rLay2 .rLayContent .rLayText{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:20px; margin-bottom:1px; float:left; margin-left:10px; }
#myClass #rLay2{ width:480px; height:255px; position:absolute; z-index:99999999; background-color:#fff; border:1px solid #323232; display:none; left:20%; top:100px; }
#myClass #rLay2 .rLayHeader{ background-color:#323232; height:40px; position:relative;}
#myClass #rLay2 .rLayHeader h1{ font-weight:bold;  font-size:14px; background:url(/images/mypage/renew/blit_small_white.gif) no-repeat left 3px; color:#fff; padding-left:10px; margin:10px;}
#myClass #rLay2 .rLayHeader p.btnX{ position:absolute; left: 455px; top: 12px;}
#myClass #rLay2 .rLayContent{background-color:#fff; overflow:scroll; height:220px; width:475px;}
#myClass #rLay2 .rLayContent table{ width:425px; border-top:2px solid #4a4a4a; font-size:12px;  color:#585858; margin:15px 10px;}
#myClass #rLay2 .rLayContent table th{ white-space:nowrap; background-color:#f5f5f5; padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#myClass #rLay2 .rLayContent table td{ padding:10px; border-bottom:1px solid #ccc; text-align:center; border-right:1px solid #ccc;}
#myClass #rLay2 .rLayContent table th.last{border-right:none;}
#myClass #rLay2 .rLayContent table td.last{border-right:none;}
#myClass #rLay2 .rLayContent table td span{ margin-right:20px;}
#myClass #rLay2 .rLayContent table td .textinput{ border:1px solid #ccc; height:20px; width:75px; background-color:#f2f2f2;}
#myClass #rLay2 .rLayContent table td .textinput2{ border:1px solid #ccc; height:20px; width:200px; background-color:#f2f2f2; float:left;}
#myClass #rLay2 .rLayContent table td img.cal{ margin: 3px; vertical-align:bottom;}
#myClass #rLay2 .rLayContent table td .textCut {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:220px; text-align:left; float:left;}
#myClass #rLay2 .rLayContent table td textarea.rLayTextarea{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:80px; }
#myClass #rLay2 .rLayContent .btn{ width:100%; text-align:center; margin:20 0px; height:23px;}


#myClass #rLay3{ width:500px; height:305px; z-index:99999999; background-color:#fff; border:1px solid #323232; display:block;}
#myClass #rLay3 .rLayContent .btn2{ width:75px; text-align:right; margin:0px 15px; height:23px;}
#myClass #rLay3 .rLayContent p.title{ font-weight:bold; font-size:14px; color:#2977cc; margin:10px 0 5px 0px; }
#myClass #rLay3 .rLayContent .rLayText{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:20px; margin-bottom:1px; float:left; margin-left:10px; }
#myClass #rLay3 .rLayHeader{ background-color:#323232; height:40px; position:relative;}
/*#myClass #rLay3 .rLayHeader h1{ font-weight:bold;  font-size:14px; background:url(/images/mypage/renew/blit_small_white.gif) no-repeat left 3px; color:#fff; padding-left:10px; margin:10px;}*/
#myClass #rLay3 .rLayHeader h1{ font-weight:bold;  font-size:14px; color:#fff; padding-left:10px; margin:20px;}
#myClass #rLay3 .rLayHeader p.btnX{ position:absolute; left: 475px; top: 12px;}
#myClass #rLay3 .rLayContent{background-color:#fff; padding:10px;}
#myClass #rLay3 .rLayTextarea{ background-color:#f5f5f5; border:1px solid #ccc; width:465px; height:auto; vertical-align:middle; padding:30px; }
#myClass #rLay3 .rLayContent .btn{ width:100%; text-align:center; margin-top:20px; height:23px;}

#myClass #rLay4{ width:498px; height:140px; position:absolute; z-index:99999999; background-color:#fff; border:1px solid #323232; display:block; left:20%; top:100px; }
#myClass #rLay4 .rLayContent p.title{ font-weight:bold; font-size:14px; color:#ec6200; margin:10px 0 5px 15px; }
#myClass #rLay4 .rLayHeader{ background-color:#1DB7B7; height:40px; position:relative;}
#myClass #rLay4 .rLayHeader h1{ font-weight:bold;  font-size:14px; background:url(/images/mypage/renew/blit_small_white.gif) no-repeat left 3px; color:#fff; padding-left:10px; margin:10px;}
#myClass #rLay4 .rLayHeader p.btnX{ position:absolute; left: 470px; top: 10px;}
#myClass #rLay4 .rLayContent{background-color:#fff; overflow:hidden; height:130px; width:495px;}
#myClass #rLay4 .rLayContent table{ width:95%; border-top:2px solid #4a4a4a; font-size:12px;  color:#585858; margin:15px 10px;}
#myClass #rLay4 .rLayContent table td{ padding:10px; border-bottom:1px solid #ccc; text-align:center; border-right:1px solid #ccc;}
#myClass #rLay4 .rLayContent table td.last{border-right:none;}
#myClass #rLay4 .rLayContent table td span{ margin-right:20px;}
#myClass #rLay4 .rLayContent table td .textinput{ border:1px solid #ccc; height:20px; width:75px; background-color:#f2f2f2;}
#myClass #rLay4 .rLayContent table td .textinput2{ border:1px solid #ccc; height:20px; width:280px; background-color:#f2f2f2; float:left;}
#myClass #rLay4 .rLayContent table td img.cal{ margin: 3px; vertical-align:bottom;}
#myClass #rLay4 .rLayContent table td .textCut {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:220px; text-align:left; float:left;}
#myClass #rLay4 .rLayContent table td textarea.rLayTextarea{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:80px; }
#myClass #rLay4 .rLayContent .btn{ width:100%; text-align:center; margin:20 0px; height:23px;}


#myClass .precent{width:778px; height:auto;  margin-bottom:15px !important; position:relative;}
#myClass .precent .title{ font-size:14px; font-weight:bold;  color:#626262; margin-bottom:18px;}
.lyPrecent{width:545px; float:left;}
.lyPrecent p,.lyPrecent img{margin:0;padding:0;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
.lyPrecent img{border:none}
.lyPrecent em{font-style:normal}
.lyPrecent .dscPrecent{ float:left;width:75px;padding:2px 0 7px 15px;font-weight:bold;letter-spacing:-1px ; font-size:11px; color:#2879cb; background:url(/images/mypage/renew/ico_arrow.gif) left 0px no-repeat ;}
.lyPrecent .progress{ float:left;margin-top:1px;color:#5a7d7d; color:#2c76cb; font-weight:bold;}
.lyPrecent .precentBar{width:420px; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; margin:0 5px;}
.lyPrecent .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_blue.gif) left 10px ;font-size:0}

.lyPrecent2{width:545px; float:left;}
.lyPrecent2 p,.lyPrecent2 img{margin:0;padding:0;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,AppleGothic,Sans-serif;font-size:12px; line-height:normal}
.lyPrecent2 img{border:none}
.lyPrecent2 em{font-style:normal}
.lyPrecent2 .dscPrecent{ float:left;width:75px;padding:2px 0 7px 15px;font-weight:bold;letter-spacing:-1px ; font-size:11px; color:#fe6000; background:url(/images/mypage/renew/ico_arrow.gif) left 0px no-repeat ;}
.lyPrecent2 .progress{ float:left;margin-top:1px;color:#5a7d7d; color:#fe6000; font-weight:bold;}
.lyPrecent2 .precentBar{width:420px; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; margin:0 5px;}
.lyPrecent2 .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_orange.gif) left 10px ;font-size:0}

#myClass .precent .passinfo{ width:229px; position:absolute; top:-10px; left:542px;}
#myClass .precent .passinfo .content{background:url(/images/mypage/renew/pass_d_content.gif) repeat-y; padding:5px 17px 0 15px; color:#656565; letter-spacing:-1px; line-height:17px;}
#myClass .precent .passinfo .content span{ font-weight:bold; color:#2b77cd;}


.commentArea{ width:100%; background-color:#e5e5e5; }
.commentArea .area{display:block;padding:12px; overflow:hidden;}
.commentArea .area textarea{ border:1px solid #dadada; background-color:#fff; width:650px; height:62px; float:left;}
.commentArea .area img{ float:right;}
.listWrap{ width:778px;  background-color:#fff; margin-top:30px;}
.listWrap ul{border-bottom:1px dotted #b3b3b3; height:80px; padding:15px 0px;}
.listWrap ul li{ float:left; margin-left:5px; padding:0px; color:#666;}
.listWrap ul li.t1{ font-weight:bold;}
.listWrap ul li.t2{}
.listWrap ul li.t3{ font-weight:bold; color:#933c6f;}
.listWrap ul li.t4{ width:778px; margin-top:15px; padding:0px;}
.listWrap ul li.t4 textarea{ border:1px solid #dadada; background-color:#fff; width:670px; height:62px;}


#myClass .tbl table{ border-top:2px solid #4a4a4a; color:#585858;}
#myClass .tbl .title{ margin-bottom:8px;}
#myClass .tbl .title .orange{color:#ff6c00; font-weight:bold; font-size:15px; vertical-align:middle; padding:0px 0 0px 2px; letter-spacing:-2px;}
#myClass .tbl table th{ background-color:#f5f5f5; font-size:12px;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; white-space:nowrap; padding:8px 2px;}
#myClass .tbl table td{font-size:11px;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:8px 4px; text-align:center;}
#myClass .tbl table td .cut{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:260px; text-align:left;}
#myClass .tbl table tr.result{ background-color:#ffeadb; font-weight:bold; color:#eb6100;}
#myClass .tbl table td.bold{ font-weight:bold;}
#myClass .tbl table td.left{ text-align:left; font-weight:bold; padding-left:10px;}
#myClass .tbl table td.left .blue{ font-weight:bold; color:#2b78ca; margin-right:2px;}
#myClass .tbl table td.last{ border-right:none;}
#myClass .tbl table th.last{ border-right:none;}
#myClass .tbl .header { height:26px; margin-bottom:5px;}
#myClass .tbl .header .people{ width:145px; height:23px; background:url(/images/mypage/renew/ico_bg_people.gif) no-repeat; padding:6px 0 0 28px;}
#myClass .tbl table.chart{ border:1px solid #ccc;}
#myClass .tbl table.chart td{ border:none; border-bottom:1px solid #d2d2d2;  padding:11px 0px; text-align:right;}
#myClass .tbl table.chart th{ border:none; background-color:#eb6877; font-weight:bold; color:#fff;}



#myClass .tbl table.chart td .precentBar{width:97%; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; border-left:none; margin:0 0px;}
#myClass .tbl table.chart td .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_black.gif) left 10px ;font-size:0}



#myClass .tbl2 table{ border-top:2px solid #4a4a4a; color:#585858;}
#myClass .tbl2 .title{ margin-bottom:8px;}
#myClass .tbl2 .title .orange{color:#ff6c00; font-weight:bold; font-size:15px; vertical-align:middle; padding:0px 0 0px 2px; letter-spacing:-2px;}
#myClass .tbl2 table th{ background-color:#f5f5f5; font-size:12px;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; white-space:nowrap; padding:8px 2px;}
#myClass .tbl2 table td{font-size:11px;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 10px; text-align:left;}
#myClass .tbl2 table td .cut{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:260px; text-align:left;}
#myClass .tbl2 table tr.result{ background-color:#ffeadb; font-weight:bold; color:#eb6100;}
#myClass .tbl2 table td.bold{ font-weight:bold;}
#myClass .tbl2 table td.left{ text-align:left; font-weight:bold; padding-left:10px;}
#myClass .tbl2 table td.left .blue{ font-weight:bold; color:#2b78ca; margin-right:2px;}
#myClass .tbl2 table td.last{ border-right:none;}
#myClass .tbl2 table th.last{ border-right:none;}
#myClass .tbl2 .header { height:26px; margin-bottom:5px;}
#myClass .tbl2 .header .people{ width:145px; height:23px; background:url(/images/mypage/renew/ico_bg_people.gif) no-repeat; padding:6px 0 0 28px;}
#myClass .tbl2 table.chart{ border:1px solid #ccc;}
#myClass .tbl2 table.chart td{ border:none; border-bottom:1px solid #d2d2d2;  padding:11px 0px; text-align:right;}
#myClass .tbl2 table.chart th{ border:none; background-color:#eb6877; font-weight:bold; color:#fff;}

#myClass .tbl2 table.chart td .precentBar{width:97%; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; border-left:none; margin:0 0px;}
#myClass .tbl2 table.chart td .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_black.gif) left 10px ;font-size:0}

#myClass .assay{ width:100%; margin-bottom:20px;}
#myClass .assay p{ font-size:15px; font-weight:bold; margin:0px 0 10px 0;}
#myClass .assay ul li{ background:url(/images/mypage/renew/ico_arrow.gif) left 3px  no-repeat; padding-left:15px; line-height:20px; }

#myClass .chartWrap{ width:100%; clear:both; margin-top:45px;}
#myClass .chartWrap .chartHeader{width:100%; height:18px;}
/*
#myClass .3dChartWrap{ width:100%; border:1px solid #ccc; height:310px; margin-top:5px; clear:both;}
#myClass .3dChartWrap .3dChart{width:239px; height:197px; background:url(/images/mypage/renew/3d_bg_01.gif) no-repeat; float:left; margin:50px 5px 20px 5px;  position:relative; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .3dChartWrap .3dChart table td.txtPercent{margin:0px; padding:0px; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .3dChartWrap .3dChart .txt{width:100%; height:20px;  font-size:15px; color:#575757; position:absolute; left:100px; top:200px ;}
*/
/*3d css¹ÌÀû¿ëÀ¸·Î ´Ù½Ã±¸¼º*/
#myClass .chartBox{ width:100%; border:1px solid #ccc; height:310px; margin-top:5px; clear:both;}
#myClass .chartBox .chart{width:239px; height:197px; background:url(/images/mypage/renew/3d_bg_01.gif) no-repeat; float:left; margin:50px 5px 20px 5px;  position:relative; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .chartBox .chart table td.txtPercent{margin:0px; padding:0px; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .chartBox .chart .txt{width:100%; height:20px;  font-size:15px; color:#575757; position:absolute; left:100px; top:200px ;}
/*////3d css¹ÌÀû¿ëÀ¸·Î ´Ù½Ã±¸¼º*/
.floatL{ float:left;}
.floatR{ float:right;}
.clearB{ clear:both;}
.mb8{ margin-bottom:8px;}
#myClass .btn3{ width:100%; text-align:center; margin:15px 0;}
#myClass .btn3 a{ margin:0 3px;}


#myClass .tabList2{ width:100%; margin-bottom:15px; z-index:999;}
#myClass .tabList2 ul{ height:36px;}
#myClass .tabList2 ul li.first{margin-left:0px; }
#myClass .tabList2 ul li.last{ border-bottom:1px solid #ccc; width:388px; background-color:#fff; border-right:none; border-top:none; border-left:none; margin-left:0px;}
#myClass .tabList2 ul li{ width:130px; height:32px; list-style:none; margin-left:-1px; float:left; padding:8px 0px; background-color:#eee; border:1px solid #ccc; text-align:center;}
#myClass .tabList2 ul li a{ color:#434343;}
#myClass .tabList2 ul li.on{ background-color:#fff; padding:8px 0px; border:1px solid #ccc; color:#ff6c00; border-top:2px solid #434343;  font-weight:bold; border-bottom:none;  }
#myClass .tabList2 ul li.on a{color:#ff6c00;font-size:11px;   font-weight:bold; }

#myClass .tabList2 ul li.subM{width:777px; border-left:1px solid #ccc; padding:0px; border-right:1px solid #ccc; background:none; height:20px !important; margin-top:0px;  margin-left:0px; border-top:none; margin-top:0px;}
#myClass .tabList2 ul li.subM ul{ margin-top:5px; padding:0px;}
#myClass .tabList2 ul li.subM ul li{ border:none; background:none; padding-bottom:0px; float:left; width:auto; margin:0 6px;}
#myClass .tabList2 ul li.subM ul li.first{ border:none; font-weight:bold; background:#fff; padding-left:20px; margin-left:20px; float:left; background:url(/images/mypage/renew/ico_chart.gif) no-repeat left  5px;}
#myClass .tabList2 ul li.subM ul li.on{ color:#2a77cc; font-weight:bold; margin:0px; padding-bottom:0px;}





/*
	³»°­ÀÇ½Ç »õ·Î¿î ½ºÅ¸ÀÏ Ãß°¡ Å©·Ò ¿À·ù¿ë
											*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#myClass .tabList2 ul li.last{ border-bottom:1px solid #ccc; width:380px; background-color:#fff; border-right:none; border-top:none; border-left:none; margin-left:0px;}	
	
#myClass img,
#myClass a,
#myClass ul,
#myClass li{ border:none; margin:0px; padding:0px; position:relative;}
#myClass{width:778px; color:#434343; font-size:12px; }
#myClass .commonHeader{width:778px; height:auto;  margin-bottom:15px;}
#myClass .commonHeader .mainTilte{float:left; vertical-align:text-bottom; height:17px; padding-top:10px; margin-bottom:10px;} 
#myClass .commonHeader .mainTilte span{font-size:16px; font-weight:bold; color:#2879cb; margin-left:10px;}
#myClass .commonHeader .titleBtn{text-align:right; height:27px;}
#myClass .commonHeader .titleBtn ul {overflow:hidden;}
#myClass .commonHeader .titleBtn ul li{float:left;margin-right:2px;}
#myClass .commonHeader .titleBtn ul li a{ border:0px;}

#myClass .commonHeader .targetArea{width:778px; height:34px; margin:15px 0; border:1px solid #262626; background:url(/images/mypage/renew/input_bg.gif)  repeat-x; clear:both;}
#myClass .commonHeader .targetArea ul {overflow:hidden;}
#myClass .commonHeader .targetArea ul li{ list-style:none; float:left; }
#myClass .commonHeader .targetArea ul li.btn{ margin:5px 0 0 0px;}
#myClass .commonHeader .targetArea ul li.first{ margin:10px 0 0 15px;}
#myClass .commonHeader .targetArea ul li.targetText{ width:560px;   padding-top:11px;}
#myClass .commonHeader .targetArea ul li.targetText span{ color:#fff; margin-left:25px;}
#myClass .commonHeader .targetArea ul li.targetText input{ background-color:#d0d0d0; border:1px solid #323232; height:23px; width:575px; padding:5px; margin:-6px 3px 0 0px; font-size:12px; }

#myClass .commonHeader .tabList{width:778px; margin-bottom:20px ; height:32px; clear:both;}
#myClass .commonHeader .tabList ul li.first{margin-left:0px;}
#myClass .commonHeader .tabList ul li{list-style:none; margin-left:-1px; float:left; background-color:#fff; padding:8px 28px; border:1px solid #909090;}
#myClass .commonHeader .tabList ul li a{ color:#434343;}
#myClass .commonHeader .tabList ul li.on{ background-color:#2b77cd; padding:8px 16px; border:1px solid #226bba;}
#myClass .commonHeader .tabList ul li.on a{color:#fff; font-weight:bold; font-size:12px;  }

#myClass .viewTab{width:778px;  margin-bottom:15px;  height:39px; clear:both;}
#myClass .viewTab .left{ float:left; height:18px;  background-color:#f6f6f6; width:613px;  border:1px solid #ccc; font-size:15px; font-weight:bold; color:#e2007e;}
#myClass .viewTab .left img{ vertical-align:text-top;}
#myClass .viewTab .right{ float:right; margin-left:-1px; height:39px;}
#myClass .viewTab .right img{ border:1px solid #ccc; width:142px;}



#myClass .precent{width:778px; height:90px; margin-top:20px; clear:both;}
#myClass .precent .title{ font-size:14px; font-weight:bold;  color:#626262; margin-bottom:18px;}
.lyPrecent{width:545px; float:left;}
.lyPrecent p,.lyPrecent img{margin:0;padding:0;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
.lyPrecent img{border:none}
.lyPrecent em{font-style:normal}
.lyPrecent .dscPrecent{ float:left;width:75px;padding:2px 0 7px 15px;font-weight:bold;letter-spacing:-1px ; font-size:11px; color:#2879cb; background:url(/images/mypage/renew/ico_arrow.gif) left 0px no-repeat ;}
.lyPrecent .progress{ float:left;margin-top:1px;color:#5a7d7d; color:#2c76cb; font-weight:bold;}
.lyPrecent .precentBar{width:400px; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; margin:0 5px;}
.lyPrecent .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_blue.gif) left 10px ;font-size:0}

.lyPrecent2{width:545px; float:left;}
.lyPrecent2 p,.lyPrecent2 img{margin:0;padding:0;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
.lyPrecent2 img{border:none}
.lyPrecent2 em{font-style:normal}
.lyPrecent2 .dscPrecent{ float:left;width:75px;padding:2px 0 7px 15px;font-weight:bold;letter-spacing:-1px ; font-size:11px; color:#fe6000; background:url(/images/mypage/renew/ico_arrow.gif) left 0px no-repeat ;}
.lyPrecent2 .progress{ float:left;margin-top:1px;color:#5a7d7d; color:#fe6000; font-weight:bold;}
.lyPrecent2 .precentBar{width:400px; float:left; height:11px;padding:0px;text-align:left; background-color:#eee; border:1px solid #a2a2a2; margin:0 5px;}
.lyPrecent2 .precentBar span{display:block;height:11px;background:url(/images/mypage/renew/bar_orange.gif) left 10px ;font-size:0}

#myClass .precent .passinfo{ width:229px; position:absolute; top:2px; left:542px;}
#myClass .precent .passinfo .content{background:url(/images/mypage/renew/pass_d_content.gif) repeat-y; padding:5px 17px 0 15px; color:#656565; letter-spacing:-1px; line-height:17px;}
#myClass .precent .passinfo .content span{ font-weight:bold; color:#2b77cd;}


.commentArea{ width:778px; height:76px; background-color:#e5e5e5; padding:12px; clear:both;}
.commentArea .area{}
.commentArea .area textarea{ border:1px solid #dadada; background-color:#fff; width:670px; height:62px; float:left;}
.commentArea .area img{ float:right;}
.listWrap{ width:778px;  background-color:#fff; margin-top:30px;}
.listWrap ul{border-bottom:1px dotted #b3b3b3; height:80px; padding:15px 0px;}
.listWrap ul li{ float:left; margin-left:5px; padding:0px; color:#666;}
.listWrap ul li.t1{ font-weight:bold;}
.listWrap ul li.t2{}
.listWrap ul li.t3{ font-weight:bold; color:#933c6f;}
.listWrap ul li.t4{ width:778px; margin-top:15px; padding:0px;}
.listWrap ul li.t4 textarea{ border:1px solid #dadada; background-color:#fff; width:670px; height:62px;}


#myClass .tabList2{ width:100%; margin-bottom:15px; z-index:999;}
#myClass .tabList2 ul{ height:36px; }
#myClass .tabList2 ul li.first{margin-left:0px; }
#myClass .tabList2 ul li.last{ border-bottom:1px solid #ccc; width:384px; margin-top:1px; background-color:#fff; border-right:none; border-top:none; border-left:none; margin-left:0px;}
#myClass .tabList2 ul li{ width:130px; height:15px; list-style:none; margin-left:-1px; float:left; padding:8px 0px; background-color:#eee; border:1px solid #ccc; text-align:center;}
#myClass .tabList2 ul li a{ color:#434343;}
#myClass .tabList2 ul li.on{ background-color:#fff; padding:8px 0px; border:1px solid #ccc; color:#ff6c00; border-top:2px solid #434343;  font-weight:bold; border-bottom:none;  }
#myClass .tabList2 ul li.on a{color:#ff6c00;font-size:11px;   font-weight:bold; }

#myClass .tabList2 ul li.subM{width:777px; border-left:1px solid #ccc; padding:0px; border-right:1px solid #ccc; background:none; height:40px !important; margin-top:0px; margin-bottom:15px;  margin-left:0px; border-top:none; margin-top:0px;}
#myClass .tabList2 ul li.subM ul{ margin-top:5px; padding:0px;}
#myClass .tabList2 ul li.subM ul li{ border:none; background:none; padding-bottom:0px; float:left; width:auto; margin:0 6px;}
#myClass .tabList2 ul li.subM ul li.first{ border:none; font-weight:bold; background:#fff; padding-left:20px; margin-left:20px; float:left; background:url(/images/mypage/renew/ico_chart.gif) no-repeat left  5px;}
#myClass .tabList2 ul li.subM ul li.on{ color:#2a77cc; font-weight:bold; margin:0px; padding-bottom:0px;}

#myClass #rLay3{ width:500px; height:305px; z-index:99999999; background-color:#fff; border:1px solid #323232; display:block;}
#myClass #rLay3 .rLayContent .btn2{ width:75px; text-align:right; margin:0px 15px; height:23px;}
#myClass #rLay3 .rLayContent p.title{ font-weight:bold; font-size:14px; color:#2977cc; margin:10px 0 5px 0px; }
#myClass #rLay3 .rLayContent .rLayText{ background-color:#f5f5f5; border:1px solid #ccc; width:340px; height:20px; margin-bottom:1px; float:left; margin-left:10px; }
#myClass #rLay3 .rLayHeader{ background-color:#323232; height:70px; position:relative; margin-top:-20px;}
#myClass #rLay3 .rLayHeader h1{ font-weight:bold;  font-size:14px; color:#fff; padding:10px; margin:20px;}
#myClass #rLay3 .rLayHeader h1 span{ position:absolute; left:150px !important; top:38px !important;}
#myClass #rLay3 .rLayHeader p.btnX{ position:absolute; left: 475px; top: 12px;}
#myClass #rLay3 .rLayContent{background-color:#fff; padding:10px;}
#myClass #rLay3 .rLayTextarea{ background-color:#f5f5f5; border:1px solid #ccc; width:415px; height:auto; vertical-align:middle; padding:30px; }
#myClass #rLay3 .rLayContent .btn{ width:100%; text-align:center; margin-top:20px; height:23px;}



#myClass .chartWrap{ width:100%; clear:both; margin-top:45px;}
#myClass .chartWrap .chartHeader{width:100%; height:18px;}
#myClass .3dChartWrap{width:100%; border:1px solid #ccc; height:310px; margin-top:5px; clear:both;}
#myClass .3dChartWrap .3dChart{width:239px; height:197px; background:url(/images/mypage/renew/3d_bg_01.gif) no-repeat; float:left; margin:50px 5px 20px 5px;  position:relative !important; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .3dChartWrap .3dChart table td.txtPercent{margin:0px; padding:0px; font-size:11px;  color:#585858; font-weight:bold;}
#myClass .3dChartWrap .3dChart .txt{width:100%; height:20px;  font-size:15px; color:#575757; position:absolute; left:100px; top:200px;}

}






/* Ãß°¡µÇ´Â css */
.sub_title_loc {padding-top:11px; color:#818181; font-size:11px; float: right;}
.sub_title_loc img { vertical-align: top;}

.main_title {padding-left:20px;}

.smenu_line1 {border:none }
.smenu_line2 {height:1px; background-color:#c2c2c2; }

.smenu_de0 { background-color:#3995de; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:20px; height:35px; }

.smenu_de1 { font-size:12px; color:#686868; font-weight:bold; padding-left:20px; height:30px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu_de1 a:link { font-size:12px; color:#686868; font-weight:bold; }
.smenu_de1 a:active { font-size:12px; color:#686868; font-weight:bold; }
.smenu_de1 a:visited { font-size:12px; color:#686868; font-weight:bold; }
.smenu_de1 a:hover { font-size:12px; color:#019fe6; font-weight:bold; }
.smenu_de1 img { margin-right:5px; vertical-align: top; margin-top:4px;}

.smenu_de2 { font-size:12px; color:#6a6a6a; padding-left:20px; height:18px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu_de2 a:link { font-size:12px; color:#6a6a6a; }
.smenu_de2 a:active { font-size:12px; color:#6a6a6a; }
.smenu_de2 a:visited { font-size:12px; color:#6a6a6a; }
.smenu_de2 a:hover { font-size:12px; color:#019fe6; }
.smenu_de2 img { margin-right:5px; vertical-align: top; margin-top:4px;}

.smenu_de3 { font-size:12px; color:#9c9c9c; padding-left:40px; height:18px;}
.smenu_de3 a:link { font-size:12px; color:#9c9c9c; }
.smenu_de3 a:active { font-size:12px; color:#9c9c9c; }
.smenu_de3 a:visited { font-size:12px; color:#9c9c9c; }
.smenu_de3 a:hover { font-size:12px; color:#019fe6; }

a.menu_on:link { color:#019fe6; font-weight:bold; }
a.menu_on:active { color:#019fe6; font-weight:bold; }
a.menu_on:visited { color:#019fe6; font-weight:bold; }
a.menu_on:hover { color:#019fe6; font-weight:bold; }


.smenu2_line1 {border: none}
.smenu2_line2 {height:1px; background-color:#c2c2c2; }

.smenu2_de0 { background-color:#5aa007; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:20px; height:35px; }

.smenu2_de1 { font-size:12px; color:#686868; font-weight:bold; padding-left:20px; height:30px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu2_de1 a:link { font-size:12px; color:#686868; font-weight:bold; }
.smenu2_de1 a:active { font-size:12px; color:#686868; font-weight:bold; }
.smenu2_de1 a:visited { font-size:12px; color:#686868; font-weight:bold; }
.smenu2_de1 a:hover { font-size:12px; color:#5aa007; font-weight:bold; }
.smenu2_de1 img { margin-right:5px; vertical-align: top; margin-top:4px;}

.smenu2_de2 { font-size:12px; color:#6a6a6a; padding-left:20px; height:18px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu2_de2 a:link { font-size:12px; color:#6a6a6a; }
.smenu2_de2 a:active { font-size:12px; color:#6a6a6a; }
.smenu2_de2 a:visited { font-size:12px; color:#6a6a6a; }
.smenu2_de2 a:hover { font-size:12px; color:#5aa007; }
.smenu2_de2 img { margin-right:5px; vertical-align: top; margin-top:4px;}

a.menu2_on:link { color:#5aa007; font-weight:bold; }
a.menu2_on:active { color:#5aa007; font-weight:bold; }
a.menu2_on:visited { color:#5aa007; font-weight:bold; }
a.menu2_on:hover { color:#5aa007; font-weight:bold; }

.smenu2_de3 { font-size:12px; color:#9c9c9c; padding-left:40px; height:18px;}
.smenu2_de3 a:link { font-size:12px; color:#9c9c9c; }
.smenu2_de3 a:active { font-size:12px; color:#9c9c9c; }
.smenu2_de3 a:visited { font-size:12px; color:#9c9c9c; }
.smenu2_de3 a:hover { font-size:12px; color:#5aa007; }

.smenu3_line1 {border: none}
.smenu3_line2 {height:1px; background-color:#c2c2c2; }

.smenu3_de0 { background-color:#0a0a0a; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:20px; height:35px; }

.smenu3_de1 { font-size:12px; color:#686868; font-weight:bold; padding-left:20px; height:30px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu3_de1 a:link { font-size:12px; color:#686868; font-weight:bold; }
.smenu3_de1 a:active { font-size:12px; color:#686868; font-weight:bold; }
.smenu3_de1 a:visited { font-size:12px; color:#686868; font-weight:bold; }
.smenu3_de1 a:hover { font-size:12px; color:#0a0a0a; font-weight:bold; }
.smenu3_de1 img { margin-right:5px; vertical-align: top; margin-top:4px;}

.smenu3_de2 { font-size:12px; color:#6a6a6a; padding-left:20px; height:18px;border-left: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4}
.smenu3_de2 a:link { font-size:12px; color:#6a6a6a; }
.smenu3_de2 a:active { font-size:12px; color:#6a6a6a; }
.smenu3_de2 a:visited { font-size:12px; color:#6a6a6a; }
.smenu3_de2 a:hover { font-size:12px; color:#0a0a0a; }
.smenu3_de2 img { margin-right:5px; vertical-align: top; margin-top:4px;}

a.menu3_on:link { color:#0a0a0a; font-weight:bold; }
a.menu3_on:active { color:#0a0a0a; font-weight:bold; }
a.menu3_on:visited { color:#0a0a0a; font-weight:bold; }
a.menu3_on:hover { color:#0a0a0a; font-weight:bold; }

.smenu3_de3 { font-size:12px; color:#9c9c9c; padding-left:40px; height:18px;}
.smenu3_de3 a:link { font-size:12px; color:#9c9c9c; }
.smenu3_de3 a:active { font-size:12px; color:#9c9c9c; }
.smenu3_de3 a:visited { font-size:12px; color:#9c9c9c; }
.smenu3_de3 a:hover { font-size:12px; color:#0a0a0a; }


.bottom_copy_logo {padding-left:20px; text-align:left;}

.customer {clear:both;width:378px;height:27px;background:url(/images/new/cpa/customer_tab_back.gif);}
.customer ul {width:378px; padding:0px;margin:0px;}
.customer li {float:left; width:126px; padding:0px; margin:0px; height:26px; }
.customer_lmenu a {display:block; color:#999999; width:126px; height:26px; border-top:1px solid #dbe0e3; border-left:1px solid #dbe0e3; line-height: 26px; }
.customer_lmenu a:hover {color:#0077cd ; font-weight:bold ;border-top:1px solid #99a2aa; border-right:1px solid #99a2aa; border-left:1px solid #99a2aa; border-bottom:0px; background-color:#ffffff; }
.customer_view2 {float:right;}
.customer_view2 a.view2 {float:left; position: absolute; top: -7px; right:1px; width:16px; height:16px; border:1px solid #FFF;}

.customer_on a {color:#0077cd ; font-weight:bold ;border-top:1px solid #99a2aa; border-right:1px solid #99a2aa; border-left:1px solid #99a2aa; border-bottom:0px; background-color:#ffffff; }
.customer_on2 a {color:#5aa007 ; font-weight:bold ;border-top:1px solid #99a2aa; border-right:1px solid #99a2aa; border-left:1px solid #99a2aa; border-bottom:0px; background-color:#ffffff; }

.customer_rmenu a {display:block; color:#999999; padding-top:7px; width:126px; height:27px; border-top:1px solid #dbe0e3;  border-right:1px solid #dbe0e3; border-left:1px solid #dbe0e3;}
.customer_rmenu a:hover {color:#0077cd ; font-weight:bold ;border-top:1px solid #99a2aa; border-right:1px solid #99a2aa; border-left:1px solid #99a2aa; background-color:#ffffff;}

.customer_board {width:380px; padding-top:10px; float:left; }
.customer_board li {padding-top:5px; color:#f7f7f7; width:360px; line-height: 16px; padding-left: 6px}
.customer_board li a {color:#999999;}
.customer_board li img {margin-right:7px; vertical-align: middle;}


.scholarship {  color:#818181;}
.tline1 {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background-color:#f7f7f7; font-weight: bold;}
.tline2 {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f7f7f7; font-weight: bold;}
.acenter {text-align:center;}

.tline3 {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.tline4 {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.tpd {padding-left:15px;}
.tblue {color:#0673cf;}

.interpd20 {padding-left:20px;}
.interpd5 {padding-left:8px;padding-top:5px;}
.interpd13 {padding-left:13px}
.interv { font-size:13px; color:#6a6a6a; line-height:20px; letter-spacing:-0.09em;}
.interv1 {font-size:16px; color:#0673cf; font-weight: bold;}
.interv2 {font-size:16px; color:#638c0b; font-weight: bold;}
.interv3 {font-size:16px; color:#eb6877; font-weight: bold;}

.grViewArea {width:100%;height:0px;position:relative;}
.grViewLayer {position:absolute;width:750px;height:810px;border:3px solid #313131;left:18px;top:0px;display:none;background-color:#ffffff}
.grViewTitle {background-color:#313131;}
.grViewText {color:#ffffff;font-size:15px;font-weight:bold;padding-left:20px;}
.grViewBtn {padding-right:15px;}


.focus_line1 {border-top:#000000 solid 2px; font-size:12px; text-align: center; font-weight: bold; background-color: #eeeeee;}
.focus_line2 {border-bottom:#c4c4c4 solid 1px; border-right:#c4c4c4 solid 1px; font-size:12px; text-align: center; font-weight: bold; background-color: #eeeeee;}
.focus_line3 {border-bottom:#c4c4c4 solid 1px; background-color: #eeeeee;}
.focus_line4 {border-bottom:#c4c4c4 solid 1px; border-right:#c4c4c4 solid 1px; font-size:12px;font-weight: bold;}
.focus_line5 {border-bottom:#c4c4c4 solid 1px; font-size:12px;font-weight: bold;}
.focus_line6 {border:#c4c4c4 solid 1px; padding-left: 20px; padding-top: 20px;}
.focus_f {font-size: 14; color: #5a5a5a; font-weight: bold; }
.focus_f2 {font-size: 12; color: #5a5a5a;}



/* ³»°­ÀÇ½Ç Á¾·áµÈ °­ÀÇ */
div.mypage_partdone {float: left; position: relative;}
div.mypage_partdone ul {margin-top: 10px;}
div.mypage_partdone li {position: relative; text-decoration: none; line-height: 16px; padding-left: 5px; line-height:1.5em; }
div.mypage_partdone li.redtxt {color:#ff0000; font-size:14px;padding-bottom:3px;}
div.mypage_partdone li strong.red {color: #ff0000;}
div.mypage_partdone li img {vertical-align: -2px}


.receipt{line-height:1.5em;margin:0 0 0 22px;}
ul.list_Style{margin:3px 0 0 0;}
ul.list_Style li{background:url('/lecture/images/refund_dot2.gif') no-repeat left 5px; padding-left:10px; line-height:1.5em; margin-bottom:2px;}



.tbl_view1{width:100%;}
.tbl_view1 th{height:30px;border-bottom:1px solid #cecece; background:url('/board/img/view04.gif') no-repeat right top;}
.tbl_view1 td{border-bottom:1px solid #cecece}

.tbl_view1 .last th, .tbl_view1 .last td{border-bottom:0;}



.style1 {color: #FF6600}
.m0{margin:0 !important}
.mt0{margin-top:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}
.vm{vertical-align:middle}
.vamfix input, .vamfix select, .vamfix textarea{vertical-align:middle}
.vamfix img{position:relative; vertical-align:middle; margin-top:-2px}
.inputType{height:16px; padding:3px 0 0 5px; border:1px solid #c6c6c6; background-color:#fff}
.radius_area{clear:both; background:url(/mypage/images/bg_box_bottom.gif) no-repeat 0 100%}
.radius_area .radius_box{padding:23px 14px 15px 14px; background:url(/mypage/images/bg_box_top.gif) no-repeat; zoom:1}
.radius_area .radius_box:after{display:block; clear:both; content:''}
.radius_area2{clear:both; background:url(/mypage/images/bg_box2_bottom.gif) no-repeat 0 100%}
.radius_area2 .radius_box2{height:143px; padding:17px 18px 0 18px; background:url(/mypage/images/bg_box2_top.gif) no-repeat}
.radius_area3{clear:both; background:url(/mypage/images/bg_box3_bottom.gif) no-repeat 0 100%}
.radius_area3 .radius_box3{height:143px; padding:17px 18px 0 18px; background:url(/mypage/images/bg_box3_top.gif) no-repeat; zoom:1;}
.radius_area3 .radius_box3:after{display:block; clear:both; content:''}
.lst_list li{width:100%;  margin-bottom:7px; zoom:1; }
.lst_list li:after{display:block; clear:both; content:''}
.lst_list .tit_name, .lst_list .txt_cont{display:block; float:left}
.lst_list .tit_name{width:73px; margin-top:3px; padding-left:11px; background:url(/mypage/images/bu_arrow.gif) no-repeat 0 50%}
.lst_list .txt_cont, .lst_list strong.txt_cont a{font-size:14px; color:#00b297}
.txt_cont a{text-decoration:underline;margin-top:3px;}
.txt_cont {margin-top:2px;}
/* //common */
.userInfo_box{width:215px; float:left; margin-right:16px}
.userInfo_box .tit_top{margin-bottom:9px}
.userInfo_box2{display:none;width:275px; float:left; margin-left:10px;}
.userInfo_box2 .tit_top{margin-bottom:9px}
.userInfo_box2 .input_txt{clear:both; margin-top:27px}
.userInfo_box2 .p_noti_phoup{padding-top:12px }
.userInfo_box2 .img_photo{_display:inline; float:left; width:100px; height:119px; margin:0 0 -5px 50px; border:2px solid #d0d0d0; background:url(images/@temp_100x119.gif)}
.userInfo_box2 .btn_up{float:left; margin:73px 0 0 12px}
.userInfo_box2 .btn_up a{display:block; margin-top:5px}
.ly_0719{position:absolute;top:200px;left:50%; margin-left:-185px; z-index:1;}

.dc_cta{background:url('/images/mypage/bg_leclist_cta.gif') no-repeat left top !important; }
.dc_cta dl dd li strong{color:#5e9c25 !important;}
.dc_box{background:url('/images/mypage/bg_leclist_cpa.gif') no-repeat left top; height:69px; margin-bottom:16px;}
.dc_box .icon{float:left; width:81px; text-align:center; padding-top:4px;}
.dc_box dl{float:left;}
.dc_box dl dt{float:left; width:189px; font-size:14px; color:#3d3d3d; font-weight:bold; line-height:1.3em; padding-top:15px; padding-left:20px;}
.dc_box dl dd{float:left; font-size:12px; padding-top:15px;}
.dc_box dl dd li{width:188px;text-align:center;float:left;}
.dc_box dl dd li strong{font-size:14px; color:#0088ca;}
.dc_box dl dd li  *{vertical-align: middle;}

/* rnew */
.order_Notice{margin-bottom:20px;}

.cont_ul1{padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.cont_ul1 li{background:url('/images/common/ico_line3.gif') no-repeat 5px 9px;padding-left:18px;margin-bottom:3px;color:#666666;}


.lnb_banner{margin-top:30px;}

.vMiddle td *{text-align:middle;}

.old_booklistTit{font-size:14px;}
article.contents{line-height:1.8em;}

.gray{font-size:13px;color:##282828;}

.unnamed2 table td{border-bottom:1px solid #ddd; padding:5px 0;}




/*
#dadaik{ display:none!important}*/

.providWrap{ width:100%;}
.providWrap h4{ margin:0px; padding-left:12px; background:url(/images/goods/blit_bar.gif) no-repeat 0 7px; font-weight:bold; font-size:15px; color:#3f3f3f}
.providWrap .tbl{ margin-top:10px; border-top:2px solid #4a4a4a; width:100%}
.providWrap .tbl th{ text-align:center; font-weight:bold; background:#f5f5f5; border:1px solid #cccccc; padding:8px 0}
.providWrap .tbl td{ text-align:left;  border:1px solid #cccccc; padding:8px 0 8px 8px;color:#3f3f3f}
.providWrap .tbl td strong{}
.providWrap .tbl td span{ color:#09C}


				.myCounsel {
    clear: both;
    width: 100%;
}
.myCounsel .innerBox {
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    height: 75px;
    padding: 11px 0;
    position: relative;
}
.myCounsel .innerBox::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.myCounsel h2 {
    color: #282828;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.mylecTitle{ color: #282828;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;}
.myCounsel .leftSection {
    float: left;
    text-align: center;
    width: 50%;
}
.myCounsel .rightSection {
    float: right;
    text-align: center;
    width: 50%;
}
.myCounsel .counselBox {
    border-right: 1px solid #e2e2e2;
    height: 52px;
    text-align: center;
}
.myCounsel .counselBox .title {
    color: #4d217a;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-right: 20px;
}
.myCounsel .counselBox ul {
    display: inline-block;
    width: 200px;
}
.myCounsel .counselBox ul li {
    color: #272727;
    font-size: 13px;
    text-align: left;
    width: 100%;
}
.myCounsel .counselBox ul li span.right {
    float: right;
}
.myCounsel .counselBox ul li span.right strong {
    color: #4d217a;
}
.myCounsel .counselBox .more {
    position: absolute;
    right: -25px;
    top: -30px;
}
.myCounsel .innerBox .more {
    position: absolute;
    right: 0;
    top: -20px;
}



.mycounsell .tab_4 ul {border-bottom: 1px solid #666666;height: 43px;}
.mycounsell .tab_4 ul::after {clear: both;content: "";display: block;}
.mycounsell .tab_4 ul li {float: left;margin-bottom: -1px;text-align: center;}
.mycounsell .tab_4 ul li:first-child a {border-left: 1px solid #dddddd;}
.mycounsell .tab_4 ul li.on:first-child a {margin-left: 0;}
.mycounsell .tab_4 ul li a {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #f5f5f5;border-color: #dddddd #dddddd -moz-use-text-color -moz-use-text-color;border-image: none;border-style: solid solid none none;border-width: 1px 1px 0 0;color: #808080;display: block;font-size: 14px;height: 42px;letter-spacing: -1px;line-height: 42px; padding: 0 15px;}
.mycounsell .tab_4 ul li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #666666 #666666 #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-weight: bold;
    margin-left: -1px;
    position: relative;
}
.mycounsell .num4 li{ width:25%!important}
.mycounsell .bbsList_1 .left{ text-align:left!important}