@charset "utf-8";


@font-face{font-family:'NanumSquare2'; src:url('../fonts/NanumSquareR.woff')}
@font-face{font-family:'NanumSquare2'; src:url('../fonts/NanumSquareR.eot')}

@font-face{font-family:'NanumBarunGothic'; src:url('../fonts/NanumBarunGothic.woff')}
@font-face{font-family:'NanumBarunGothic'; src:url('../fonts/NanumBarunGothic.eot')}

.bodyWrap2{margin:0;padding:0;}
 html,body{height:100%;margin:0;padding:0;font-family:'NanumSquare2', 'Malgun Gothic','돋움', 'dotum';	
	/*color:#484848;*/
	font-style: normal;	
	font-size:14px;
	background: transparent;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;
/*    background: #fff;*/
    -webkit-font-smoothing: antialiased;
}

body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;/*font-family:'NanumSquareR';font-size:100%; 
  font-style:inherit; 
  font-weight:inherit; */}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0} /*display:none*/
textarea, button{vertical-align:middle}
input{height:20px; border:1px solid #dedede; background:#fff; color:#666; font-family:"Helvetica","Arial",sans-serif; vertical-align:middle}
select,option{height:24px; border:1px solid #dedede; background:#fff; color:#666; font-family:"Helvetica","Arial",sans-serif; vertical-align:middle}
input{padding:3px}
select{padding:2px}
textarea{padding:3px; border:1px solid #dedede; background:#fff; color:#666; font-size:12px; vertical-align:middle} /*  font-size:13px === */
.checkbox{padding:0; border:0}
.disNone{display:none}
.disNone2{position:absolute; top:0; left:-9999px; text-indent:-9999px}
a{color:#3b5892; text-decoration:none}
a:hover, a:focus, a:active{color:#3b5892; text-decoration:none}/*#666*/
table{border-collapse:collapse}

	ul li{list-style:none;}
	 body.logbody{padding:0;margin:0;}
  
	#logFrame{width:100%;margin:0 auto;position:relative;}
	#logGrey{width:100%;background:url('../images/ptn_squa.png') repeat #f0f0f0;height:246px;top:298px;z-index:100;position:absolute;border-top:1px solid #d8d9da;border-bottom:1px solid #d8d9da;/*margin-top:301px !important;*/}
	#loginWrap{width:834px;border:0px solid #ddd;overflow:hidden;height:780px;margin:0 auto;z-index:1002;position:relative;margin-top:1px;}
	#loginWrap h1.tlogo{margin:0 auto;text-align:center;margin-top:130px;}
	.log-title{margin-top:10px;margin-left:20px;}
	.logmiddWrap{width:100%;position:relative;background:#5587a2;width:834px;height:248px;}
	/*.logmiddWrap ul li{float:left;list-style-type:none}*/
	.midwLeft{float:left;width:324px}
	.midwLeft img{position: relative;top:42px;left:76px}
	.midwcent{position:relative;top:70px;color:#f8f8f8;font-size:15px;left:42px;width:600px;}/*nnew20171211*/
	.midwcent input{border:1px solid #eee;height:44px;width:216px;margin-left:5px;font-size:17px}
/*	.midwcent ul{line-height:48px;}*/
	.midwcent ul li{margin-bottom:7px;}
/*	.midwcent ul li span{width:80px}*/
	.midwcent ul li span{vertical-align:middle;font-family:'NanumSquare2', 'Malgun Gothic','돋움', 'dotum';font-style: normal;	
	font-size:12px;
	background: transparent;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;
/*    background: #fff;*/
    -webkit-font-smoothing: antialiased;}
	.midwcent ul li span.spd{letter-spacing:4px}
	.midwRight{float:right;width:180px;margin-top: -32px;}
	.midwRight img{position:relative;/*top:72px*/bottom: 34px;width:100px;height:100px;border:0}
	.midwRight input.inpimg{width:100px;height:100px;padding:0px;border: none;}
	.under_cont{margin-top:36px}

	#frontWrap{width:100%;margin:0 auto;background:#fff;/*font-family:nanumGothic,'나눔고딕';*//*font-family:NanumGothicWeb;*//*font-family: fnbg,'NanumBarunGothic', sans-serif;font-family:'NanumSquareR';*/}
	
	#headFrame{width:100%;margin:0 auto;background:url('../images/nav_bg.jpg') repeat-x;}
	#mainHeader{width:1280px;margin:0 auto;height:126px;border:0px dashed #eee}
	#mainHeader h2{float:left;padding-left:50px;top:43px;position:relative;}
	#mainHeader .util{border:0px solid #027bc0;font-size:14px;font-weight:normal;float:right;padding-top:12px;color:#027bc0;/*font-family: fnbg,'NanumBarunGothic', sans-serif;*/}
	#mainHeader .util span.fb{color:#333;background:url('../images/ic_dot1.jpg') no-repeat 0px center;margin-left:4px;    padding-left: 6px;}
	#mainHeader .util span.outt{color:#f2f2f2;background:url('../images/ic_logout.png') no-repeat 2px center #027bc0;padding:5px 5px 5px 20px;letter-spacing:-1px}
	#mainHeader .util span.pwdd{color:#f2f2f2;background:url('../images/ic_pwdd.png') no-repeat 2px center #e86258;padding:4px 5px 5px 20px;letter-spacing:-1px;margin-right: -3px;}
	#mainHeader .mainNav{padding-left:308px;padding-top:66px}
/*	#mainHeader .mainNav ul li{float:left;width:182px;font-size:22px;font-weight:bold;font-family: 'NanumSquareR', sans-serif, fnsr, '나눔스퀘어';}*/
	/*#mainHeader .mainNav ul li{float:left;width:182px;font-size:22px;font-weight:bold; font-family: 'NanumBarunGothic' !important;font-style: normal;	
	
	background: transparent;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;

    -webkit-font-smoothing: antialiased;}*/
	#mainHeader .mainNav ul li{float:left;width:188px;font-size:22px;font-weight:bold;text-align:center}
	
	#mainFrame{width:1280px;margin:0 auto;position:relative;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:0px solid #d3d3d3;background:#fff;height:870px}

	#mainFrame .mainVisual{width:100%;height:561px;background:url('../images/middle_visual.jpg') no-repeat;}
	#mainFrame .cenPic{margin:0 auto;position:relative;text-align:center;top:96px}
	.mainFMenu{width:1180px;border:0px solid #ff3300;margin:0 auto;position:relative;overflow:hidden;top:-177px;z-index:3;}
	.mainFMenu ul li{float:left;width:236px;text-align:center;height:236px;}
/*	.mainFMenu ul li p{font-size:28px;font-weight:bold;color:#f2f2f2;margin-top:38px;font-family: 'NanumSquareR', sans-serif, fnsr, '나눔스퀘어';}*/
	.mainFMenu ul li p{font-size:28px;font-weight:bold;color:#f2f2f2;margin-top:38px;/*font-family: 'NanumSquare';*/}
/*	.mainFMenu ul li.clr01{background:#eee}*/
/*	.mainFMenu ul li.clr02{background:#ddd}*/
/*	.mainFMenu ul li.clr03{background:#f7f7f7}*/
/*	.mainFMenu ul li.clr04{background:#777}*/
/*	.mainFMenu ul li.clr05{background:#336699}*/

/* old 5 flat img
	.mainFMenu ul li.clr01{background:url('../images/midd_fn_01.png') no-repeat center 103px #16b6c6}
	.mainFMenu ul li.clr02{background:url('../images/midd_fn_02.png') no-repeat center 103px #fa9d1c}
	.mainFMenu ul li.clr03{background:url('../images/midd_fn_03.png') no-repeat center 103px #027bc0}
	.mainFMenu ul li.clr04{background:url('../images/midd_fn_04.png') no-repeat center 103px #3b5892}
	.mainFMenu ul li.clr05{background:url('../images/midd_fn_05.png') no-repeat center 103px #948b82}
*/
	.mainFMenu ul li.clr01{background:url('../images/midd_flt_01.png') no-repeat center 103px #16b6cb;background-size:78px 78px}
	.mainFMenu ul li.clr02{background:url('../images/midd_flt_02.png') no-repeat center 103px #f44336;background-size:78px 78px}
	.mainFMenu ul li.clr03{background:url('../images/midd_flt_03.png') no-repeat center 103px #027bc0;background-size:78px 78px}
	.mainFMenu ul li.clr04{background:url('../images/midd_flt_04.png') no-repeat center 103px #3b5892;background-size:78px 78px}
	.mainFMenu ul li.clr05{background:url('../images/midd_flt_05.png') no-repeat center 103px #948b82;background-size:78px 78px}

	#mainFrame .mbtBanner{width:1180px;margin:0 auto;position:relative;overflow:hidden;border:0px solid #444;bottom:160px;z-index:3;}
	.mbtBanner ul li{float:left;width:383px;height:196px;text-align:center;}
	.mbtBanner ul li.frst{background:url('../images/leftphone_bg.jpg') no-repeat;margin-right:15px;}
	.mbtBanner ul li.frst h3{background:url('../images/ic_leftphone.png') no-repeat 0px center;width:94px;height:94px;position:relative;overflow:hidden;top:48px;left:34px;}
	.mbtBanner ul li.frst span{color:#fff;position:relative;bottom:33px;left:35px;/*font-family: 'NanumSquare', sans-serif;*/ /*font-family: 'NanumSquare'*/}
	.mbtBanner ul li.frst span p.ptxt{font-size:28px;letter-spacing:18px;margin-left:16px;}
	.mbtBanner ul li.frst span p.pnum{font-size:30px;letter-spacing:-3px}

	.mbtBanner ul li.brdd{width:381px;border:1px solid #b2b2b2;height:194px;margin-right:15px;background:#fff}
	.mbtBanner ul li.brdd h2{position:relative;top:13px;left:20px;text-align:left;/*font-family: 'NanumSquare', sans-serif;*/}
	.mbtBanner ul li.brdd ul li{float:left;width:110px;left:25px;position:relative;}
	.mbtBanner ul li.brdd ul.alimbn{margin:0 auto;padding-top:40px;}
	.brdd span.bmore{float:right;top:-12px;right:20px;position:relative}

	.mbtBanner ul li.brdd2{width:381px;border:1px solid #b2b2b2;height:194px;margin-right:none;background:#fff}
	.mbtBanner ul li.brdd2 h2{position:relative;top:13px;left:20px;text-align:left;/*font-family: 'NanumSquare', sans-serif;*/}
	.mbtBanner ul li.brdd2 ul li{width:361px;left:16px;position:relative;line-height:30px;height:30px !important;text-align:left;font-size:14px;background: transparent url('../images/nt_ico.png') no-repeat 0 center;padding: 0px 0 0 11px;}
	.mbtBanner ul li.brdd2 ul li p{
																float: left;
																text-align: left;
																vertical-align: top;
																text-overflow: ellipsis;
																white-space: nowrap;
																overflow: hidden;
																width: 87%;}
	.mbtBanner ul li.brdd2 ul.boardLst{margin:0 auto;padding-top:32px;}
	.brdd2 span.bmore{float:right;top:-12px;right:20px;position:relative}

#footers{border-top:1px solid #d3d3d3;background:#eae9e9;height:84px;position:relative;/*margin-top:-124px;*/}
#footers .ctext{font-size:13px;color:#222;margin:0 auto;text-align:center;padding: 26px 0 1px 0;}

#mbgGrey{width:100%;background:url('../images/ptn_abs.png') repeat #f0f0f0;height:128px;top:687px;z-index:1;position:absolute;border-top:1px solid #d8d9da;border-bottom:1px solid #d8d9da;/*margin-top:301px !important;*/}


/*sub page css*/

  #subbTopBar{width:100%;background:#b3d4e3;height:104px;}/*#e2d4c9*/
   #subbTopBar .sbbWrap{width:1280px;margin:0 auto;background:url('../images/sub_top_pic4.png') no-repeat 940px center;height:104px}
    #subbTopBar .sbbWrap h2{font-size:32px;padding-left:54px;padding-top:36px;}
	#subbTopBar .sbbWrap p.sbb_txt{padding-left:284px;margin-top:-35px;}

#containers{min-height:100%;position:relative;}
#containers #content {

padding-bottom: 69px;/*50px*/

}
/*
#containers #footer{position: absolute;
bottom: 0;
width: 100%;

height: 86px;
background-color: #eae9e9;
border-top:1px solid #d3d3d3;
margin-top:55px;
}
*/

#footer{position: absolute;
bottom: 0;
width: 100%;
/*height: 126px;*/
height: 86px;
background-color: #eae9e9;
border-top:1px solid #d3d3d3;
margin-top:55px;
}

#footer .ctext{width:1280px;margin:0 auto;font-size:12px;text-align:center;margin-top:33px}

#subbFrame{width:1280px;margin:0 auto;position:relative;border-left:0px solid #d3d3d3;border-right:0px solid #d3d3d3;border-bottom:0px solid #d3d3d3;background:#fff;min-height:100%;padding-bottom:75px;padding-top:26px;overflow:hidden;/*height: -webkit-fill-available; padding-bottom:40px*/}

/*html #subbFrame{height:100%;}*/

#lefGnb{width:220px;float:left;position:relative;margin-bottom:60px;border-top:1px solid #e7e7e7}
#lefGnb ul li{height:40px;border-bottom:1px solid #d1d5d8;background:url('../images/sub_menuOff.png') no-repeat;}
#lefGnb ul li p{line-height:40px;font-size:14px;padding-left: 12px;}
/*#lefGnb ul li p:hover{background:#ededed;}*/
#lefGnb ul li p:hover {background:url('../images/sub_menuOv.jpg') no-repeat;color:#fff;}
#lefGnb ul li p:active {background:url('../images/sub_menuOv.jpg') no-repeat;color:#fff;}
#lefGnb ul li p:focus {background:url('../images/sub_menuOv.jpg') no-repeat;color:#fff;}

#lefGnb ul li.over{background:url('../images/sub_menuOv.jpg') no-repeat;color:#fff;}
#lefGnb ul li.end{border-bottom:1px solid #3b5892;}

#bonConts{/*padding:0px 30px 30px 60px;*/border:0px dashed #ddd;float:right;width:1000px}
.breadd{font-size:11px;padding:3px;border-bottom:1px solid #ededed;}
.breadd span.ich{background:url('../images/ic_home.jpg') no-repeat left center;}
.breadd span{background:url('../images/ic_arr1.jpg') no-repeat left center;margin-left:5px;padding-left: 11px;}
#bonConts h1.bonTitle{font-size:27px;color:#222;padding:20px 0 20px 2px; }
#bonConts h2.bonStt{font-size:25px;color:#222;padding:20px 0 20px 2px; }
#bonConts h3.bonStt3{font-size:21px;color:#222;padding:18px 0 12px 22px;background:url('../images/icc_arr1.png') no-repeat left center; }
#bonConts h3.bonStt-q{font-size:21px;color:#222;padding:18px 0 12px 42px;background:url('../images/icc_q.png') no-repeat left center; }
#bonConts h3.bonStt-a{font-size:21px;color:#222;padding:18px 0 12px 42px;background:url('../images/icc_a.png') no-repeat left center; }
#bonConts h3.bonStt-chk{font-size:21px;color:#222;padding:18px 0 12px 42px;background:url('../images/icc_check2.png') no-repeat left center; }

.tb_ntcboard{width:100%;}
.tb_ntcboard th{background:#efefef;border-top:1px solid #3b5892;border-bottom:1px solid #c7c7c7;height:40px;font-size:14px;color:#222;}
.tb_ntcboard th.last{border-right:none;}
.tb_ntcboard td{height:38px;border-bottom:1px solid #e1e1e1;font-size:14px;color:#666;text-align:center;}
.tb_ntcboard td.leff{text-align:left;}
.tb_ntcboard td.leff p{float: left;
																vertical-align: middle;
																text-overflow: ellipsis;
																white-space: nowrap;
																overflow: hidden;
																width: 690px;}															
.tb_ntcboard td.afile{background:url('../images/ic_file2.gif') no-repeat center center;}
.tb_ntcboard td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tb_ntcboard td input.wds{width:100px;border:1px solid #dfdfdf;}
.tb_ntcboard td.tend{border-bottom:1px solid #c9c9c9;color:#ff3300}
/*.tb_ntcboard td.last{border-bottom:1px solid #c9c9c9;}*/
.tb_ntcboard td.last{border-right:none;}
.tb_ntcboard tr:last-child{border-bottom:1px solid #c9c9c9;}

/*#footers{height:126px}*/

.tleft{font-size:12px;color:#777;}
.tright{text-align:right;padding-right:10px;font-size:11px;float:right;padding-bottom:7px}
.board_page{padding:27px 0 10px 0;text-align:center}
.board_page p{line-height:1em;}
.brd_paging{margin:5px 0 0;text-align:center;}

/*view*/
 .tbl_ntcView{border:0px solid #ddd;width:100%;padding:5px;border-top:1px solid #3b5892;border-bottom:1px solid #3b5892;position:relative}
  .tbl_ntcView th{font-size:15px;color:#333;background:#efefef;border-bottom:1px solid #d7d7d7;height:38px;border-right:1px solid #d7d7d7;}
 .tbl_ntcView td{font-size:14px;border-bottom:1px solid #d7d7d7;padding: 9px;border-right:none;height:38px }
 .tbl_ntcView th.thend{vertical-align:top;padding-top:9px;border-bottom:1px solid #3b5892;}
 .tbl_ntcView td.ntcCont{border-right:none;padding:9px 10px 20px 10px;vertical-align:top;border-bottom:1px solid #3b5892;height:400px;background:#fafafa;line-height:24px}
.btn_spacing{padding:34px 0 50px 0;margin:0 auto;text-align:center}
.btn_spacing2{padding:27px 0 27px 0;margin:0 auto;text-align:center}
.btn_spacing span.btn-list{padding:10px 15px 9px 15px;background:#3b5892;color:#fff;font-size:14px;cursor:pointer}
.btn_spacing span.btn-cert{/*width:124px;*/padding:10px 15px 9px 15px;background:#16b6c6;color:#fff;font-size:14px;cursor:pointer}
.btn_spacing span.lfmg{margin-left:7px}

/*file */
.tbl_ntcView select.ipn_sel{width:700px;border:1px solid #c7c7c7;}/*#dfdfdf*/
.tbl_ntcView input.ipn_email{width:300px;border:1px solid #c7c7c7;}
.tbl_ntcView input.ipn_stitle{width:700px;border:1px solid #c7c7c7;}
.tbl_ntcView input.ipn_pwd{width:200px;border:1px solid #c7c7c7;}
.tbl_ntcView textarea.ipn_area{width:700px;border:1px solid #c7c7c7;}
.tbl_ntcView input.ipn_chk{width:16px;height:16px;}
.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:30px;
    background:#777;
    color:#fff;
    text-align:center;
    line-height:30px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;
    height:28px;
    line-height:28px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #777;
}

.fileBox .fileName {display:inline-block;width:190px;height:24px;padding-left:10px;margin-right:5px;line-height:24px;border:1px solid #c7c7c7;background-color:#f0f0f0;vertical-align:middle}
/*.fileBox .btn_file {display:inline-block;border:1px solid #000;width:100px;height:30px;font-size:0.8em;line-height:30px;text-align:center;vertical-align:middle}*/
.fileBox .btn_file {display:inline-block;border:1px solid #999;width:100px;height:30px;font-size:0.8em;line-height:30px;text-align:center;vertical-align:middle;background:#777;color:#f9f9f9;border-radius:0px}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.ttright{padding-left:11px;color:#777;font-size:12px}


/*paging*/
.pagination {
    display: inline-block;
	margin:0 auto;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #027bc0;/*#4CAF50*/
    color: white;
    border: 1px solid #027bc0;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.tbl_prsnt{width:100%;padding:5px;border-top:2px solid #3b5892;border-bottom:1px solid #3b5892;position:relative;margin-top:20px}
.tbl_prsnt th{font-size:15px;color:#fff;background:#41a2f7;border-bottom:1px solid #f9f9f9;height:40px;border-right:1px solid #bbb}
.tbl_prsnt th.stitle{font-size:17px;text-align:left;padding-left:10px;height:44px;background:#3795e7;}
.tbl_prsnt th.last{border-right:none;}
.tbl_prsnt th:last-child{border-right:none;}
.tbl_prsnt td{font-size:14px;border-bottom:1px solid #d7d7d7;padding: 9px;border-right:none; text-align:center;border-right:1px solid #dfdfdf;}
.tbl_prsnt td.last{border-right:none;}
.tbl_prsnt td:last-child{border-right:none;}
.tbl_prsnt td.leff{text-align:left;padding-left:15px}
.tbl_prsnt td.thend{vertical-align:top;padding-top:9px;border-bottom:1px solid #3b5892;}

.tbl_progress{width:100%;margin-top:30px;border:0px solid #bbb}
.tbl_progress th.prgTh{background:#0083ca;color:#fff;font-size:22px;height:42px}
.tbl_progress th{background:#41a2f7;color:#fff;height:42px;border-bottom:1px solid #eee;border-right:1px solid #d3d3d3;}
.tbl_progress td{border-bottom:1px solid #d3d3d3;height:38px;text-align:center;}
.tbl_progress td.cld{background:#6dbbff;color:#fff}
.tbl_progress td.rbd{border-right:1px solid #d3d3d3;}
.tbl_progress td.leff{text-align:left;padding-left:15px}
.tbl_progress td.leff input{width:16px;height:16px;margin-right:5px;}


/*sub learning*/

.learn_box{width:100%;/*padding:15px 0 15px 15px;*/}
.learn_box .diode{width:998px;border:1px solid #dedede;background:url('../images/ptn_abs.png') repeat #f7f8f9 /*transparent 0.7s*/;padding:18px 15px 24px 15px;}/*width:982px*/
.learn_box .questions{width:998px;border:1px solid #95cbff/*5994cd*/;background:url('../images/ptn_abq.png') repeat #dff0fe /*transparent 0.7s*/;padding:18px 15px 24px 15px;}
.learn_box .answers{width:998px;border:1px solid #c5badb;background:url('../images/ptn_aba.png') repeat #e6e0f8/*dcd5f2*/ /*transparent 0.7s*/;padding:18px 15px 24px 15px;}
.learn_box ul{padding-left:13px}
.learn_box ul li{/*height:25px;*/list-style:circle }
.learn_box ul li span.bbf{color:#0083ca;font-weight:bold;font-size:17px}
.learn_box span.bf{color:#ff4400;font-weight:bold;}
.learn_box span.bf2{color:#0083ca;font-weight:bold;}
.learn_box h3.bf-title{color:#0083ca;font-weight:bold;margin:6px 0 8px 0;font-size:16px}
.learn_box span.bf3{color:#4CAF50;font-weight:bold;font-size:18px}
.learn_box div.rpic1{background:url('../images/if_edit.png') no-repeat right center}

.learn_box h3{margin:3px 3px 10px 3px;color:#027bc0}
.learn_box ul.lguide{}
.learn_box ul.lguide li{list-style:decimal;height:23px}
.learn_box ul.lsumm li{list-style:decimal;padding:5px 3px 3px 2px;margin-left: 15px;}

.learn_box h4{margin:20px 3px 8px 0px;color:#027bc0;font-size:17px}
.learn_box h4.centerq{margin:13px 3px 8px 0px;color:#027bc0;font-size:19px;text-align:center;background:url('../images/icc_check.png') no-repeat 400px center;height:24px}
.learn_box h4.centera{margin:13px 3px 8px 0px;color:#ec6941;font-size:19px;text-align:center;background:url('../images/icc_not.png') no-repeat 400px center;height:24px}
.learn_box span.btitle{padding:9px 2px 5px 7px;font-weight:bold;color:#0061a7;line-height:31px}
.learn_box h3.c_right{font-size:18px;color:#027bc0;border-bottom:1px dashed #027bc0;line-height:33px;}
.learn_box .gtxt{font-size:14px;color:#757474;line-height:32px}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body {
  background: #fff;/*#f1f1f1*/
}

h2.grpH2 {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #999;
  /*font-family: sans-serif;*/
  font-weight: normal;
  color: #333;
}

.graph_txt{float:left;line-height:31px;top:10px;position:relative;padding-left:29px;}
.graph_rtext{float:right;line-height:31px;top:10px;position:relative;padding-right:12px;text-align:right;font-size:13px;color:#0871cd;}
.container {
  width: 490px;/*500px*/
  margin: 4px;
  background: #fff;
/*  padding: 20px;*/
padding:5px 0 5px 5px;
  overflow: hidden;
  float: left;
}

.horizontal .progress-bar {
  float: left;
  height: 31px;
  width: 100%;
  padding: 6px 0;
}

.horizontal .progress-track {
  position: relative;
  width: 100%;
  height: 20px;
  background: #ebebeb;
}

.horizontal .progress-fill {
  position: relative;
  background: #666;
  height: 20px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.horizontal .clrBlue{background:#3fb0ac;}/*03a9f4 #5677fc  teal*/
.horizontal .clrYellow{background:#f2b632;}/*amber*/
.rounded .progress-track,
.rounded .progress-fill {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}



/* Vertical */

.vertical .progress-bar {
  float: left;
  height: 300px;
  width: 40px;
  margin-right: 25px;
}

.vertical .progress-track {
  position: relative;
  width: 40px;
  height: 100%;
  background: #ebebeb;
}

.vertical .progress-fill {
  position: relative;
  background: #825;
  height: 50%;
  width: 40px;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.rounded .progress-track,
.rounded .progress-fill {
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  border-radius: 3px;
}
h1.bbt{font-size:20px;line-height:29px;margin-top:0px;padding-left:16px;color:#222;font-weight:bold}
h2.sst{font-size:18px;line-height:28px;margin-top:24px;background:url('../images/ico_dot2.png') no-repeat left center;padding-left:16px}
.sst_free{line-height:28px;background:url('../images/ico_dot2.png') no-repeat left center;padding-left:16px}
h3.sst3{font-size:16px;line-height:28px;margin-top:24px;background:url('../images/ico_dot1.gif') no-repeat left center;padding-left:16px}
h3.sst3m{font-size:16px;line-height:28px;margin-top:12px;background:url('../images/ico_dot1.gif') no-repeat left center;padding-left:16px}
h4.sst4{font-size:14px;line-height:24px;margin-top:0px;padding-left:16px;color:#777;font-weight:normal}
h4.sst4_red{font-size:13px;line-height:20px;margin-top:0px;padding-left:16px;color:#ff4400;font-weight:normal}

.tbl_progInfo{width:100%;margin-top:10px;border:0px solid #333;border-top:1px solid #d3d3d3}/*#e5e8ec*/
.tbl_progInfo th.prgTh{background:#f5f8f9;color:#333;font-size:22px;height:42px}
.tbl_progInfo th{background:#f5f8f9;color:#333;height:42px;border-bottom:1px solid #ced4db;border-right:1px solid #d3d3d3;}/*#e5e8ec*/
.tbl_progInfo th.last{border-right:none;}
.tbl_progInfo th:last-child{border-right:none;}
.tbl_progInfo td{border-bottom:1px solid #d3d3d3;height:38px;text-align:center;border-right:1px solid #d3d3d3;}
.tbl_progInfo td.last{border-right:none;}
.tbl_progInfo td:last-child{border-right:none;}
.tbl_progInfo td.cld{background:#6dbbff;color:#fff}
.tbl_progInfo td.rbd{border-right:1px solid #d3d3d3;}
.tbl_progInfo td.leff{text-align:left;padding-left:15px}
.tbl_progInfo td.leff input{width:16px;height:16px;margin-right:5px;}
.tbl_progInfo td ul{margin:7px 0 5px 0;}
.tbl_progInfo td ul li{height:32px}
.tbl_progInfo td.cfred{color:#ff4400;}
.tbl_progInfo td.vtop{vertical-align:top;padding-top:11px}

.tbl_take{width:100%;margin-top:22px;border:0px solid #333;border-top:1px solid #b4b8b9}/*#e5e8ec*/
.tbl_take th.prgTh{background:#f5fafc;color:#333;font-size:22px;height:42px}
.tbl_take th.prgTh2{font-size:18px;height:46px;text-align:left;padding-left:10px;vertical-align:middle}
.tbl_take th.prgTh3{background:#e1f2f8;color:#333;font-size:22px;height:48px}
.tbl_take th.prgTh2 h4{vertical-align:middle}
.tbl_take th.prgTh2 .rtbtn{float:right;}
.tbl_take th.prgTh2 span{text-align:right;margin-right:7px;}
.tbl_take th{background:#f5fafc;color:#333;height:44px;border-bottom:1px solid #b4b8b9;border-right:1px solid #b4b8b9;}
.tbl_take th.last{border-right:none;}
.tbl_take th:last-child{border-right:none;}
.tbl_take th.oth{background:#edf4f7}
.tbl_take td{border-bottom:1px solid #b4b8b9;height:42px;text-align:center;border-right:1px solid #b4b8b9;}
.tbl_take td.last{border-right:none;}
/*.tbl_take td:last-child{border-right:none;}*/
.tbl_take td.cld{background:#e0e0e0;color:#333}
.tbl_take td.cld2{background:#f6f5f5;color:#333}
.tbl_take td.cld3{background:#5b5b5b;color:#333}
.tbl_take td.rbd{border-right:1px solid #b4b8b9;}
.tbl_take td.leff{text-align:left;padding-left:15px}
/*.tbl_take td.leff input{width:16px;height:16px;margin-right:5px;}*/
.tbl_take td.boldf{font-weight:bold;color:#027bc0;}
.tbl_take td.bigf{font-weight:bold;color:#444;font-size:23px}/*027bc0*/

.tbl_take td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tbl_take td input.wdm{width:340px;border:1px solid #dfdfdf;height:26px}
.tbl_take td input.wds{width:100px;border:1px solid #dfdfdf;}
.tbl_take td img.iff_mov{width:64px;height:64px;margin:0 auto;}
.tbl_take td.movv{font-size:12px;vertical-align:top;padding-top:25px;color:#888}
.tbl_take td input.chkbx{margin-right:5px}

.tbl_takeChart{width:100%;margin-top:15px;border:0px solid #333;border-top:1px solid #b4b8b9}/*#e5e8ec*/
.tbl_takeChart th.prgTh{background:#e9f2f6;color:#333;font-size:22px;height:44px}
.tbl_takeChart th.prgTh2{font-size:18px;height:46px;text-align:left;padding-left:10px;vertical-align:middle}
.tbl_takeChart th.prgTh2 h4{vertical-align:middle}
.tbl_takeChart th.prgTh2 .rtbtn{float:right;}
.tbl_takeChart th.prgTh2 span{text-align:right;margin-right:7px;}
.tbl_takeChart th.remt{text-align:center;}
.tbl_takeChart th{background:#f5fafc;color:#333;height:44px;border-bottom:1px solid #b4b8b9;border-right:1px solid #b4b8b9;font-size:15px}
.tbl_takeChart th.last{border-right:none;}
.tbl_takeChart th:last-child{border-right:none;}
.tbl_takeChart th.oth{background:#edf4f7}
.tbl_takeChart td{border-bottom:1px solid #b4b8b9;height:42px;text-align:center;border-right:1px solid #b4b8b9;}
.tbl_takeChart td.last{border-right:none;}
.tbl_takeChart td:last-child{border-right:none;}
.tbl_takeChart td.cld{background:#ebebeb;color:#333}
.tbl_takeChart td.cld2{background:#f6f5f5;color:#333}
.tbl_takeChart td.rbd{border-right:1px solid #b4b8b9;}
.tbl_takeChart td.leff{text-align:left;padding-left:15px}
/*.tbl_takeChart td.leff input{width:16px;height:16px;margin-right:5px;}*/

.tbl_takeChart td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tbl_takeChart td input.wdm{width:340px;border:1px solid #dfdfdf;height:26px}
.tbl_takeChart td input.wds{width:100px;border:1px solid #dfdfdf;}
.tbl_takeChart td input.chkbx{margin-right:5px}

.tbl_takeChart3{width:100%;margin-top:15px;border:0px solid #333;border-top:1px solid #b4b8b9}/*#e5e8ec*/
.tbl_takeChart3 th.prgTh{background:#e9f2f6;color:#333;font-size:22px;height:44px}
.tbl_takeChart3 th.prgTh2{font-size:18px;height:46px;text-align:left;padding-left:10px;vertical-align:middle}
.tbl_takeChart3 th.prgTh2 h4{vertical-align:middle}
.tbl_takeChart3 th.prgTh2 .rtbtn{float:right;}
.tbl_takeChart3 th.prgTh2 span{text-align:right;margin-right:7px;}
.tbl_takeChart3 th.remt{text-align:center;}
.tbl_takeChart3 th{background:#f5fafc;color:#333;height:44px;border-bottom:1px solid #b4b8b9;border-right:1px solid #b4b8b9;font-size:15px}
/*.tbl_takeChart3 th.last{border-right:none;}*/
/*.tbl_takeChart3 th:last-child{border-right:none;}*/
.tbl_takeChart3 th.oth{background:#edf4f7}
.tbl_takeChart3 td{border-bottom:1px solid #b4b8b9;text-align:center;border-right:1px solid #b4b8b9;padding:13px 5px}
/*.tbl_takeChart3 td.last{border-right:none;}*/
/*.tbl_takeChart3 td:last-child{border-right:none;}*/
.tbl_takeChart3 td.cld{background:#ebebeb;color:#333}
.tbl_takeChart3 td.cld2{background:#f6f5f5;color:#333}
.tbl_takeChart3 td.rbd{border-right:1px solid #b4b8b9;}
.tbl_takeChart3 td.leff{text-align:left;padding-left:15px}
/*.tbl_takeChart3 td.leff input{width:16px;height:16px;margin-right:5px;}*/

.tbl_takeChart3 td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tbl_takeChart3 td input.wdm{width:340px;border:1px solid #dfdfdf;height:26px}
.tbl_takeChart3 td input.wds{width:100px;border:1px solid #dfdfdf;}
.tbl_takeChart3 td input.chkbx{margin-right:5px}

ul.fqtabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 35px;
		border-bottom: 1px solid #109df8;/*#999999*/
		/*border-left: 1px solid #999999;1694D9*/
		border-left: 1px solid #109df8;
		width: 100%;
	}
	ul.fqtabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 35px;
		line-height: 35px;
		border: 1px solid #109df8;/*#999999*/
		border-left: none;
		font-weight: bold;
		/*background: #EEEEEE;1694D9*/
		background: #f5f6fa;
		overflow: hidden;
		position: relative;
		/*font-family:"Helvetica","Arial",sans-serif;*/
		top:1px;
		margin-top:-1px;
	}
	ul.fqtabs li:hover {
		/*background: #CCCCCC;*/
		background: #e1e0e0;
		color:#008ae5;
	}	
	ul.fqtabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		color:#008ae5;
		top:1px;
	}
	.fqtab_container {
		border: 0px solid #999999;
		border-top: none; border-left:none; border-right:none;
		border-bottom: 0px solid #f4f4f4;
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
		padding:20px 0 14px 0;
	}
	.fqtab_content {
		padding: 20px;
		font-size: 1.2em;
		display: none;
	}

.fqtab_container h3{font-size:18px;padding:10px 0;}
.fqtab_container h4.ft1{font-size:16px;}
.g_con1{border:1px solid #ddd;padding:19px 7px 18px 7px;font-size:15px;font-weight:normal;background:url('../images/icd_guide1.png') no-repeat right -22px #f1f1f1;}
.g_con2{border:1px solid #ddd;padding:19px 7px 18px 7px;font-size:15px;font-weight:normal;background:url('../images/icd_guide6.png') no-repeat right -22px #f1f1f1;}
.g_con3{border:1px solid #ddd;padding:19px 7px 18px 7px;font-size:15px;font-weight:normal;background:url('../images/icd_guide4.png') no-repeat right -22px #f1f1f1;}
.g_con4{border:1px solid #ddd;padding:19px 7px 18px 7px;font-size:15px;font-weight:normal;background:url('../images/icd_guide2.png') no-repeat right -22px #f1f1f1;}
.fqtab_container h4.ft2{font-size:16px;color:#008ae5;padding:9px 0 8px 0;margin-top:14px;line-height:28px;background:url('../images/ico_dot1.gif') no-repeat left center;padding-left:16px}
.fqtab_container ul li{font-size:14px;margin-top:1px}/*margin-top:6px*/
.fqtab_container .ft3{color:#ff4400;}

	/*tabs1*/
.tabs1{position:relative}
.tabs1 ul .tabitems span{display:none;float:left}
.tabs1 ul .tabitems{float:left;cursor:pointer}
.tabs1 ul .tabitems a{color:#000}
.tabs1 ul .tabitems div.tabs1_title{font-size:14px;padding:10px;text-align:center;border:1px solid #e8e8e8;border-left:none}
.tabs1 ul .tabitems:first-child div{border-left: 1px solid #e8e8e8}

.tabs1 ul .tabitems.tabs1_on div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#fff;border-color:#3276b1;border-bottom:none;border-top-width:2px;border-left:1px solid #3276b1}
.tabs1 ul .tabitems.nor div{text-overflow:ellipsis;overflow:hidden;height:13px;white-space:nowrap;background:#f7f7f7;border-bottom-color: #3276b1}
.tabs1 ul .tabitems.tabs1_on a{font-weight:700;color:#3276b1}
.tabs1 ul .tabitems.nor a{color:#000}
.tabs1_field{padding:20px 0;line-height:140%}
.tabs1_img{padding:20px 0}

ol.lst_style{list-style:square;}
ul.lst_type li{list-style:square;}
ul.lst_type4 li{list-style:square;margin-left: 15px;}
ul.lst_style2{list-style:disc;}
ul.lst_style3{padding-left:15px}
ul.lst_style3 li.nums{list-style-type:decimal !important;}
.sft1{font-size:12px;color:#ff5f5f;}

.spacee{margin-top:21px;}
.spacee2{margin-top:37px;}

/*btn color*/
.btn-learn{padding:10px 15px 9px 15px;background:#16b6c6;color:#fff;font-size:14px;cursor:pointer}
.btn-search{padding:10px 15px 9px 15px;background:#444;color:#fff;font-size:14px;cursor:pointer}
.btn-cancel{padding:10px 15px 9px 15px;background:#ff5500;color:#fff;font-size:14px;cursor:pointer}
.btn-mdfy{padding:10px 15px 9px 15px;background:#027bc0;color:#fff;font-size:14px;cursor:pointer}
.btn-blk{padding:9px 15px 8px 15px;background:#666;color:#fff;font-size:14px;cursor:pointer}
.btn-grey{padding:9px 17px 8px 17px;background:#e7e7e7;color:#333;font-size:14px;border:1px solid #c8c8c8;border-radius:3px;cursor:pointer}
.btn-edit{padding:9px 17px 8px 17px;background:#fafafa;color:#ff4400;font-size:14px;border:1px solid #c8c8c8;border-radius:3px;cursor:pointer}
.btn-whtt{padding:9px 17px 8px 17px;background:#fafafa;color:#3795e7;font-size:14px;border:1px solid #c2c2c2;border-radius:3px;cursor:pointer}
.btn-blk2{padding:9px 17px 8px 17px;background:#666;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}

.btn-blue1{background:#0061a7;color:#fff;padding:9px 17px 8px 17px;font-size:14px;border-radius:5px;cursor:pointer }
.btn-grey1{background:#e7e7e7;color:#444;padding:9px 17px 8px 17px;font-size:14px;border-radius:5px;border:1px solid #ccc;cursor:pointer }
.btn-home1{padding:9px 17px 8px 17px;background:#888;color:#fff;font-size:14px;border-radius:5px;cursor:pointer}
.btn-green1{background:#77b55a;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:1px solid #4b8f29 ;cursor:pointer}
.btn-zaju1{background:#e4685d;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:1px solid #e4685d;cursor:pointer }/*b23d35*/
.btn-blk1{padding:8px 17px 7px 17px;background:#888;color:#fff;font-size:14px;border-radius:5px;cursor:pointer}
.btn-kunc1{background:#599bb3;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:1px solid #29668f;cursor:pointer }
.btn-sky1{background:#33bdef;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:1px solid #057fd0 ;cursor:pointer}
.btn-ok{background:url('../images/icc_ok.png') no-repeat 5px center #33bdef;color:#fff;padding:9px 26px 8px 26px;font-size:14px;border-radius:5px;border:1px solid #057fd0 ;width:82px;cursor:pointer}
.btn-no{background:url('../images/icc_no.png') no-repeat 5px center #f78f8f;color:#fff;padding:9px 20px 8px 20px;font-size:14px;border-radius:5px;border:1px solid #c84848;width:82px;cursor:pointer }

.btn-sky2{background:#01b8e4;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:0px solid #057fd0 ;cursor:pointer}
.btn-sky2s{background:#01b8e4;color:#fff;padding:5px 12px 4px 12px;font-size:14px;border-radius:5px;border:0px solid #057fd0;font-size:12px;cursor:pointer }
.btn-joo2{background:#f1592a;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:0px solid #057fd0 ;cursor:pointer}
.btn-cblue2{background:#5d90dc;color:#fff;padding:8px 17px 7px 17px;font-size:14px;border-radius:5px;border:1px solid #5d90dc;cursor:pointer }

/*small second btn*/
.bts-blue1{background:#0061a7;color:#fff;padding:9px 11px 8px 11px;font-size:12px;border-radius:5px;cursor:pointer }
.bts-grey1{background:#e7e7e7;color:#444;padding:9px 11px 8px 11px;font-size:12px;border-radius:5px;border:1px solid #ccc;cursor:pointer }
.bts-gray1{background:#f9f9f9;color:#444;padding:9px 11px 8px 11px;font-size:12px;border-radius:5px;border:1px solid #ccc ;cursor:pointer}
.bts-home1{padding:9px 11px 8px 11px;background:#888;color:#fff;font-size:12px;border-radius:5px;cursor:pointer}
.bts-green1{background:#77b55a;color:#fff;padding:8px 11px 7px 11px;font-size:12px;border-radius:5px;border:1px solid #4b8f29 ;cursor:pointer}
.bts-zaju1{background:#e4685d;color:#fff;padding:8px 11px 7px 11px;font-size:12px;border-radius:5px;border:1px solid #e4685d;cursor:pointer }/*b23d35*/
.bts-blk1{padding:8px 11px 7px 11px;background:#888;color:#fff;font-size:12px;border-radius:5px;border:1px solid #777;cursor:pointer }
/*.bts-blk1{padding:8px 14px 7px 14px;background:#888;color:#fff;font-size:12px;border-radius:5px;cursor:pointer}*/
.bts-kunc1{background:#599bb3;color:#fff;padding:8px 11px 7px 11px;font-size:12px;border-radius:5px;border:1px solid #29668f;cursor:pointer }
.bts-sky1{background:#33bdef;color:#fff;padding:8px 11px 7px 11px;font-size:12px;border-radius:5px;border:1px solid #057fd0;cursor:pointer }
.bts-orange1{background:#ff7c54;color:#fff;padding:8px 11px 7px 11px;font-size:12px;border-radius:5px;border:1px solid #ed6f49;cursor:pointer }

.btn_spacing span{margin:1px 7px 1px 7px;}
.btn_spacing2{padding:14px 0 14px 0;margin:0 auto;text-align:center}
.btn_spacing2 span{margin:1px 7px 1px 7px;}


.learner_ntc{padding:10px;color:#444;font-size:15px;}
.learnPic{background:url('../images/if_cew.png') no-repeat right top;width:64px;height:64px}
/*.learner_ntc div.learnPic{background:url('../images/if_cew.png') no-repeat right top;width:64px;height:64px}*/
.learner_ntc dd{margin:6px 5px 6px 5px;}
.learner_ntc ul li{margin:8px 5px 8px 5px;}
.learner_ntc p.ph1{font-size:17px;color:#111;}
.learner_ntc p{margin:11px 8px 11px 8px;color:#222;}
.learner_ntc p.cent{text-align:center;font-weight:bold;margin-top:21px}
.learner_ntc p.etcc{margin:7px;color:#d45851;font-size:13px}
.learner_brd{border:1px solid #d6d6d6;padding:17px 5px 14px 5px;background:#f7f7f7}

.tbl_btom{font-size:13px;color:#ff4400;margin:11px 0 0 5px}
.tbl_btom ul li{height:21px}

.standard_txt{border:1px solid #dedede;padding:8px;}
.standard_txt p{margin:7px 0 7px 0}
.standard_txt dd{margin:5px 0 5px 11px;font-size:14px;}
.standard_txt .fnts{font-size:14px ;color:#336699;padding-left:13px;}
.standard_txt .fntred{color:#ff4400;font-size:14px}
.standard_txt .fntred dd{font-size:13px;padding-left:5px}

.tbl_none{font-size:14px;margin:5px}
.tbl_none td{border:none;text-align:left;padding-left:9px}
.tbl_none td img{vertical-align:top;}
.tbl_none td.vtop{vertical-align:top;}
.tbl_none td.tdfb{font-weight:bold;}
.tbl_none td.tdfb span{margin-left:20px}

.daybox{border:7px solid #ededed;padding:16px 10px 16px 16px;width:100%;margin-top: 15px;}
.daybox span{margin-right:18px;font-size:16px}
.daybox input.rdo_chk{width:50%;height:30px;border:1px solid #c0c0c0}
.daybox input.cal_chk{width:150px;height:30px;border:1px solid #c0c0c0}

.learnfaq{border-bottom:1px solid #ddd;margin:1em 0;font-size:15px;}
.learnfaq .faqHeader{position:relative;zoom:1}
.learnfaq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
.learnfaq .faqBody{margin:0;padding:0}
.learnfaq .faqBody .article{list-style:none}
.learnfaq .q{margin:0;border-top:1px solid #ddd}
.learnfaq .q a{display:block;padding:.8em 1em;text-align:left;font-weight:bold;background:#fafafa;color:#000;text-decoration:none !important;border-bottom:1px dashed #eee}
.learnfaq .q a:hover, .faq .q a:active, .faq .q a:focus{background:#f8f8f8}
.learnfaq .a{margin:0;padding:1em;line-height:1.5}

.learn_box .boxPic1{background:url('../images/if_edit.png') no-repeat right top;z-index:1;top:159px;right:6px;width:64px;height:64px;position:absolute;}
.learn_box .boxPic2{background:url('../images/if_phone.png') no-repeat right top;z-index:1;top:128px;right:32px;width:64px;height:64px;position:absolute;}
.learn_box .boxPic3{background:url('../images/if_bookd.png') no-repeat right top;z-index:1;top:142px;right:32px;width:64px;height:64px;position:absolute;}

.helpdesk{margin-top:30px}
.helpdesk ul li{height:36px;font-size:30px;}

.ppTbl{width:90%;margin:0 auto;}

.tbl_short{width:100%;margin-top:15px;border:0px solid #333;border-top:1px solid #c8bbb2;background:#fff;}/*#e5e8ec*/
.tbl_short th.prgTh2{font-size:18px;height:46px;text-align:left;padding-left:10px;vertical-align:middle}
.tbl_short th.prgTh2 .rtbtn{float:right;}
.tbl_short th.prgTh2 span{text-align:right;margin-right:7px;}
.tbl_short th.remt{text-align:center;}
.tbl_short th{background:#f3e9e1;color:#333;height:42px;border-bottom:1px solid #c8bbb2;border-right:1px solid #c8bbb2;}/*#f5fafc*/
.tbl_short th.last{border-right:none;}
.tbl_short th:last-child{border-right:none;}
.tbl_short th.oth{background:#eddacb}
.tbl_short td{border-bottom:1px solid #c8bbb2;height:39px;text-align:center;border-right:1px solid #c8bbb2;color:#444;font-size:14px;padding:6px}
.tbl_short td.last{border-right:none;}
.tbl_short td:last-child{border-right:none;}
.tbl_short td.cld{background:#e0e0e0;color:#333}
.tbl_short td.cld2{background:#f6f5f5;color:#333}
.tbl_short td.rbd{border-right:1px solid #c8bbb2;}
.tbl_short td.leff{text-align:left;padding-left:15px}
/*.tbl_short td.leff input{width:16px;height:16px;margin-right:5px;}*/
.tbl_short td.boldf{font-weight:bold;color:#027bc0;}
.tbl_short td.bigf{font-weight:bold;color:#444;font-size:23px}/*027bc0*/
.tbl_short td.smaf{font-weight:normal;color:#444;font-size:15px}
.tbl_short td.cent{text-align:center;}
.tbl_short td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tbl_short td input.wdm{width:340px;border:1px solid #dfdfdf;height:26px}
.tbl_short td input.wds{width:100px;border:1px solid #dfdfdf;}
.tbl_short td img.iff_mov{width:64px;height:64px}

#simplemodal-overlay {background-color:#000;}
#modal_content{display:none;margin:50 auto;width:1000px;height:860px;background:#ffffff;color:#333;overflow-y:auto;/*font-family: 'Nanum Barun Gothic', sans-serif;*/position:relative;}/*#f4f4f4*/
#m_close{float:right;margin-right:12px;margin-top:12px;cursor:pointer;}

#mcptitle{font-size:21px;background:#027bc0;width:100%;padding:14px 0 13px 10px;color:#fff;}
#mcphisto{font-size:12px;color:#333;border-bottom:1px dashed #ccc;padding:17px 11px 8px 12px}
#ppTabb{font-size:16px;color:#222;padding:10px 1px 0 0;float:left}
#ppTabb ul li{float:left}
#ppstitle{font-size:20px;font-weight:bold;color:#444;padding-left:20px}

.ppsjm{padding-left:23px;color:#333;margin-bottom:6px}
.pphak{width:90%;margin:10px;border:8px solid #ddd;margin:0 auto;padding:13px 9px 13px 13px;background:#fff}
.pphak img.stdd{width:99%;}
.pphak ul{margin-bottom:10px}
.pphak h3{font-size:16px;font-weight:bold;padding:5px 5px 5px 1px;}
.pphak ul li{font-size:15px;height:23px;padding-left:13px}
.pphak h4{font-size:15px;font-weight:bold;padding:5px 5px 5px 12px;color:#666;border-bottom:1px dashed #dedede}/*#027bc0*/

/*#container {
			width:960px;
			margin:0 auto;
			text-align:center;
		}*/
		.ottab {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		/* Float the list items side by side */
		.ottab li {
			float: left;
		}
		/* Style the links inside the list items */
		.ottab li a {
			display: inline-block;
			color: #000;
			text-align: center;
			text-decoration: none;
			padding: 12px 14px;
			font-size: 17px;
			transition:0.3s;
			border-right:1px solid #bdbdbd;
			border-top:1px solid #bdbdbd;
/*			border-bottom:1px solid #ddd;*/
/*			background-color:rgb(245,245,245);*/
		}
		/* Style the tab content */
		.ottabcontent {
			display: none;
			background-color:rgb(235,235,235);
/*			background-color:rgb(0,154,200);*/
			padding: 6px 12px;
			color:#333;
		}
		ul.ottab li.current{
		
/*			border-bottom:1px solid #fff !important;*/
	background-color:rgb(235,235,235);
			color: #00479d;
			font-weight: bold;
		}
		.ottabcontent.current {
			display: block;
		}

		.if_clock{float:right;font-size:30px;color:#154cbc;position:relative;top:-52px;background:url('../images/if_clock.png') no-repeat left center #e7f3ff;margin-right:20px;padding:8px 6px 7px 26px;border:1px solid #a2cdf2;}

		.popDeview{margin:8px 12px 8px 12px}
		.popDeview div.stdd{border:1px solid #dedede;padding:8px;}
		.popDeview div.stdd img{width:99%}

.tbl_learner{width:100%;margin-top:19px;border:0px solid #333;border-top:1px solid #a2cdf2}/*#e5e8ec*/
.tbl_learner th.prgTh{background:#f5fafc;color:#333;font-size:22px;height:42px}
.tbl_learner th.prgTh2{font-size:18px;height:48px;text-align:left;padding:10px 7px 9px 12px;vertical-align:middle;}
.tbl_learner th.prgTh2 h4{vertical-align:middle}
.tbl_learner th.prgTh2 .rtbtn{float:right;}
.tbl_learner th.prgTh2 span{text-align:right;margin-right:7px;}
.tbl_learner th{background:#e7f3ff;color:#333;height:44px;border-bottom:1px solid #a2cdf2;border-right:1px solid #a2cdf2;border-top:1px solid #7ca0bf}
.tbl_learner th.last{border-right:none;}
.tbl_learner th:last-child{border-right:none;}
.tbl_learner th.oth{background:#edf4f7}
.tbl_learner td{border-bottom:1px solid #a2cdf2;height:44px;text-align:center;border-right:1px solid #a2cdf2;}
.tbl_learner td.last{border-right:none;}
/*.tbl_learner td:last-child{border-right:none;}*/
.tbl_learner td.cld{background:#e0e0e0;color:#333}
.tbl_learner td.cld2{background:#f6f5f5;color:#333}
.tbl_learner td.rbd{border-right:1px solid #a2cdf2;}
.tbl_learner td.leff{text-align:left;padding-left:15px}
/*.tbl_learner td.leff input{width:16px;height:16px;margin-right:5px;}*/
.tbl_learner td.boldf{font-weight:bold;color:#027bc0;}
.tbl_learner td.bigf{font-weight:bold;color:#444;font-size:23px}/*027bc0*/

.tbl_learner td input.wdl{width:650px;border:1px solid #dfdfdf;}
.tbl_learner td input.wdm{width:340px;border:1px solid #dfdfdf;height:26px}
.tbl_learner td input.wds{width:100px;border:1px solid #dfdfdf;}
.tbl_learner td img.iff_mov{width:64px;height:64px;margin:0 auto;}
.tbl_learner td.movv{font-size:12px;vertical-align:top;padding-top:25px;color:#888}

.tbl_ppsent{width:100%;padding-top:11px;border:0px solid #333;border:1px solid #a2cdf2;font-size:12px;}/*#e5e8ec*/
.tbl_ppsent th.prgTh{background:#f5fafc;color:#333;font-size:22px;height:42px}

.tbl_ppsent th{background:#e7f3ff;color:#333;height:26px;border-bottom:1px solid #a2cdf2;border-right:1px solid #a2cdf2;border-top:1px solid #7ca0bf}
.tbl_ppsent th.last{border-right:none;}
.tbl_ppsent th.oth{background:#ddebf8;}
.tbl_ppsent td{border-bottom:1px solid #a2cdf2;height:24px;text-align:center;border-right:1px solid #a2cdf2;}
.tbl_ppsent td.last{border-right:none;}
/*.tbl_ppsent td:last-child{border-right:none;}*/
.tbl_ppsent td.cld{background:#e0e0e0;color:#333}
.tbl_ppsent td.cld2{background:#f6f5f5;color:#333}
.tbl_ppsent td.rbd{border-right:1px solid #a2cdf2;}
.tbl_ppsent td.leff{text-align:left;padding-left:15px}

.oriProcess{margin-top:12px;float:left;clear:both;width:97%;height:56px;}

	
#modal_content #fixed-menu {
        width: 1000px;
        background-color: #ffffff;
		position: fixed;
		  top: 0px;
		 /* left: 0px;*/
		  margin:0 auto;
		 
      }
  #modal_content #main-content {
        width: 100%;
		margin-top: 170px;
      }
  
      img {
        max-width: 100%;
      }
#modal_books{display:none;margin:50 auto;width:600px;height:300px;background:#ffffff;color:#333;overflow-y:auto;/*font-family: 'Nanum Barun Gothic', sans-serif;*/position:relative;}/*#f4f4f4*/
#modal_books #books-menu {
        width: 600px;
		
        background-color: #ffffff;
		position: fixed;
		  top: 0px;
		 /* left: 0px;*/
		  margin:0 auto;
		 
      }
  #modal_books #books-content {
        width: 100%;
		margin-top: 170px;
      }
.books_box{margin:14px}  
h3.bbh3{font-size:17px;font-weight:bold;color:#045a8b;padding:15px 0px 5px 0px}
h4.bbh4{font-size:15px;color:#777;padding:9px 0 9px 0;}
h4.bbh4 .sf4{font-size:15px;color:#ff6600;}
.bookBox_in{border:1px solid #d4d4d4;padding:11px 4px 11px 7px;background:#f7f7f7}
.bookBox_in dd{font-size:15px;line-height:26px;padding-left:5px}
.bookBox_in dd.sf3{font-size:13px;color:#79b6d9;padding-left: 81px;}
.bookBox_nm{border:1px dashed #d4d4d4;padding:8px;margin-top:4px}

.le_callCenter{
	background: url('../images/callCenter.jpg') no-repeat 0px center;
    width: 196px;
    height: 146px;
    position: relative;
    overflow: hidden;
    top: 38px;
    left: 12px;}
.le_callCenter .clltxt{
	font-size: 24px;
	letter-spacing: 18px;
    margin-left: 16px;margin-top:74px;text-align:center;color:#fff;
}
.le_callCenter .cllnum{
	font-size: 26px;
    letter-spacing: 2.4px;color: #f9f9f9;
    text-align: center;
}

.le_remoteCenter{
	background: url('../images/remoteCenter.jpg') no-repeat 0px center;
    width: 196px;
    height: 146px;
    position: relative;
    overflow: hidden;
    top: 38px;
    left: 12px;}
.le_remoteCenter .remttxt{
	font-size: 24px;
	letter-spacing: 18px;
    margin-left: 16px;margin-top:74px;text-align:center;color:#fff;
}
.le_remoteCenter .remtnum{
	font-size: 24px;
    letter-spacing: 18px;color: #f9f9f9;
    text-align: center;
	margin-left: 16px;
}

#demo-container{padding:15px 15px 0 2px;background:#7c8fb6;}/*배경 67A897*/

ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;/*font-family:"Trebuchet MS",Arial,sans-serif;*/font-size:11.4px;font-weight:bold;margin:0;padding:0px 0 0 0; letter-spacing:-1.9px}
ul#simple-menu li{display:block;float:left;margin:0 0 0 2px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#485671;line-height:27px;text-decoration:none;padding:0 13px 0 14px;height:27px;}/*탭색 4A6867*/
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

.orient_box{border:3px solid #e8e8e8;padding:31px 15px 31px 15px;font-size:14px;background:url('../images/iff_doumi.png') no-repeat 890px center #f6f6f6;margin-top: 13px;}
.orient_box span.cff{font-weight:bold;color:#3273db;}

.btn_spacing span.btn-blist{padding:8px 17px 7px 27px;background:url('../images/lists.png') no-repeat 4px center #027bc0;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing span.btn-bprev{padding:8px 17px 7px 27px;background:url('../images/prev.png') no-repeat 4px center #3b5892;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing span.btn-bnext{padding:8px 17px 7px 27px;background:url('../images/next.png') no-repeat 4px center #fa5a5a;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}/*#3b5892*/
.btn_spacing span.btn-btest{padding:8px 17px 7px 27px;background:url('../images/pencil.png') no-repeat 4px center #3b5892;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing2 span.btn-btest{padding:8px 17px 7px 27px;background:url('../images/pencil.png') no-repeat 4px center #3b5892;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}

.btn_spacing span.btn-csave{padding:8px 17px 7px 27px;background:url('../images/wt-save.png') no-repeat 4px center #027bc0;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing span.btn-ccheck{padding:8px 17px 7px 27px;background:url('../images/wt-check.png') no-repeat 4px center #027bc0;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing span.btn-cprint{padding:8px 17px 7px 27px;background:url('../images/wt-printer.png') no-repeat 4px center #3b5892;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}
.btn_spacing span.btn-cattach{padding:8px 17px 7px 27px;background:url('../images/wt-attach.png') no-repeat 4px center #3b5892;color:#fff;font-size:14px;border-radius:3px;cursor:pointer}

.tbl_weeks{width:100%;margin-top:15px;border:0px solid #333;border-top:1px solid #a2cdf2}/*#e5e8ec*/
.tbl_weeks th.prgTh{background:#f5fafc;color:#333;font-size:22px;height:42px}
.tbl_weeks th.prgTh2{font-size:18px;height:48px;text-align:left;padding:10px 7px 9px 12px;vertical-align:middle;}
.tbl_weeks th.prgTh2 h4{vertical-align:middle}

.tbl_weeks th{background:#f7f7f7;color:#333;height:44px;border-bottom:1px solid #a2cdf2;border-right:1px solid #a2cdf2;border-top:0px solid #7ca0bf;font-size:14px}
/*.tbl_weeks th.last{border-right:none;}
.tbl_weeks th:last-child{border-right:none;}*/
.tbl_weeks th.lebrd{border-left:1px solid #a2cdf2;}
.tbl_weeks th.oth{background:#edf4f7}
.tbl_weeks td{border:1px solid #a2cdf2;height:44px;text-align:center;/*border-right:1px solid #a2cdf2;border-left: 1px solid #a2cdf2;*/font-size:13px;padding:14px;vertical-align:middle}
/*.tbl_weeks td.last{border-right:none;}
.tbl_weeks td:last-child{border-right:none;}*/
.tbl_weeks td.cld{background:#eaf5ff;color:#333;font-weight:bold;}
.tbl_weeks td.cld2{background:#f6f5f5;color:#333}
.tbl_weeks td.cld3{background:#f6feff;color:#333;font-weight:bold;text-align:left;font-size:14px}
.tbl_weeks td.rbd{border-right:1px solid #a2cdf2;}
.tbl_weeks td.leff2{text-align:left;padding-left:14px}
.tbl_weeks td.leff{text-align:left;padding-left:39px}
.tbl_weeks td.nobrd{border-right:1px solid #fff;}
.tbl_weeks td.rtArr{background:url('../images/icc_arr2.png') no-repeat right center}
.tbl_weeks td.cmmt{background:url('../images/icc_cmmt.png') no-repeat 12px center}
/*.tbl_weeks td.leff input{width:16px;height:16px;margin-right:5px;}*/
.tbl_weeks td.boldf{font-weight:bold;color:#027bc0;}
.tbl_weeks td.bigf{font-weight:bold;color:#444;font-size:23px}/*027bc0*/
.tbl_weeks td ul li{padding:3px 0 3px 0}
.tbl_weeks td ul li.lepd{padding:3px 0 3px 10px}
.tbl_weeks td ul li b{color:#027bc0;}
.tbl_weeks td span.smf{font-weight:normal;color:#888;font-size:12px;padding-left:8px;}
.tbl_weeks ul li span.smf1{font-weight:bold;color:#ff2a00;font-size:12px;}
.tbl_weeks ul li span.smf2{font-weight:normal;color:#ff4400;font-size:12px;padding-left:8px;display:block}
.tbl_weeks td.btnsp{padding:6px;}
.tbl_weeks td.short{padding:4px 4px 4px 11px;}
.tbl_weeks td h4{padding:3px 0 5px 0;}
textarea.inp_area{width:100%;padding:5px;border:1px solid #c7c7c7}

.orientBox2{border: 1px solid #a2cdf2;padding:12px;font-size:14px;margin-top:9px;color:#222}
.orientBox2 dt{font-weight:bold;font-size:15px;color:#396ed5;padding:11px 0 5px 0;}
.orientBox2 dd{color:#222}
.orientBox2 dd.lstt{padding:4px 0 6px 6px;background:url('../images/dott1.png') no-repeat left 8px}
.orientBox2 ul li{padding:3px 0 3px 0;z-index:10}
.orientBox2 ul li.redd{font-weight:normal;color:#b22000;}
.orientBox2 ul li span.redd2{font-weight:normal;color:#ff4400;}
.orientBox2 ul li span.smf2{font-weight:normal;color:#ff4400;font-size:12px;padding-left:8px;display:block}/*color:#888*/
.orientBox2 h4{padding:5px;font-size:16px}
.orientBox2 h5{padding:4px;font-size:15px;color:#444}
.orientBox2 .rnotice{background:url('../images/iff_notice.png') no-repeat right top;z-index:1;/*top:200px;*/right:35px;width:64px;height:64px;position:absolute;}


.weeksBox{border:2px solid #b7d2ff;padding:14px 14px 14px 17px;text-align:left;font-size:15px;color:#3273db;background:url('../images/ptn_abq.png') repeat;}
.orientBox3{border:4px solid #f2d2b0;padding:26px 16px 26px 16px;font-size:14px;margin-top:9px;color:#222;background:url('../images/ptn_axi.png') repeat #fff6ed;text-align:center}
.orientBox3 p.boxc{background:url('../images/iff_balloon2.png') no-repeat center center;width:64px;height:64px;margin:0 auto;text-align:center;margin-bottom:14px}

.testBox1{border:4px solid #95cbff;padding:10px 9px 10px 9px;font-size:14px;margin-top:30px;color:#222;background:url('../images/ptn_abq.png') repeat #f3faff;text-align:center;position:relative;overflow:hidden;}
.testBox1 p.quest{background:url('../images/icc_q.png') no-repeat left center;width:64px;height:64px;margin:0 auto;float:left;    margin-left: 13px;}
.testBox1 span.qst2{float:right;vertical-align: middle;width: 91%;text-align: left;
    padding: 19px;}

.testBox2{border:4px solid #95cbff;padding:10px 9px 10px 9px;font-size:14px;margin-top:3px;color:#222;background:url('../images/ptn_abq.png') repeat #f3faff;text-align:center;position:relative;overflow:hidden;}
.testBox2 h4{text-align:left;}
.testBox2 div.score{padding:5px 0 5px 0;}

.tbl_weeks2{width:100%;margin:0;padding:0}
.tbl_weeks2 td{font-size:13px;text-align:left;margin:0;padding:0}
.tbl_weeks2 td.tops{height:55px}
.tbl_weeks2 td.bon{height:74px;border:1px solid #ddd;padding:0px 12px 0px 12px;width:780px;background:#f6f6f6}
.tbl_weeks2 td.arrow{height:16px}

h4.stt4{font-size:15px;line-height:24px;margin-top:14px;padding-left:5px;color:#396ed5;font-weight:bold;list-style:decimal;}
ul.lst_style5 li{/*list-style:disc;*/font-size:13px;padding-left:19px;color:#444;margin:4px 0 4px 0;background:url('../images/dott1.png') no-repeat 10px center}
ul.lst_style6 li{/*list-style:disc;*/font-size:13px;padding-left:19px;color:#444;margin:4px 0 4px 0;}
ul.lst_style7 li{list-style:decimal;font-size:13px;padding-left:19px;color:#444;margin:4px 0 4px 0;}
ol.lst_style8{padding-left:110px;margin-left:14px}
ol.lst_style8 li{/*list-style:decimal;*/font-size:13px;text-align:left;;margin:4px 0 4px 0;list-style-type: decimal}
ol.lst_style9{padding-left:20px}
ol.lst_style9 li{font-size:13px;text-align:left;;margin:4px 0 4px 0;/*list-style-type: decimal*/}

.smallft{font-size:12px;color:#ff3300;padding:5px }

.tbl_testscore{width:100%;margin-top:10px;border-top:1px solid #a2cdf2}
.tbl_testscore td{padding:8px 0px 9px 0px ;border:1px solid #95cbff;font-size:13px;background:#fff;text-align:left;padding-left:9px }

.tbl_testscore td span.bluf{color:#206ab1;font-weight:bold}
.tbl_testscore td span.redf{color:#ff4400;font-weight:bold}
.tbl_testscore td.cldd1{background:#fff;}
.tbl_testscore td.cldd2{}

.tbl_question{margin-top:15px;border-bottom:1px solid #d7d7d7;width:760px;}
.tbl_question td{padding: 5px 0 5px 10px;}
.tbl_question td.boldf{font-weight:bold;color:#072a4c}
.tbl_question td.cld{background:#f7f7f7;}
.tbl_question td.rtext{text-align:right;padding-right:12px;color:#0295a6;}
.tbl_question td.last{padding-bottom:12px}
.tbl_question td ul li{}
.tbl_question td input.inp_answer{width:500px;border:1px solid #c7c7c7;height:24px;margin-left:28px}

.tbl_tester{width:100%;margin-top:1px;}
.tbl_tester td{clear:both;padding:5px 0px 4px 0px !important;border-right:0px solid #95cbff;font-size:12px;height:31px;text-align:center}
.tbl_tester td.leff{text-align:left;padding-left:10px !important}
.tbl_tester td.nobrd1{border-left:none;}
.tbl_tester td.nobrd2{border-right:none;}

.graphiBox{border:1px solid #0871cd ;padding:5px;position:relative;overflow:hidden}/*#a234a2 bora*/

.qustBox{border:4px solid #d2d2d2;padding:10px 9px 10px 9px;font-size:14px;margin-top:30px;color:#222;background:url('../images/ptn_abq.png') repeat #fcfcfc;text-align:center;position:relative;overflow:hidden;}
.qustBox p.quest{background:url('../images/icc_q.png') no-repeat left center;width:64px;height:64px;margin:0 auto;float:left;    margin-left: 13px;}
.qustBox span.qst2{float:right;vertical-align: middle;width: 91%;text-align: left;
    padding: 19px;}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;  
  border-top: 8px solid #d2d2d2;
  position:relative;
  top:206px;left:15px;
  z-index:10;
  
 }
.reportBox{padding:15px 11px 15px 11px;border:1px solid #ccc;font-size:14px;margin-top:11px;line-height: 22px;background:url('../images/ptn_aba.png') repeat}
 .inp_area2{width:100%;border:1px solid #ddd;margin-top:7px;background:#fdfdfd;padding:2px}

 .privt{padding:13px 11px 11px 11px;font-size:12px;color:#444;line-height:21px;}
 .privt span.privfnt{color:#666;}
.privt ul.lst-prv{padding-left:21px}
.privt ul li{padding:2px 4px 2px 1px;list-style-type:square;}

.cmtSrh{position:relative;overflow:hidden;border:1px solid #999;padding:19px 17px 19px 17px;background:url('../images/iff_search1.png') no-repeat 22px center #f9f9f9;margin-top:12px}
.cmtSrh .cel1{float:left;padding-left:80px;width:375px;line-height:33px;}
.cmtSrh .cel2{padding-left:2px;vertical-align:middle;line-height:33px;margin-top: 2px;}
.cmtGroup{padding:13px;border:3px solid #46c4d2;margin-top:10px;position:relative;overflow:hidden;background:url('../images/ptn_gplay.png') repeat}/*dcf2ff ptn_aba dem*/
.cmtGroup ul{padding-left:14px}
.cmtGroup ul li{float:left;width:318px;list-style-type:disc;padding:4px 4px 4px 1px;font-size:14px;cursor:pointer;}
.cmtGroup ul li span.bbf{color:#ff4400;font-weight:bold;padding-left:2px}
/*.cmtGroup ul li a:hover{color:#ff4400;}*/
.cmtGroup ul li a:hover, a:focus, a:active{color:#ff4400; text-decoration:underline}
/*.cmtGroup ul li a:link{color:#ff4400;}*/

.cmtList{border:1px solid #109df8;padding:13px;border-radius:5px;margin-top:10px;background:url('../images/ptn_nist2.png') repeat #fff}
.cmtList h2.fh2{font-size:14px;background:url('../images/ic_arr1.jpg') no-repeat left center;padding-left:15px}
.tbl_commt{width:100%;border-top:1px solid #ddd;margin-top:5px}
.tbl_commt td{padding:6px 3px 3px 8px;background:url('../images/ic_dot1.jpg') no-repeat left center}
.tbl_commt td.nod{}
.tbl_commt td.cld{border-top:1px dashed #f1f1f1}

input.inp_search{width:200px;border:1px solid #ccc;height:24px}
select.inp_sels{border:1px solid #ccc;height:24px}

.cmtRecm{border:2px solid #42a2f8;padding:20px 10px 20px 10px;position:relative;overflow:hidden;background:url('../images/ptn_star-2.png') repeat #faffff;margin-top:11px;
/*opacity: 0.3!important; filter:alpha(opacity=30);*/}
.cmtRecm h2.fh2{font-size:14px;background:url('../images/ic_arr1.jpg') no-repeat left center;padding-left:15px}
.recImg{float:left;background:url('../images/iff_balloon2.png') no-repeat 13px center;width:94px;height:74px}

.tbl_newcmt{width:100%;border-top:2px solid #ff9d7e;margin-top:12px;border-bottom:2px solid #ed9689}
.tbl_newcmt th{text-align:left;padding:6px 3px 6px 7px;background:#fff4f0;border:1px solid #e3a896;border-left:none}/*#ffd0c2*/
.tbl_newcmt td{padding:6px 3px 6px 7px;text-align:left;border:1px solid #e3a896;border-right:none}
.tbl_newcmt td{}
/*.tbl_newcmt tbody tr:nth-child(even)  { background-color: #ffd4e9; }*/
/*.tbl_newcmt tbody tr:nth-child(odd)   { background-color: #d4e9ff; }*/
.tbl_newcmt tbody tr:nth-child(even)  { background-color: #fcfcfc; }
.tbl_newcmt tbody tr:nth-child(odd)   { background-color: #f9f6f6;border-bottom:1px dashed #999 }

h4.qzh4{font-size:15px;font-weight:bold;padding:12px 5px 5px 38px;background:url('../images/icc_q.png') no-repeat left center;background-size:24px 22px}
	ul.qzlst{padding:4px 4px 20px 37px;border-bottom:1px dashed #ddd}
	ul.qzlst li{height:24px;}
	ul.qzlst li input.inp_rdo{margin-right:10px;width:16px;height:16px}
	p.qzcert{color:#ff4400;font-size:13px;text-align:right;padding:6px}

.picquiz{background:url('../images/quiz3.png') no-repeat right top;background-size:24px 24px}
.answer-wrong{width:972px;border:1px solid #c5badb;background:url('../images/ptn_aba.png') repeat #e6e0f8/*dcd5f2*/ /*transparent 0.7s*/;padding:14px 15px 8px 15px;margin-bottom:10px}
.answer-wrong h4.qh4{font-size:12px;padding:5px 5px 5px 24px;border-top:1px solid #f0f0f0;color:#444;margin-top: 17px;background:url('../images/iff_ntc.png') no-repeat left center;text-align:left}
.answer-right{width:972px;border:1px solid #95cbff/*5994cd*/;background:url('../images/ptn_abq.png') repeat #dff0fe/*dcd5f2*/ /*transparent 0.7s*/;padding:14px 15px 8px 15px;margin-bottom:10px}
.answer-right h4.qh4{font-size:12px;padding:5px 5px 5px 24px;border-top:1px solid #f0f0f0;color:#444;margin-top: 17px;background:url('../images/iff_ntc.png') no-repeat left center;text-align:left}

.bookreceive{width:100%;border:1px solid #ddd;background:url('../images/ptn_axi.png') repeat #f8f8f8;padding:166px 20px 166px 20px;text-align:center;font-size:20px}

/*button css new ===*/

.butn-in {
    background-color: #6698cb; /* Blue z*/
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-in:hover {background:#426f9e}
.butn-in:active {background:#426f9e}
.butn-in:focus {background:#426f9e}

.butn-end {
    background-color: #7fccde; /* Blue s*/
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-fin {
    background-color: #72bed0; /* fin */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-fin:hover {background:#539cad}
.butn-fin:active {background:#539cad}
.butn-fin:focus {background:#539cad}

.butn-not {
    background-color: #a2a2a2; /* Not submitted */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-not:hover {background:#868181}
.butn-not:active {background:#868181}
.butn-not:focus {background:#868181}


.butn-tst {
    background-color: #18a3a8; /* bluegreen s*/
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-tst:hover {background:#0a7175}
.butn-tst:active {background:#0a7175}
.butn-tst:focus {background:#0a7175}

.butn-cn {
    background-color: #fa5a5a; /* dahong */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-cn:hover {background:#cc3636}
.butn-cn:active {background:#cc3636}
.butn-cn:focus {background:#cc3636}

.butn-gy {
    background-color: #d9d9d9; /* grey */
    border: none;
    color: #777 !important;
   	padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-sv {
    background-color: #82c8a0; /* Green */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-blk {
    background-color: #555; /* Black */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-blk:hover {background:#383838}
.butn-blk:active {background:#383838}
.butn-blk:focus {background:#383838}

.butn-grn {
    background-color: #58b17e; /* D Green */
    border: none;
    color: white !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.4px;
    margin: 4px 4px;
	border-radius:3px;
    cursor: pointer;
}
.butn-grn:hover {background:#2e734b}
.butn-grn:active {background:#2e734b}
.butn-grn:focus {background:#2e734b}

.btnc4 a{color:#fff;text-decoration:none;}
.btnc4 a:hover{color:#fff !important;text-decoration:none;}
.btnc4 a:link{color:#fff !important;text-decoration:none;}
.btnc4 a:visited{color:#fff !important;text-decoration:none;}
.btnc4 a:active{color:#fff !important;text-decoration:none;}
.btnc4 {width: 92px;font-weight:700}

.btnc5 a{color:#fff;text-decoration:none;}
.btnc5 a:hover{color:#fff !important;text-decoration:none;}
.btnc5 a:link{color:#fff !important;text-decoration:none;}
.btnc5 a:visited{color:#fff !important;text-decoration:none;}
.btnc5 a:active{color:#fff !important;text-decoration:none;}
.btnc5 {width: 95px;font-weight:700;padding:8px 12px;font-size:14px}

#arrow1_course:after {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0;
	right: -13px;
	content: "";
	display: block;
	border-top: 12px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 11px solid #fa5a5a;
}