@charset "utf-8";


/* s: 교육과정 */


.co_contArea{width:778px;   background:#fcfcfc ; border:1px solid #d6d6d6; -webkit-border-radius:  8px ; -moz-border-radius: 8px ;  border-radius: 8px;}
.co_cont1{padding:25px 0 25px 25px;}
.co_cont1 li{display:inline-block;}
.co_cont1 li label{display:inline-block;  padding: auto 0; font-size:14px; font-family:'Dotum', '돋움', serif; font-weight:bold; color:#3d3d3d; margin-right:10px; }
.co_cont1 li select{display:inline-block; width:105px; background:#fff url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif; }
.co_cont1 li select option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
.co_cont1 li.con_02{margin:0 0 8px 15px; }
.co_cont1 li.con_sch { display:block; float:right; margin-right:18px;}
.co_cont1 li label input[type="search"]{display:inline-block;}
.co_cont1 li.con_03{float:left;} 
.co_cont1 li.con_03 label input{display:inline-block; }
.co_cont1 li.con_04{font-size:14px; font-family:'Dotum', '돋움', serif; font-weight:bold; color:#3d3d3d; margin-left:20px; }
.co_cont1 li.con_04 label {display: inline-block; font-family:'Dotum', '돋움', serif; font-size:12px; font-weight:normal; margin-left:10px;}
.co_cont1 li.con_04 label input { vertical-align: -2px;  margin: 0 5px 0 0;   padding: 0; }
.co_cont1 li.con_05{margin-top:40px;}
.co_cont1 li.con_05 a.sch{display:inline-block; font-size:12px; color:#fff; padding:7px 15px; background:#4d4d4d;}
.co_cont1 li.con_05 .r_bt a{display:inline-block; background-position:70px 12px; margin-left:25px;}
.co_cont1 li.btns a{display:inline-block; background:#fff url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 72px center; color:#666; font-size:12px; border:1px solid #d6d6d6; padding:4px 25px 7px 20px; margin-left:5px; width:50px;}
.co_cont1 li.btns a.blck{background:#444 url("../../../img/co/common/common/img_circle.gif") no-repeat 15px center; color:#fff; padding:4px 0px 7px 35px; border:none;}
.co_cont2{margin:30px 0; border-bottom:1px dashed #d6d6d6; padding-bottom:30px; }
.co_cont2 .co_box_01{float:left; } 
.co_cont2 .co_box_02{float:right; } 
.co_cont2 ul > li{float:left;  position:relative;}
.co_cont2 ul > li span.tag{position:absolute; z-index:9; top:0px; left:0px;}
.co_cont2 ul > li span.tag span{background:#3aa347; color:#fff; font-weight:bold; font-size:11px; margin-left:2px; padding: 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.co_cont2 .co_box a img{display:block; width:135px; -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px;}
.co_cont2 ul li ol li{margin-left:5px; font-family:'Dotum', '돋움', serif; }
.co_cont2 ul li ol li.fst{margin:5px 0 0 10px;font-size:11px; color:#fff; padding:3px 0px; width:65px; background:#808080; text-align:center; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;}

.co_cont2 ul li ol li.tit a{display:block; font-size:16px; color:#3d3d3d; font-weight:bold; margin:5px 7px ; white-space:nowrap; width:200px; overflow:hidden; text-overflow:ellipsis;}
.co_cont2 ul li ol li.tit  a span{display:block; font-size:11px; color:#999; font-weight:normal;}
.co_cont2 ul li ol li.fstt{margin-left:10px;}
.co_cont2 ul li ol li.bt, .co_cont2 ul li ol li.lst {float:left; font-size:11px ;  border:1px solid #d6d6d6; text-align:center; font-weight:bold; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;}
.co_cont2 ul li ol li.bt a{display:block;color:#666;  padding:3px 0;  width:63px ;}
.co_cont2 ul li ol li.lst{background:#3aa347; }
.co_cont2 ul li ol li.lst a{display:block;color:#fff;  padding:3px 0;  width:63px ;}

.co_cont3 .tabmenu{float:right; margin-top:3px;}
.co_cont3 .tabmenu dd{float:left;}
.co_cont3 .tabmenu.range dt{margin-top:5px;}
.co_cont3 .tabmenu.range dt span.range_tt{background:#4d4d4d; color:#fff; padding:5px 10px; margin-right:10px;}

.co_cont3 dl dt{font-family:'Dotum', '돋움', serif; font-size:12px; color:#666; position:absolute; left:0;   /* margin-top:5px; */}
.co_cont3 dl dt.ttl{margin-top:10px; font-weight:normal;}
.co_cont3 dl dd.r_txt{margin:8px 5px 0 0; }
.co_cont3 dl dd.co_sel{float:left; }
.co_cont3 dl dd.co_sel select{width:109px; height:26px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;  }
.co_cont3 dl dd.co_sel select option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
.co_cont3 dl dd.co_sel #search_form{width:300px; color:#666; float:left;}
.co_cont3 dl dd.co_sel .search_btn{cursor:pointer;background:#fff; color:#666; padding:5px 8px; border:1px solid #d6d6d6; -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px; }

.co_cont3 .tu_info{position:relative;float:right; margin-top:10px; margin-bottom:-25px;}
.co_cont3 .tu_info dd{float:left;}
.co_cont3 .tu_info .ttl{ font-family:'Dotum', '돋움', serif; font-size:13px; color:#666; margin-top:5px; padding-right:6px;}
.co_cont3 .tu_info .co_sel{position:relative;}
.co_cont3 .tu_info .co_sel .btn{cursor:pointer; background:#fff; font-size:12px; color:#666; padding:5px 20px 2px 7px; border:1px solid #d6d6d6; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px; background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 56px 7px;}
.co_cont3 .tu_info .co_sel .btn1{cursor:pointer; background:#797979; font-size:12px; color:#fff; padding:5px 20px 2px 7px; border:1px solid #797979; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px; /* background:url("../../../img/co/common/common/img_sch_arr3.png") no-repeat 56px 7px; */}
.co_cont3 .tu_info .co_sel .btnAllow{position:absolute; z-index:10; top:7px; left:62px; background:url("../../../img/co/common/common/img_sch_arr3.gif") no-repeat;}
.co_cont3 .tu_info .co_sel .btn2{z-index:9; top:19px; left:215px; cursor:pointer; background:#fff; font-size:11px; color:#666; padding:3px 7px 1px 7px;  margin:5px 0 0 10px;border:1px solid #d6d6d6; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;}

dd.co_sel2 a{background: #fff ; color: #666; padding: 5px 8px; border: 1px solid #d6d6d6; border-radius: 5px; font-size:12px;}

.co_cont3 dl dd.co_thum_sel select{width:109px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;   }
.co_cont3 dl dd.co_thum_sel select option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
.co_cont3 dl dd.co_move input{float:left; width:48px; display:inline-block; border:1px solid #d6d6d6; text-align:center; font-weight:bold; font-size:11px; color:#666; cursor:pointer; background:#fff; padding:5px 0; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;}

.co_cont3 dl dd.tabs ol{float:right; width:65px;}
.co_cont3 dl dd.tabs ol li{float:left; }
.co_cont3 dl dd.tabs ol li a{float:left; width:28px; height:28px; background:url("../../../img/co/common/common/img_list_bt.gif") no-repeat; text-indent:-999999px; overflow:hidden; margin-left:3px;}
.co_cont3 dl dd.tabs ol li a.scd{background:url("../../../img/co/common/common/img_thum_bt.gif") no-repeat;}
.co_cont3 dl dd.tabs ol li a:hover, .co_cont3 dl dd.tabs ol li a.on{ background:url("../../../img/co/common/common/img_list_bta.gif") no-repeat;}
.co_cont3 dl dd.tabs ol li a.scd:hover, .co_cont3 dl dd.tabs ol li.scd a.on{background:url("../../../img/co/common/common/img_thum_bta.gif") no-repeat;}

.co_cont3 table{clear:both; width:100%; margin-top:10px; }
.co_cont3 table *{font-weight:normal; color:#999 ; font-family:'Dotum', '돋움', serif; font-size:14px;}
.co_cont3 table thead{height:40px; background:#fafafa; border-top:2px solid #d6d6d6; border-bottom:1px solid #d6d6d6}
.co_cont3 table .th_1 label {display: inline-block;  border-right:1px solid #ccc; height:15px;}
.co_cont3 table .th_1 input{width:50px;  display:table;  vertical-align: -2px;  margin-top:1px ;   padding: 0;  }

.co_cont3 table .th_2, .co_cont3 table .th_3, .co_cont3 table .th_4{display:table-cell;  font-family:'Dotum', '돋움', serif; font-size:12px; color:#666; font-weight:bold; background:url("../../../img/co/common/common/img_top_bar.gif") no-repeat right center; padding-top:2px;}

.co_cont3 table .th_3{width:150px;}
.co_cont3 table .th_4{background:none; width:100px; }
.co_cont3 table .chk{text-align:center; }

.co_cont3 table tbody{ width:780px;}
.co_cont3 table tbody tr{ border-bottom:1px solid #d6d6d6;}
.co_cont3 table td.td_2{width:480px;}
.co_cont3 table td.td_3{width:150px; }
.co_cont3 table td.td_4{width:100px;}

.co_cont3 table td.list_star p{ text-indent:-999999px; background:url("../../../img/co/common/common/img_str_04.gif") no-repeat; overflow:hidden; width:68px; margin:0 auto;}
.co_cont3 table td.list_star span{display:block; font-size:11px; text-align:center; margin-top:5px; }

.co_cont3 table .td_4 ol li a{display:block; width:63px;  text-align:center; margin:3px auto; font-size:11px; font-weight:bold; border:1px solid #d8d8d8; padding:7px 5px 4px 5px ; -webkit-border-radius:  3px ; -moz-border-radius: 3px ;  border-radius: 3px;  }
.co_cont3 table .td_4 ol li.lst a{display:block; border:none; background:#3aa347; color:#fff;}
.co_cont3 table td a{color:#666666; font-weight:normal; font-family:'Dotum', '돋움', serif; font-size:12px;}
.co_cont3 table tfoot{background:#fafafa; border-bottom:1px solid #d6d6d6; }
.co_cont3 table tfoot td{font-weight:bold; color:#666;}



.contArea2{padding:25px; width:728px}
.contArea2 ul li.txt{font-size:14px; color:#444; }
.contArea2 ul li.txt span{margin-left:10px;}
.contArea2 ul li.txt input{margin-left:20px;}

.new_btn a{margin:3px 0 0 5px; display:inline-block; font-size:12px; color:#666; border:1px solid #d6d6d6; padding: 3px 15px 2px 33px; background:#fff url("../../../img/co/common/course/img_btn1.gif") no-repeat 13px center; }
.new_btn a.btn2{background:#fff url("../../../img/co/common/course/img_btn2.gif") no-repeat 13px center;}
.new_btn a.btn3{background:#fff url("../../../img/co/common/course/img_btn3.gif") no-repeat 13px center;}
.new_btn a.lst{font-weight:bold; padding:4px 15px 3px;border:none;}
.new_btn a.fst{margin-left:0;}

.scrap_bt{float:right; margin-top:-65px;}
.scrap_bt2{margin-top:-27px;}
.scrap_bt a{display:block; color:#fff; background:#4d4d4d;  font-family:'Dotum', '돋움', serif; font-weight:bold; font-size:12px; padding:15px;-webkit-border-radius:  5px ; -moz-border-radius:5px ;  border-radius: 5px;  }
.scrap_bt2 a{display:block; color:#fff; background:#4d4d4d;  font-family:'Dotum', '돋움', serif; font-weight:bold; font-size:12px; padding:8px 15px;-webkit-border-radius:  5px ; -moz-border-radius:5px ;  border-radius: 5px;  }

.system{display:inline-block; font-size:12px; padding-left:25px; background:url("../../../img/co/green/common/img_check.gif") no-repeat 5px center ; }
.system span{display:inline-block; font-size:12px;}
.system span img{display:inline-block; margin:0 5px;}

.system_cy{display:inline-block; float:right;  color:#666; font-size:12px; padding-left:25px; background:url("../../../img/co/green/common/img_check.gif") no-repeat 5px center ; }
.system_cy span{display:inline-block; font-size:12px;}
.system_cy span img{display:inline-block; margin:0 5px;}
.system_cy strong{font-weight:bold;}


/* list_on */
.list_on dl dd{background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 205px center; cursor:pointer;}
.list_on dl dd.on{background:url("../../../img/co/green/common/img_check.gif") no-repeat 200px center;}
.list_on dl dd.on a{color:#3aa347}

/* list : thumnail */

.co_cont3 dl dd.tabs_sel{display:none; float: left; }
.co_cont3 dl dd.on{display:block;}
.co_common{display:block}
.co_tabs .on{display:block;}
.co_tabs .co_thum{border-top: 2px solid #d6d6d6; width:100%; margin-top:10px;}
.co_tabs .my_common{border-top:none; margin-top:0;}

/*scrap part*/
/* .pop_video{position:absolute; top:293px; width:680px; left:50%; margin-left:-280px;  z-index:20; display:block;} */
.pop_video{position:absolute; width:680px; top:0px;  left:0; ;  z-index:20; display:block; }
.pop_video .tit{width:680px; height:45px ; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.pop_video .tit a{display:block; float:right; padding-right:20px; }
.pop_video1{position:absolute; width:680px; top:0px;  left:0; ;  z-index:20; display:block; }
.pop_video1 .tit{width:680px; height:45px ; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.pop_video1 .tit a{display:block; float:right; padding-right:20px; }



/* ncs scrap part */
.pop_video .tit2{width:840px; height:45px ; background:#3aa347; color:#fff; float:left;  display:block; padding-left:20px;}
.pop_video .tit2 a{display:block; float:right; padding-right:20px;}
.pop_video .tit2 span.btn{font-size:14px; font-weight:bold; width:130px; display:inline-block; cursor:pointer;  text-align:center; height:40px; margin-top:12px; line-height:28px; -webkit-border-radius:  5px 5px 0 0  ; -moz-border-radius: 5px 5px 0 0  ;  border-radius: 5px 5px 0 0 ;}
.pop_video .tit2 span.on{background:#fff; color:#3aa347;}
.pop_video .tabs{background:#fff; display:none;}
.pop_video .on{background:#fff; display:block;}
.pop_video .bts{font-weight:normal; width:80px; color:#fff; background:#828282; text-align:center; padding:2px 10px ; margin-right:10px; font-size:12px ;}
.pop_video .text{margin-left:78px;}
.pop_video dl{width:769px; margin:0 auto;}
.pop_video dl dd{float:left; border:1px solid #d6d6d6; border-left:none; text-align:center; padding:10px 0; font-size:12px; color:#666;}
.pop_video dl.tb_st dd{background:#fafafa; }
.pop_video dl.tb_st_0 dd{border-top:none; height:80px; line-height:80px; font-weight:normal;}
.pop_video dl.tb_st_0 dd ol{margin-top:10px;}
.pop_video dl.tb_st_0 dd ol li{line-height:20px; font-weight:normal;}

.pop_video dl dd.first{width:143px; border-left:none; }
.pop_video dl dd.second, .pop_video dl dd.third{width:267px;}
.pop_video dl dd.fourth{width:86px; border-right:none;}

.pop_video1 .tit2{width:840px; height:45px ; background:#3aa347; color:#fff; float:left;  display:block; padding-left:20px;}
.pop_video1 .tit2 a{display:block; float:right; padding-right:20px;}
.pop_video1 .tit2 span.btn{font-size:14px; font-weight:bold; width:130px; display:inline-block; cursor:pointer;  text-align:center; height:40px; margin-top:12px; line-height:28px; -webkit-border-radius:  5px 5px 0 0  ; -moz-border-radius: 5px 5px 0 0  ;  border-radius: 5px 5px 0 0 ;}
.pop_video1 .tit2 span.on{background:#fff; color:#3aa347;}
.pop_video1 .tabs{background:#fff; display:none;}
.pop_video1 .on{background:#fff; display:block;}
.pop_video1 .bts{font-weight:normal; width:80px; color:#fff; background:#828282; text-align:center; padding:2px 10px ; margin-right:10px; font-size:12px ;}
.pop_video1 .text{margin-left:78px;}
.pop_video1 dl{width:769px; margin:0 auto;}
.pop_video1 dl.tb_st dd{background:#fafafa; }
.pop_video1 dl.tb_st_0 dd{border-top:none; height:80px; line-height:80px; font-weight:normal;}
.pop_video1 dl.tb_st_0 dd ol{margin-top:10px;}
.pop_video1 dl.tb_st_0 dd ol li{line-height:20px; font-weight:normal;}

.pop_video1 dl dd.first{width:143px; border-left:none; }
.pop_video1 dl dd.second, .pop_video1 dl dd.third{width:267px;}
.pop_video1 dl dd.fourth{width:86px; border-right:none;}



/* course_video */

/* .pop_video2{position:absolute; top:293px; width:840px; left:50%; margin-left:-400px;  z-index:20; display:block;} */
.pop_video2{position:absolute; top:0px; width:840px; left:0;  z-index:20; display:block;}
.pop_video2 .tit{width:840px; height:45px ; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.pop_video2 .tit a{display:block; float:right; padding-right:20px;}



/* 
*/
/* .pop_scrap{position:absolute; top:313px; width:500px;left:670px; left:50%; margin-left:-280px; z-index:20;  display:block;} */
.pop_scrap{position:absolute; top:0px; width:500px;/*  left:670px; */ left:0; /* margin-left:-280px; */ z-index:20;  display:block;}
.pop_scrap .tit{width:500px; height:45px; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.pop_scrap .tit a{display:block; float:right; padding-right:20px;}
.pop_scrap .ttl{text-align:center;}


.pop_scrap .cont{width:500px; background:#fff; height:auto; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop_scrap .cont ul{padding:30px;}
.pop_scrap .cont ul li.txt{width:100%; text-align:center; padding-left:15px;  background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 115px 6px; border-bottom:1px dashed #e6e6e6; padding-bottom:20px;}
.pop_scrap .cont ul li.txt label input{margin:15px 0 0 105px; display:block; width:200px; }
.pop_scrap .cont ul li.bt{display:inline-block;}
.pop_scrap .cont ul li.bt a{display:inline-block; padding:5px 0px 10px 0; background:#ccc; width:100px; text-align:center; color:#fff;  -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px; }
.pop_scrap .cont ul li.fst a{background:#3aa347; margin:35px 5px 0 115px;}
.pop_scrap .cont ul li.lst a{background:#4d4d4d;}
.pop_scrap .cont ul li.txt2{width:100%; text-align:center;  border-bottom:1px dashed #e6e6e6; padding:10px 0 5px;}
.pop_scrap .txt_bx {padding: 70px 30px 30px;}
.pop_scrap .txt_bx .title{font-size:20px; color:#444; font-weight:bold; font-family:'Malgun gothic', '맑은 고딕', sans-serif; padding-bottom:20px;}
.pop_scrap .txt_bx .txt{font-family:'Malgun gothic', '맑은 고딕', sans-serif; color:#666; font-weight:normal; font-size:12px; line-height:20px;}
.pop_scrap .cont ul li.tt01{width:100%; font-size:13px; margin:0 0 20px 0; color:#666;}
.pop_scrap .cont ul li.tt02{height:35px; line-height:33px; padding:0 0 0 10px; font-size:13px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#ececec;}
.pop_scrap .cont ul li.tt03{padding:20px; font-size:13px; border-bottom:1px solid #cccccc; color:#666;}


/*smart Pop cbahn*/
.pop_scrap .cont ul li.fst2 a{background:#3aa347; margin:35px 5px 0 115px;}
.pop_scrap .cont ul li.sec2 a{background:#3aa347;}
.pop_scrap .cont ul li.lst2 a{background:#4d4d4d;}
/*smart Pop cbahn*/

.pop_scrap4{width:840px; /*  margin-left:-400px;  */}
.pop_scrap4 .tit{width:840px; }

.pop_scrap4 .cont{width:840px; background:#fff; height:auto; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop_scrap4 table tr td.ttl{text-align:left;}
.pop_scrap4 table tr td{text-align:left; font-size:12px; color:#666;}

/* .pop_scrap2{position:absolute; top:313px; width:500px;left:670px; left:50%; margin-left:-280px; z-index:20;  display:block;} */
.pop_scrap2{position:absolute; top:0px; width:500px;/*  left:670px; */ left:0; z-index:20;  display:block;}
.pop_scrap2 .tit{width:500px; height:45px; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.pop_scrap2 .tit a{display:block; float:right; padding-right:20px;}
.pop_scrap2 .ttl{text-align:center;}


.pop_scrap2 .cont{width:500px; background:#fff; height:auto; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop_scrap2 .cont ul{padding:30px;}
.pop_scrap2 .cont ul li.txt{width:100%; text-align:center; padding-left:15px;  background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 115px 6px; border-bottom:1px dashed #e6e6e6; padding-bottom:20px;}
.pop_scrap2 .cont ul li.txt label input{margin:15px 0 0 105px; display:block; width:200px; }
.pop_scrap2 .cont ul li.bt{display:inline-block;}
.pop_scrap2 .cont ul li.bt a{display:inline-block; padding:5px 0px 10px 0; background:#ccc; width:100px; text-align:center; color:#fff;  -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px; }
.pop_scrap2 .cont ul li.fst a{background:#3aa347; margin:35px 5px 0 115px;}
.pop_scrap2 .cont ul li.lst a{background:#4d4d4d;}
.pop_scrap2 .cont ul li.txt2{width:100%; text-align:center;  border-bottom:1px dashed #e6e6e6; padding:10px 0 20px;}

/* .pop_scrap3{position:absolute; top:313px; width:500px;left:670px; left:50%; margin-left:-280px; z-index:20;  display:block; font-weight:bold;} */
.pop_scrap3{position:absolute; top:0px; width:500px;/*  left:670px; */ left:0;  z-index:20;  display:block; font-weight:bold;}
.pop_scrap3 .tit{width:500px; height:45px; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px;}
.pop_scrap3 .tit a{display:block; float:right; padding-right:20px;}


.pop_scrap3 .cont{width:500px; background:#fff; height:auto; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop_scrap3 .cont ul{padding:30px;}
.pop_scrap3 .cont ul li.txt{width:100%; text-align:center; padding-left:15px;  background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 115px 6px; border-bottom:1px dashed #e6e6e6; padding-bottom:20px;}
.pop_scrap3 .cont ul li.txt label input{margin:15px 0 0 105px; display:block; width:200px; }
.pop_scrap3 .cont ul li.bt{display:inline-block;}
.pop_scrap3 .cont ul li.bt a{display:inline-block; padding:5px 0px 10px 0; background:#ccc; width:100px; text-align:center; color:#fff;  -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px; }
.pop_scrap3 .cont ul li.fst a{background:#3aa347; margin:35px 5px 0 115px;}
.pop_scrap3 .cont ul li.lst a{background:#4d4d4d;}
.pop_scrap3 .cont ul li.txt2{width:100%; text-align:center;  border-bottom:1px dashed #e6e6e6; padding:10px 0 20px;}




.reg .cont ul li.txt{background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 38px 4px;}
.reg .cont ul li.bt a{display:block; }
.reg .cont ul li.fst a{background:#4d4d4d; margin:35px 5px 0 175px; }

/* test_0 */

/* .test_0{position:absolute; top:50px !important; width:840px; left:50%; margin-left:-400px;  z-index:20; display:block; max-height:750px; overflow-y:auto; overflow-y:scroll; overflow-x:hidden ; padding-right:11px;} */
.test_0{margin:0 auto; width:840px; left:0; z-index:20; display:block;  max-height:750px; overflow-y:auto; overflow-y:scroll; overflow-x:hidden ; padding-right:11px; }
.test_0 .tit{width:840px; height:45px ; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.test_0 .tit a{display:block; float:right; padding-right:20px;}
.test_0 .cont{background:#fff;  width:835px; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.test_0 .cont ul.txt{z-index:99999; overflow:visible; display:block; word-break:break-all; padding-top:70px; margin: 0 24px ;}
.test_0 .cont ul.txt li.box{border:1px solid #d6d6d6; }
.test_0 .cont ul.txt li span.ttl{font-size:14px; padding:20px 0; display:inline-block;}
.test_0 .cont ul.txt li ul li.photo{padding-left:0;  display:inline-block; float:left; margin-right:10px;}
.test_0 .cont ul.txt li ul li.bt a{display:inline-block; color:#666; font-weight:bold; width:70px; padding:5px 10px; border:1px solid #d6d6d6; background:url("../../../img/co/common/common/img_sound.gif") no-repeat 65px 8px;}

.test_0 .cont  ul li a span.titles{width: 178px;display: block;float: left;margin-left: 10px;font-size: 14px;letter-spacing: -1px;}

.test_pop{position:absolute; top:0px !important; width:600px; left:0; z-index:20; display:block; /* max-height:750px; overflow-y:auto; overflow-y:scroll; overflow-x:hidden ; padding-right:11px; */}
.test_pop .tit{width:600px; height:45px ; background:#3aa347; color:#fff; float:left; line-height:45px; display:block; padding-left:20px; font-weight:bold;}
.test_pop .tit a{display:block; float:right; padding-right:20px;}
.test_pop .cont{background:#fff;  width:600px; border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.test_pop .cont ul.txt{z-index:99999; overflow:visible; display:block; word-break:break-all; padding-top:70px; margin: 0 24px ;}
.test_pop .cont ul.txt li.box{border:1px solid #d6d6d6; }
.test_pop .cont ul.txt li span.ttl{font-size:14px; padding:20px 0; display:inline-block;}
.test_pop .cont ul.txt li ul li.photo{padding-left:0;  display:inline-block; float:left; margin-right:10px;}
.test_pop .cont ul.txt li ul li.bt a{display:inline-block; color:#666; font-weight:bold; width:70px; padding:5px 10px; border:1px solid #d6d6d6; background:url("../../../img/co/common/common/img_sound.gif") no-repeat 65px 8px;}

.checks{padding-left:0;}
.checks label{display:block; margin-bottom:8px; margin-left:10px; font-weight:normal;cursor:pointer; }
.checks label input{margin-right:10px; }
.checks2{margin-top:50px;}
.checks3{margin:20px;}
.checks3 span{display:inline-block; color:#555;}
.checks3 label{display:block; cursor:pointer; font-size:12px; color:#666; font-weight:normal; line-height:22px;}
.checks3 label input{margin-right:8px;}
.checks3 .rounds{padding:10px; font-weight:normal; }

.test_0 .cont ul.txt li ul.bt_group li{padding-left:0;}


/*** course view ***/
.co_cont2 .photo{width:300px; display:block; float:left;}
.co_cont2 .photo img{display:inline-block; width:100%;}
/*.co_cont2 .co_view{display:block; float:right; width:460px; height:226px; border-top:1px solid:#ccc; border-bottom:1px solid #ccc;}*/
.co_cont2 .co_view{display:block; float:right; width:460px; min-height:226px; border-top:1px solid:#ccc; border-bottom:1px solid #ccc;} /*height -> min-height 로 변경 */

/* 
*/
.co_cont2 .co_view * {font-family:'Dotum', '돋움', serif;}
.co_cont2 .co_view .txt{padding:3px 20px;}
.co_cont2 .co_view .list_tit{color:#3d3d3d;   font-size:16px; font-weight:bold; padding:3px 20px 5px 20px;  display:block;}
.co_cont2 .co_view .list_tit span{display:inline-block;}

.co_cont2 .co_view .list_txt span{font-size:12px; color:#3d3d3d; font-weight:bold; width:300px;}
.co_cont2 .co_view .list_txt span.fst{display:inline-block; width:80px; }
.co_cont2 .co_view .list_txt span.sent{ display:inline-block; font-weight:normal; margin-left:5px;}
.co_cont2 .co_view  li.lst span{padding-bottom:5px; }
#during_sel{display:inline-block; width:160px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;  }
#during_sel option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}

/* 홍민기 과정qna전용 삭제금지 */
#category1{display:inline-block; width:160px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;  }
#category1 option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
#category2{display:inline-block; width:160px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;  }
#category2 option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
#category3{display:inline-block; width:160px; background:url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;  }
#category3 option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}
/* 홍민기 과정qna전용 삭제금지 */

.co_cont2 .list_star *{font-family:'Dotum', '돋움', serif;}
.co_cont2 .list_star .points{ background:url("../../../img/ko/green/common/img_str_04.gif") no-repeat  115px 1px ; width:295px; display:inline-block; font-size:12px; color:#3d3d3d; font-weight:bold; text-align:center; margin:35px 165px 0 0 ; line-height:17px;}
.co_cont2 .list_star .points span{display:inline-block; margin-left:70px; font-size:12px; color:#999;}
.co_cont2 .list_star .btn{display:inline-block;}
.co_cont2 .list_star .btn a{display:inline-block; font-size:12px; color:#fff; font-weight:bold; padding:12px 0; background:#4d4d4d ; width:100px; text-align:center; -webkit-border-radius:  5px ; -moz-border-radius: 5px ;  border-radius: 5px;}
.co_cont2 .list_star .btn a.lst{background:#3aa347}


/*** course view (contents)*** */

/* tabs */
.view_contents *{font-family:'Dotum', '돋움', serif; font-weight:bold; }
.view_contents .view_tab{width:780px;  border-bottom:3px solid #3aa347;}
.view_contents .view_tab li{float:left; width:160px; height:40px; margin-left:-12px;  }
.view_contents .view_tab li a{display:block;  height:42px; background:url("../../../img/co/common/common/img_viewtab_02.png") no-repeat; position:relative; z-index:5;  text-align:center; color:#666; font-family:'Dotum', '돋움', serif; font-size:12px; font-weight:bold; 
padding:14px 15px 0 0px; }
.view_contents .view_tab li.t_01{margin-left:0;}
.view_contents .view_tab li.t_02 a{ z-index:4; }
.view_contents .view_tab li.t_03 a{ z-index:3;}
.view_contents .view_tab li.t_04 a{ z-index:2;}
.view_contents .view_tab li.t_05 a{ z-index:1;}
.view_contents .view_tab li a.on{background:url("../../../img/co/green/common/img_viewtab_01.png") no-repeat;  color:#fff; z-index:9;}

/* 160421 조일준 */
.view_contents *{font-family:'Dotum', '돋움', serif; font-weight:bold; }
.view_contents .view_tab_kt{width:780px;  border-bottom:3px solid #ec1920;}
.view_contents .view_tab_kt li{float:left; width:160px; height:40px; margin-left:-12px;  }
.view_contents .view_tab_kt li a{display:block;  height:42px; background:url("../../../img/co/common/common/img_viewtab_02.png") no-repeat; position:relative; z-index:5;  text-align:center; color:#666; font-family:'Dotum', '돋움', serif; font-size:12px; font-weight:bold; 
padding:14px 15px 0 0px; }
.view_contents .view_tab_kt li.t_01{margin-left:0;}
.view_contents .view_tab_kt li.t_02 a{ z-index:8; }
.view_contents .view_tab_kt li.t_03 a{ z-index:7;}
.view_contents .view_tab_kt li.t_04 a{ z-index:6;}
.view_contents .view_tab_kt li.t_05 a{ z-index:5;}
.view_contents .view_tab_kt li.t_06 a{ z-index:4;}
.view_contents .view_tab_kt li.t_07 a{ z-index:3;}
.view_contents .view_tab_kt li.t_08 a{ z-index:2;}
.view_contents .view_tab_kt li.t_09 a{ z-index:1;}
.view_contents .view_tab_kt li a.on{background:url("../../../img/co/common/common/img_viewtab_kt.png") no-repeat;  color:#fff; z-index:9;}
/* 160421 조일준 */

.view_contents .view_tab_view{width:780px;  border-bottom:3px solid #3aa347;}
.view_contents .view_tab_view li{float:left; width:160px; height:40px; margin-left:-12px;  }
.view_contents .view_tab_view li a{display:block;  height:42px; background:url("../../../img/co/common/common/img_viewtab_02.png") no-repeat; position:relative; z-index:5;  text-align:center; color:#666; font-family:'Dotum', '돋움', serif; font-size:14px; font-weight:bold; 
padding:12px 15px 0 0px; }
.view_contents .view_tab_view li.t_01{margin-left:0;}
.view_contents .view_tab_view li.t_02 a{ z-index:4; }
.view_contents .view_tab_view li.t_03 a{ z-index:3;}
.view_contents .view_tab_view li.t_04 a{ z-index:2;}
.view_contents .view_tab_view li.t_05 a{ z-index:1;}
.view_contents .view_tab_view li a.on{background:url("../../../img/co/green/common/img_viewtab_01.png") no-repeat;  color:#fff; z-index:9;}


.view_contents h3{font-size:20px; padding-left:18px; background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 0 9px; margin-top:30px; font-family: 'Malgun Gothic', sans-serif; font-weight:normal; color:#444; }
.view_contents p .title, .view_contents li.bound .title, .view_contents div .title{display:block; color:#fff; font-size:14px; background:#666; width:122px; padding:6px 0 4px; text-align:center; -webkit-border-radius:  50px ; -moz-border-radius: 50px ;  border-radius: 50px; margin:25px 0 10px 0;}
.view_contents p .wth{width:170px;}
.view_contents p .wth2{width:250px; display:inline-block; margin-right:10px;}
.view_contents p .wth3, .view_contents li.bound .wth3{width:200px;}
.view_contents tr td .title{margin-top:5px; margin-left:15px;}

.view_contents p span.txt, .view_contents ul.txt li, .view_contents .tbs li{font-size:12px; color:#666; padding-left:20px; line-height:18px; font-weight:normal;}
.view_contents ul.txt li.fst{padding-left:0;}
.view_contents .tbs li{padding:3px 0;}
.view_contents table th{font-weight:bold; background:url("../../../img/co/common/common/img_top_bar.gif") no-repeat 0 center;  color:#666;}
.view_contents table th.fst{background:none;}
.view_contents table td{padding:10px 0; text-align:center; color:#666; font-size:12px;}

.view_contents .bt2 {padding:5px 0px;}
.view_contents .bt2 a{display:inline-block; color:#666; font-weight:bold; width:70px; padding:5px 10px; border:1px solid #d6d6d6;}

.view_contents table tr.lsts td{font-weight:bold}

.view_contents p span.r_txt{float:right; margin-top:-25px; color:#666666; font-size:12px; font-weight:normal;}

/* 독서통신 교재소개 추가 160825 dychoi*/
.view_contents .bookInfo {margin-top:-1px; border-bottom:1px solid #d6d6d6;}
.view_contents .bookInfo .txt_01{text-overflow:ellipsis; max-width:480px; white-space:nowrap; overflow:hidden; text-align:left; font-size:12px; color:#666; line-height:26px; font-weight:bold;}
.view_contents .bookInfo .txt_02{text-align:left; font-size:12px; color:#666; line-height:18px; font-weight:normal;}
.view_contents .bookInfo .btn{text-align:right;}
.view_contents .bookInfo .detail{background:#f2f2f2; text-align:left; padding:17px;}
.view_contents .bookInfo .detail .detail_cont .txt_01{padding-bottom:10px; font-size:12px; color:#666; line-height:normal; font-weight:bold;}
.view_contents .bookInfo .detail .detail_cont .txt_02{font-size:12px; color:#666; line-height:18px; font-weight:normal;}
.view_contents .bookInfo tbody tr{border-top:1px solid #d6d6d6; border-bottom:none;}

.write_monthly td.monthly{width:40px; font-weight:bold; border-right:1px solid #d6d6d6;}

.co_cont3 table.glob label{float:left; display:block;}
.co_cont3 table.glob label input[type='text']{width:140px; display:block; float:left;}
.co_cont3 table.glob  span.reg_txt{display:inline-block; width:430px; color:#333 ;font-size:12px; float:left; padding-left:10px;; vertical-align:middle;  }
.co_cont3 table.glob  span.reg_txt.origin{width:auto;}
.co_cont3 table.glob  span.reg_txt.line_1{margin-top:7px;}
.co_cont3 table.glob  span.reg_txt .impor_star{font-size:12px; color:#3aa347; }

/* 우편번호 찾기 팝업 */

.view_contents .addr_title{font-size:14px; color:#444; font-weight:bold;}
.view_contents .addr_cont label{display:inline-block; margin-top:20px; vertical-align:middle;}
.view_contents .addr_txt input{display:inline-block; margin-top:20px; width:180px; vertical-align:3px;}


/* graph */

.view_graph{width:780px; background:url("../../../img/co/common/common/img_graph_bg.gif") repeat-x ; float:left; height:244px;}
.view_graph ul{width:46%; float:left; margin:40px 0 0 50px;}
.view_graph ul li{width:65px; }
.view_graph li span.poi{display:block; color:#fff; background:url("../../../img/co/common/common/img_point_bg_ppl.png") no-repeat; font-size:13px; width:41px; height:41px; line-height:41px; text-align:center; margin-left:40px; margin-bottom:10px;}
.view_graph ol li span.poi{background:url("../../../img/co/common/common/img_point_bg_ppl.png") no-repeat; }
.view_graph ul li img{width:100%;}
.view_graph ol{width:43%; margin:10px 0 0 24px; float:left;}
.view_graph li{float:left; margin:0px; padding:0; width:21%;}
.view_graph ol li img{display:block; margin-left:13px;}
.view_graph ol li{width:15%; margin-left:5px;}
.view_graph li span.bot{text-align:left;; display:block; padding-left:10px; margin-top:5px; font-size:13px; color:#3d3d3d}


/* 
*/
.view_contents table tr td.star img{display:inline-block; margin-right:5px;}
.view_contents table tr.q{cursor:pointer; }
.view_contents table tr.q a{display:block; color:#666; font-size:14px; }
.view_contents table tr.a{display:none; background:#fcfcfc;}
.view_contents table tr.a td{text-align:left; padding:20px 50px; line-height:20px; background:url("../../../img/co/common/common/img_qna.gif") no-repeat 25px 23px; }
/* 

*/



.view_contents .write_tb {display: table; width: 100%; border-top:2px solid #d6d6d6}
.view_contents .write_tb th {background-color: #fafafa;color: #666;text-align: center; background-image:none; width:100px;}
.view_contents .write_tb td {padding: 10px; text-align:left;}
.view_contents .write_tb td.tb_img{width:300px;}
.view_contents .write_tb td.tb_img img{display:inline-block; margin:0 auto; vertical-align:middle;}
.view_contents .write_tb td.lst{background:#fcfcfc; padding:20px;}
.view_contents .write_tb td.lst ul{background:#fcfcfc; }
.view_contents .write_tb td.lst ul li{display:block; font-family:'Dotum', '돋움', serif; color:#666; line-height:18px;}
.view_contents .write_tb td.lst ul li span{display:block;  font-weight:bold; font-size:14px; margin-bottom:10px; color:#666; }

.view_contents .write_tb_02{ width: 100%; border-top:2px solid #d6d6d6}
.view_contents .write_tb_02 th{background:none; background-color:#fafafa; width:150px;}

.view_contents .write_tb_02 td{text-align:left; padding-left:20px;}
.view_contents .write_tb_02 td label{display:inline-block; /* margin-bottom:5px;  */}

input.confirm{margin-left:5px; cursor:pointer; background:#fcfcfc url("../../../img/co/common/common/img_zoom.gif") no-repeat 8px 7px; font-size:11px; color:#666;  border:1px solid #dbdbdb; padding:7px 5px 5px 20px;  width:60px !important;}
.view_contents .write_tb_02 td label input{display:inline-block;}
.view_contents .write_tb_02 td label span.bars{padding-right:2px; display:inline-block; width:15px; height:15px; vertical-align:middle;}
.view_contents .write_tb_02 td label #during_sel {margin-left:5px;}
.view_contents .write_tb_02 td.fst #during_sel{margin-left:0;}
.view_contents .write_tb_02 td span.txt{display:table; width:100%; line-height:18px; font-size:13px; color:#666;}
.view_contents .write_tb_02 td label input.admins{width:500px;}
input.addr{margin-top:5px; width:500px !important;}
input.addr2{margin-top:5px !important;}
.view_contents .write_tb_02 td label input.confirm_2{margin-left:-12px; cursor:pointer; background:#fcfcfc url("../../../img/co/common/common/img_zoom.gif") no-repeat 8px 7px; font-size:11px; color:#666;  border:1px solid #dbdbdb; padding:7px 5px 7px 20px;  }


.view_contents .write_tb_02 tr td #t_area{padding:10px; resize:none; border:1px solid #ccc; width:480px; height:100px; }

.view_contents label.chk_box_bt {color:#666; font-size:12px;  font-weight:normal; padding:20px; line-height:40px;}
.view_contents .btns{float:right;  }
.view_contents .btns a{display:block; width:211px; font-size:12px; color:#666; border:1px solid #d6d6d6; text-align:center; padding:10px 0; margin-top:-20px; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px;}

.view_contents .bt_group{ float:right;}
.view_contents .bt_group li{display:block; width:100px;  float:left ; margin:30px 0 0 10px; padding-bottom: 10%;}
.view_contents .bt_group li a{background:#4d4d4d; display:block; text-align:center; font-size:12px; color:#fff; padding:12px 0; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px;}
.view_contents .bt_group li a.btn_02{background:#3aa347;}

.view_contents .bt_group2{ float:right;}
.view_contents .bt_group2 li{display:block; width:100px;  float:left ; margin:30px 0 0 10px; padding:0 !important;}
.view_contents .bt_group2 li a{background:#4d4d4d; display:block; text-align:center; font-size:12px; color:#fff; padding:12px 0; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px;}
.view_contents .bt_group2 li a.btn_02{background:#3aa347;}
.view_contents .bt_group2 li a.btn_00{background:#737373}

.view_contents ul.txt li.move_fixed {padding:30px 0px; border:1px dashed #d6d6d6; border-left:none; border-right:none; width:800px; background:#fff;}
.view_contents ul.txt li.move_fixed ol li.bt_w span{width:auto; float:left; margin-right:10px;}
.view_contents ul.txt li.move_fixed ol li .pro_nums2 li{width:20px; height:25px; float:left; line-height:25px; -webkit-border-radius: 3px ; -moz-border-radius: 3px ; border-radius: 3px; padding:0; text-align:center; margin:0 2px 2px 0; border:1px solid #d6d6d6; } 
.bt_w2{width:200px;}
.bt_w2 span{display:block; border:1px solid #d6d6d6; width:120px; text-align:center; padding:2px 10px; }
.bt_w .print{padding-right:15px; background:#fff;}
.text_size{width:160px; margin-top:-25px;}
.text_size a{margin-left:2px;}

/* e: 교육과정 */

/* ra_sel */

.ra_sel{display:inline-block; vertical-align:middle; }

/*s: 마이페이지 - 메인 */

.cont2_ttl .r_txt{float:right; font-size:13px;}


.cont2_ttl .cont2_box{width:780px; }
.cont2_ttl .cont2_box li ol{ float:left; width:383px; height:279px; border:1px solid #d6d6d6; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px;margin:0 10px 10px 0; position:relative}
.cont2_ttl .cont2_box li.scd ol, .cont2_ttl .cont2_box li.lst ol{margin:0 ;}
.cont2_ttl .cont2_box li ol li.tit{width:383px; height:70px; background:#fcfcfc; border-bottom: 1px dashed #d6d6d6;}
.cont2_ttl .cont2_box li ol li.tit .title{height:30px; float:left; display:block; margin:20px 0 0 30px; padding-left:35px; background:url("../../../img/co/common/mypage/img_icon_01.gif" ) no-repeat left 2px; font-size:20px; color:#3d3d3d;}
.cont2_ttl .cont2_box li ol li.tit .bt a{float:right; display:block; width:98px; margin:15px; text-align:center; line-height:35px; height:39px; background:#fff; color:#666; font-size:12px;  border:1px solid #d6d6d6; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px; padding-right:5px; font-weight:bold; background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 77px center; }
.cont2_ttl .cont2_box li ol li.tit .ttl2{background:url("../../../img/co/common/mypage/img_icon_02.gif" ) no-repeat left 2px; }
.cont2_ttl .cont2_box li ol li.tit .ttl3{background:url("../../../img/co/common/mypage/img_icon_03.gif" ) no-repeat left 2px; }
.cont2_ttl .cont2_box li ol li.tit .ttl4{background:url("../../../img/co/common/mypage/img_icon_04.gif" ) no-repeat left 2px; }
.cont2_ttl .cont2_box li ol li.txt{padding:30px 0 10px 45px; font-size:16px; color:#333;}
.cont2_ttl .cont2_box li ol li.txt2{padding: 0 0 0 45px; font-size:14px; font-weight:bold;color:#333}
.cont2_ttl .cont2_box li ol li.txt3{text-align:center; margin-top:30px;}
.cont2_ttl .cont2_box li ol li span{font-weight:bold; color:#3aa347; }
.cont2_ttl .cont2_box li ol li.lst{text-align:center; position:absolute; bottom:12px; left:160px; font-size:30px; font-weight:normal; color:#999}
.cont2_ttl .cont2_box li ol li.txtline{margin:15px 0 0 35px; height:25px;}
.cont2_ttl .cont2_box li ol li span.boxes{font-size:11px; font-weight:bold; color:#666; padding:2px 3px; border:1px solid #d6d6d6; margin-left:1px; }
.cont2_ttl .cont2_box li ol li span.box_lst{font-size:11px; font-weight:bold; color:#fff; padding:2px 3px; margin-left:1px; background: #4d4d4d}
.cont2_ttl .cont2_box li ol li span.date{margin-left:22px; font-size:12px; color:#666;}
.cont2_ttl .cont2_box li ol li.graph{width:330px; height:160px; margin-left:20px;  }
/* 마이페이지 수정 */
.my_page{float:right !important;}
.my_page table tr td{width:59px;}
.contents_1{height:auto!important;}
.tb_edit #numb{width:100px;}
.tb_edit .edit_input{margin-left:5px;}
.during_sel {margin-left:5px;}
.bt_edit{padding:5px 3px !important}
/*e: 마이페이지 - 메인 */

/*s: 마이페이지 - 원문 */



.container .cont1_cont{ clear:both ; margin-top:30px; width:320px;  height:245px;  background:url("../../../img/co/common/common/img_book.png") no-repeat bottom right; float:left}
.container .cont1_cont h2{display:block; font-size:28px; color:#4c4c4c; font-weight:normal;}
.container .cont1_cont p{font-family:'Dotum', '돋움', serif; font-size:12px; margin-top:5px;}
.container .cont1_cont p strong{font-size:17px;}

.container .cont1_box{float:right; width:455px; margin-top:68px;}
.container .cont1_box li{float:left; width:218px; height:120px; border:1px solid #ccc; -webkit-border-radius:  5px ; -moz-border-radius: 5px ; border-radius: 5px; margin:0px 0 7px 7px;}
.container .cont1_box li span{width:65px; display:block; color:#4c4c4c; font-size:14px; white-space:normal; word-break:keep-all; line-height:18px; padding:26px 0 0 26px;}
.container .cont1_box li a{display:block; padding:10px 0 0 26px; width:55px; float:left;}
.container .cont1_box li a b{color:#333; font-weight:bold;}
.container .cont1_box li img{display:block; float:right; margin-top:-50px; margin-right:20px; }


.container ul.tab {   border-bottom:2px solid #3aa347; width:780px; position:relative;}
.container ul.tab > li.tabs{float:left; width:162px; height:40px; }

.container ul.tab > li.tabs > a{display:block;  height:42px; background:url("../../../img/co/common/common/img_viewtab_02.png") no-repeat; position:relative; z-index:1;  text-align:center; color:#666; font-family:'Dotum', '돋움', serif; font-size:14px; font-weight:bold; 
padding:12px 26px 0 0px; }
.container ul.tab > li.tabs > a.on{background:url("../../../img/co/green/common/img_viewtab_01.png") no-repeat;  color:#fff; z-index:9;}
.container ul.tab > li.tabs > a.scd{  margin-left:-16px;}


.cont2_img{display:block; margin-top:10px;}


.arrow{text-align:center; margin:35px 0;} 
.arrow li{display:inline-block; vertical-align:middle;}
.arrow li img{display:inline-block; vertical-align:middle;}
.arrow li.num{font-size:14px; font-weight:bold; width:22px;}
.arrow li.num a{color:#666; }
.arrow li.num a.on, .container .arrow li.num a:hover {color:#ec1920; font-weight:bold; }

.container .cont3_ttl{clear:both; width:780px;}


.container .cont3_cont{width:778px; height:267px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:  0 0 5px 5px ; -moz-border-radius: 0 0 5px 5px ;  border-radius: 0 0 5px 5px; position:relative;}

.container .cont3_cont li{float:left; border-right:1px solid #ccc; width:258px; height:267px;}
.container .cont3_cont li.lst{border-right:none;}
.container .cont3_cont li a{display:block; width:114px; margin:0 auto; padding-top:15px; }
.container .cont3_cont dl{text-align:center; }
.container .cont3_cont dl dt{font-size:15px; color:#3d3d3d;}
.container .cont3_cont dl dt span{font-size:13px; color:#999; display:block; line-height:16px; height:20px; }
.container .cont3_cont dl dd a{display:block; padding:5px 40px 10px;  -webkit-border-radius:  5px ; -moz-border-radius: 5px ; border-radius: 5px; background:#999; color:#fff; font-size:20px; margin-top:25px;}
.container .cont3_cont dl dd a.on{background:#4d4d4d}

.container .cont3_cont .box_lft{position:absolute; left:0; top:108px; width:24px; border:none; margin:0; padding:0; height:25px;}
.container .cont3_cont .box_rt{position:absolute; right:0 ; top:108px; width:24px; border:none; margin:0; padding:0; height:25px;}
.container .cont3_cont .box_lft a , .container .cont3_cont .box_rt a{margin:0; padding:0;}

/* e: 마이페이지 - 원문 */

/* s: 마이페이지 -리스트  */
.tab_point{padding:18px 20px; border:1px solid #d6d6d6; background:#fcfcfc; -webkit-border-radius: 0 0 5px 5px ; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.tab_point li{float:left; padding:8px 34px; font-size:12px; background:url("../../../img/co/common/common/tab_list_bar.gif") no-repeat right center;  }
.tab_point li.fst {padding-left:0;}
.tab_point li.lst{padding-right:0; background:none;}
.tab_point li span{color:#999;}
.tab_point li span.ttl{ display:inline-block; color:#fff; padding:3px 0; width:70px; text-align:center; background:#808080; font-size:11px; -webkit-border-radius:  3px ; -moz-border-radius: 3px ; border-radius: 3px; }
.tab_point li strong{margin:0 5px; font-weight:bold; color:#666;}


/* e: mypage_list  */

/* s: 학습강의실  */
/* cyber_top */

.headerA{width:100%; background:url("../../../img/co/common/cyberedu/img_top_bg.png") repeat-x center top; height:320px; }
.headers{width:1000px; margin:0 auto; position:relative;}
.headers .cyber_close a{position:absolute; top:20px; right:0; color:#999; font-size:12px; padding-left:18px; font-weight:bold; background:url("../../../img/co/common/cyberedu/img_close.png") no-repeat 0 center;; }
.headers .top_title{float:left; margin-top:30px; width:800px;}
.headers .top_title .photo{float:left; margin-right:20px;}
.headers .top_title .ttl{color:#999; font-size:12px; margin-top:15px;}
.headers .top_title .ttl strong{font-weight:bold;}
.headers .top_title .ttl2{font-weight:bold; color:#fff;  font-size:20px; font-family:'Magun Gothic', '맑은 고딕' , sans-serif; }
.headers .top_point{float:right; margin-top:45px;}
.headers .top_point li{float:left; width:55px; position:relative; padding-top:15px; margin-left:10px}
.headers .top_point li a{display:block; color:#fff; font-size:12px; line-height:25px; }
.headers .top_point li.scrap a{margin-top:3px;}
.headers .top_point li span{display:block; position:absolute; top:5px; left:20px; background:url("../../../img/co/green/cyberedu/img_point_bg.png") no-repeat; width:28px; height:28px; text-align:center; color:#fff; font-size:12px; line-height:24px; font-weight:bold;}
.headers .top_during{width:254px; height:160px; float:left; margin-right:11px; border:1px solid #76787b; background:#fff; -webkit-border-radius:  8px ; -moz-border-radius: 8px ; border-radius: 8px;  }
.headers .top_during .ttl{font-size:18px; font-family:'Magun Gothic', '맑은 고딕' , sans-serif; color:#3d3d3d; height:57px; border-bottom:1px dashed #d6d6d6; background:#fafafa; text-align:center; padding-left:30px; line-height:53px; background:url("../../../img/co/common/cyberedu/img_ttl.gif") no-repeat 82px center;}
.headers .top_during .txt{padding:25px; text-align:center; color:#3aa347; font-size:16px; font-weight:bold;}
.headers .top_during .txt2{display:block; color:#333; font-size:14px; font-weight:bold;}
.headers .top_during strong{font-weight:bold;}
.headers .top_right{width:731px; height:160px; border:1px solid #76787b; background:#fff; -webkit-border-radius:  8px ; -moz-border-radius: 8px ; border-radius: 8px;}
.headers .top_right .ttl{height:57px; border-bottom:1px dashed #d6d6d6; background:#fafafa; line-height:53px; }
.headers .top_right .ttl ul {padding:0 25px; position:relative;}
.headers .top_right .ttl ul li .left{ margin-left:15px; float:left; padding-left:25px; font-size:12px; color:#666; font-weight:bold; background:url("../../../img/co/green/cyberedu/img_pc.gif") no-repeat 0 center;;}
.headers .top_right .ttl ul li .tb{background:url("../../../img/co/common/cyberedu/img_tb.gif") no-repeat 0 19px; padding-left:20px;}
.headers .top_right .ttl ul li .sm{background:url("../../../img/co/common/cyberedu/img_sm.gif") no-repeat 0 19px; padding-left:18px;}
.headers .top_right .ttl ul li .left:first-child{margin:0;}
.headers .top_right .ttl ul li .left font{font-weight:bold;}
.headers .top_right .ttl ul li .right{float:right;  color:#666; font-size:12px;}
.headers .top_right .ttl ul li .right strong{font-weight:bold;}
.headers .top_right .ttl ul li.graph{width:410px; height:90px; margin-top:12px;}

.headers .top_right .ttl ul li.bt_1{position:absolute; right:140px; top:80px;z-index:999999}
.headers .top_right .ttl ul li.bt_1 a{display:block; border:1px solid #d9d9d9; border-bottom:4px solid #d9d9d9; width:96px; text-align:center; font-size:14px; color:#666; font-weight:bold; padding:1px 5px; -webkit-border-radius:  8px ; -moz-border-radius: 8px ; border-radius: 8px;}
.headers .top_right .ttl ul li.bt_2{position:absolute; right:25px; top:80px; z-index:99999}
.headers .top_right .ttl ul li.bt_2 a{display:block; border:1px solid #3aa347; border-bottom:4px solid #3aa347; background:#3aa347; width:96px; text-align:center; font-size:14px; color:#fff; font-weight:bold; padding:1px 5px; -webkit-border-radius:  8px ; -moz-border-radius: 8px ; border-radius: 8px;}




/* table */

.view_contents table.tb_board .title{text-align:left; padding-left: 10px; padding-right: 10px;}
.view_contents table.tb_board .title a{color:#666; display:block; font-size:12px;}
.view_contents table.tb_board .bod, .view_contents table.tb_board .bod a, .view_contents table.tb_board .bod span{font-weight:bold;}
.view_contents table.tb_board span{color:#666; font-size:12px; }



/* e: 학습강의실  */

/* s: 커뮤니티 */

.container .com_box{width:753px;  background:url("../../../img/co/common/comu/img_com_bg.gif") no-repeat top right;  padding-bottom:10px;  border:1px solid #d6d6d6; border-bottom: 1px dashed #d6d6d6; -webkit-border-radius:  5px 5px 0 0 ; -moz-border-radius:5px 5px 0 0 ; border-radius:5px 5px 0 0 ;}

.container .bor_bt{border-bottom:1px solid #d6d6d6; -webkit-border-radius:  5px ; -moz-border-radius: 5px ; border-radius: 5px;}
.container .com_box h3, .container .com_box3 h3{width:350px; font-weight:300; margin-top:0 !important;}
.container .com_box .txt, .container .com_box3 .txt{width:470px; white-space:normal; word-break:keep-all; font-size:12px; color:#666; }
.container .com_box .txt, .container .com_box2 .txt2{width:470px; white-space:normal; word-break:keep-all; font-size:13px; color:#666; font-weight:normal; font-family:'Magun Gothic', '맑은 고딕' , sans-serif; }
.container .com_box2 .txt2 strong{font-weight:bold; font-size:14px;}
.container .com_box2{border:1px solid #d6d6d6; border-top:none; background:#fcfcfc; -webkit-border-radius: 0 0  5px 5px ; -moz-border-radius:0 0 5px 5px ; border-radius: 0 0 5px 5px; position:relative}
.container .com_box2 .con_03{float:none; display:inline-block;}
.container .com_box2 .con_03 label input{margin-left:9px; color:#888; padding-left:10px; width:500px; display:inline-block;}
.container .com_box3{border:1px solid #d6d6d6; background:url("../../../img/co/common/comu/img_com_bg2.gif") no-repeat top right; }
.container .com_box4{ background:url("../../../img/co/common/ncs/img_ncs_tit.png") no-repeat top right; padding:20px 0 50px 20px; }
.container .com_box5{background:url("../../../img/co/common/ncs/img_ncs_tit2.png") no-repeat top right; padding:20px 5px 0px 20px;}
.container .com_box6{background:url("../../../img/co/common/center/img_center_tit.png") no-repeat top right; padding:30px 5px 32px 20px; }
.container .com_box7{background:url("../../../img/co/common/cyberedu/img_cyber_tit.gif") no-repeat top right; padding:30px 5px 30px 20px; }
.container .com_box7 .txt li span{font-size:14px;}
.container .com_box6 li{padding-left:20px; background:url("../../../img/co/common/common/img_list.gif") no-repeat 10px 10px;}
.com_box_test{  border:1px solid #d6d6d6;  background:#fafafa; padding-left:10px !important;}
.container .com_box8{background:url("../../../img/co/common/comu/img_com_bg3.gif") no-repeat top right; padding:30px 5px 30px 20px; }
.container .com_box8 .txt{width:530px;}
.container .com_box8 .txt li span{font-size:14px;}
.container .com_box9{padding-top:20px; border-top:1px solid #d6d6d6; margin-top:20px;}
.container .com_box10{background:#fff; border-bottom:1px solid #d6d6d6; padding:20px 10px; margin:0;}
.container .com_box10 a{display:block; margin-right:20px;  text-align:center; }
.container .com_box2 li.con_08 input{margin-left:10px; width:100px;}
.tg_layer_wrp li.con_02{margin-left:0;}
.tg_layer_wrp li.con_06 label{margin-right:25px;}
.tg_layer_wrp li.con_08 label input{width:100px;}
.container .con_box{border:1px solid #d6d6d6; position:relative;}
.container .con_box .ttl{background:#fafafa url("../../../img/co/common/common/img_box_ttl.gif") no-repeat 25px center; padding:10px 25px; border-bottom:1px solid #d6d6d6; color:#666; font-size:12px;}
.container .con_box .ttl .tit{font-weight:bold; padding-left:30px; }
.container .con_box .txt{padding: 10px 25px; font-weight:bold; color:#333; font-size:14px;}
.container .con_box .dashed{margin:0 150px 5px 25px}
.container .con_box .txt2{padding: 0px 0px 20px 25px; font-size:11px; color:#999;}
.container .con_box .txt2 b{font-weight:bold;}
.container .con_box .con_sch{position:absolute; right:10px; top:25px;}

.container .com_box2 .box{width:100%; display:block; padding:0; margin:0; position:absolute; left:0; top:80px;}
.container .com_box2 li input{display:inline-block;}
.container table.con_box{border-left:none; border-right:none; }
.container table.con_box tr td.ttl .tit{font-size:12px; color:#666;}
.container table.con_box tr td.ttl2{width:200px; display:table-cell; background:#fafafa; padding:12px 0; text-align:center; color:#666; font-size:12px; font-weight:bold}
.container table.con_box tr td.text{padding-left:20px;}
.container table.con_box tr td.text input{width:500px;}
.container table.con_box tr td.text textarea{margin:8px 0; width:490px; padding:5px}

.container table.con_box2{border-left:none; border-right:none; }
.container table.con_box2 tr td.ttl{background:#fafafa; border-top:1px solid #d6d6d6; }
.container table.con_box2 tr td.ttl .tit{font-size:12px; color:#666; font-weight:bold;}
.container table.con_box2 tr td.ttl2{width:150px; display:table-cell; background:#fafafa; padding:12px 0; text-align:center; color:#666; font-size:12px; font-weight:bold}
.container table.con_box2 tr td.text{padding:12px 20px; text-align:left;}
.container table.con_box2 tr td.text_img img{display:inline-block; margin-right:6px;}
.container table.con_box2 tr td.text2{padding: 20px; text-align:left; line-height:22px; }
.container table.con_box2 tr td.text3{padding: 10px 20px; text-align:left; line-height:22px; }
.container table.con_box2 tr td.text3 label{font-size:12px; color:#666; margin-right:20px;}
.container table.con_box2 tr td.text4{padding: 10px 20px; text-align:left; line-height:22px; }
.container table.con_box2 tr td.text4 label{font-size:12px; color:#666; margin-right:20px;}
.container table.con_box2 tr td.text4 label input{margin:0 25px 0 5px; display:inline-block;}
.container table.con_box2 tr td.text5 p{margin-top:10px;}
.container table.con_box2 tr td.text5 label input{width:150px; }
.container table.con_box2 tr td.text6{padding: 10px 20px; text-align:left; line-height:22px; }
.container table.con_box2 tr td.text6 label{font-size:12px; color:#666; margin-right:20px;}
.container table.con_box2 tr td.text6 label input{margin:0 px; display:inline-block;}
.container table.con_box2 tr td.text input{width:500px; display:inline-block;}
/* .container table.con_box2 tr td.text2 label{display: inline-block;  width:500px; border:1px solid #d6d6d6; cursor:pointer; padding:12px 0; background:url("../../../img/co/common/common/img_file.gif") no-repeat top right; } */
.container table.con_box2 tr td.text2 input[type="file"]{ position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.container table.con_box2 tr td.text textarea{margin:8px 0; width:490px; padding:5px}
.container table.con_box2 tr td.text2 label{display: inline-block; width:70px; padding: 4px 0; color: #666; font-size: 12px; line-height: normal; vertical-align: middle; cursor: pointer; border: 1px solid #d6d6d6;  text-align:center; background:#fafafa; margin-right:5px;}
.container table.con_box2 tr td.text2 label.bt_style{width:150px;}
.upload-name {  display: inline-block; width:401px; padding:3px 10px;  /* label의 패딩값과 일치 */   background-color: #fff;  border: 1px solid #d6d6d6; font-size: 12px; line-height: normal; vertical-align: middle; border-right:none; -o-appearance:none; -ms-appearance: none; -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none;  appearance: none;}
.upload-name2 {display: inline-block; width:401px; height:100px !important; /* label의 패딩값과 일치 */ color:#333;  background-color: #fff;  border: 1px solid #d6d6d6; font-size: 15px; line-height: normal; vertical-align: middle; /*  -o-appearance:none; -ms-appearance: none; -webkit-appearance: none; 네이티브 외형 감추기  -moz-appearance: none;  appearance: none; */}


.container .con_box2{border:1px solid #d6d6d6; border-left:none; border-right:none; position:relative;}
.container .con_box2 .ttl{background:#fafafa; padding:10px 25px; border-bottom:1px solid #d6d6d6; color:#666; font-size:12px;}
.container .con_box2 .ttl .tit{font-weight:bold; }
.container .con_box2 .ttl textarea{width:620px; height:55px; margin:10px 0;}
.container .con_box2 table.tb_02 tr td{color:#666666; font-size:12px; padding:10px 20px 20px 20px;}
.container .con_box2 table.tb_02 tr td:first-child{font-weight:bold;}
.container .con_box2 table.tb_02 tr td a{display:inline-block; }
.container .con_box2 table.tb_02 tr td a:first-child{margin-right:5px;}
.container .con_box2 .con_sch{position:absolute; right:10px; top:18px; background:#fff; padding:20px; }

/* 커뮤니티 - 세미나 */

.semina tr td a{display:inline-block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.semina tr td span{display:inline-block;}
table tr td.dates{text-align:left; padding-left:20px;}
table tr td.dates input{width:200px; display:inline-block;}
table tr td.dates a{display:inline-block; vertical-align:middle; }
table tr td.times #during_sel{width:100px;}
.container table.con_box2 tr td.times label input{width:10px; margin-right:5px}
.container table.con_box2 tr td.txt_files{padding-bottom:10px;}
.container table tr td p.txt_file{margin-top:5px;}

/* table tr td.dates a img{width:35px;} */


/* ncs역량진단  */

.list_box{width:742px; margin:25px auto 0;}
.list_box dl{position:relative; background:#fff;}
.list_box dt{position:static !important; text-align:center; height:40px; background:#fafafa; border-bottom:1px solid #eaeaea; line-height:38px;}
.list_box dl.list_01{width:241px; float:left; height:235px; max-height:235px; border:1px solid #d6d6d6; border-left:none;}
.list_box dl.list_02{width:362px; float:left; height:150px; max-height:150px; overflow-y:scroll; overflow:auto; border:1px solid #d6d6d6; border-top:none; border-left:none;}
.list_box dl.fst{border-left:1px solid #d6d6d6;}
.list_box div.classify_list{height:196px; overflow-y:scroll; padding:4px 0px 4px 0px;}
.list_box dd{padding-left:10px;}
.list_box dd a{ font-size:12px; font-weight:normal ; display:inline-block; line-height:20px;}
.list_box dd a.bt_1{margin-left:10px; vertical-align:middle;}
.list_box .scrap_bt{margin:20px 20px 0 0;}

.tb_03 tr th.fst{width:120px;}
.tb_03 tr th{border-left:none !important;}
.tb_03 tr td{border-left:1px solid #d6d6d6;}
.tb_03 tr td.fst{border-left:none;}
.pop_tb tr th{text-align:center;}
.pop_tb tr td{text-align:center !important;}


.tb_06{width:742px; margin:10px auto 0; }
.tb_06 tr td, .tb_06 tr th{border:1px solid #d6d6d6; font-size:12px; text-align:center; padding:10px 0;}
.tb_06 tr th{background:#fafafa !important;}
.tb_06 tr td{font-weight:normal; text-align:left; padding-left:12px; }
.tb_06 tr .fst{border-left:none; font-weight:bold; width:140px; text-align:center;}
.tb_06 tr td.fst{background:none; padding-left:0; line-height:20px;}
.tb_06 tr .lst{border-right:none;}
.tb_06 ol li{font-weight:normal; line-height:20px;}

.tb_07{width:722px; margin:0 auto; background:#fafafa; padding:30px 30px 10px 30px; border:1px solid #d6d6d6; }
.tb_07 .con_05{text-align:center;}
.tb_07 .con_05 label{margin-right:10px; font-size:16px; display:inline-block;}
.tb_07 .con_05 label input{display:inline-block; margin-left:10px;}
.tb_07 .con_05 input[type="button"]{color:#fff; background:#696969; cursor:pointer; padding:5px 10px; margin-left:10px;  display:inline-block; margin-right:10px;}
.tb_07 li span{font-size:12px; text-align:left; display:inline-block;font-weight:normal; margin-top:5px;}
.tb_07 li.mg_l_100{margin:10px 0 10px 150px;}

.tb_style_01{width:780px; margin-top:20px; }
.tb_style_01 tr td{text-align:center; padding-left:0; }
.tb_style_01 td a{display:block; font-weight:normal; text-decoration:underline}

.tb_08{width:100%; background:#fafafa; border:1px solid #d6d6d6;}
.tb_08 .tab_lists{padding:25px 15px 0px 15px;}
.tb_08 .tab_lists li.bt{float:left; margin-right:35px; color:#444;}
.tb_08 .tab_lists li.bt span{color:#fff; width:70px; padding: 3px; background:#808080; display:inline-block; text-align:center; font-weight:normal; margin-right:10px;}
.tb_08 .tab_lists li.btn a{margin:0; margin-right:30px; margin-top:-8px;}
.tb_08 table{width:750px; margin:15px auto;}

.tb_09 span{font-size:12px; width:60px;}
.tb_09 td{background:#fff;}
.tb_09 td.lst{width:150px;}
.tb_09 td a{display:inline-block; border:1px solid #d6d6d6; width:80px;  font-size:12px; font-weight:bold; padding:3px 10px 3px 5px; background:url("../../../img/co/green/common/img_sch_arr_r.gif") no-repeat 75px 7px;}
.tb_09 td a.clr_4{background:url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 75px 7px; }
.tb_09 .bt_b, .tb_09 .bt_w{width:150px;}
.bt_groups{margin:5px 30px 0 0 ;}

.ncs_sub{border:1px solid #d6d6d6;width:778px; height:108px; position:relative;}
.ncs_sub li a{position:absolute; display:block; width:225px; height:108px; background:#4d4d4d url("../../../img/co/common/ncs/img_ncs_tit2.gif") no-repeat ; background-position:200px 0px; color:#fff; font-size:24px; }
.ncs_sub li a span.num{ display:block; margin:20px 0px 10px 85px; width:27px; border-bottom:1px solid #fff;}
.ncs_sub li a span.txt{display:block; font-size:16px; text-align:center; padding-right:27px;}
.ncs_sub li.ncs_tt1 a{left:0 ; top:0; z-index:3}
.ncs_sub li.ncs_tt2 a{left:195px; z-index:2}
.ncs_sub li.ncs_tt3 a{left:390px; z-index:1}
.ncs_sub li.ncs_tt3_1 a{left:390px; z-index:1; background:#4d4d4d url("../../../img/co/common/ncs/img_ncs_tit4.gif") no-repeat ; background-position:200px 0px;}
.ncs_sub li.ncs_tt4 a{left:586px; z-index:0}
.ncs_sub li a.on{background:#fff url("../../../img/co/green/ncs/img_ncs_tit.gif") no-repeat 200px 0;  color:#3aa347; z-index:5; }
.ncs_sub li a.on1{background:#fff url("../../../img/co/green/ncs/img_ncs_tit.gif") no-repeat 200px 0;  color:#3377ff; z-index:0; }
.ncs_sub li a.on span.num{border-bottom:1px solid #3aa347}

/* 역량진단 진행상태 3단계 */
.ncs_sub2{border:1px solid #d6d6d6;width:778px; height:108px; position:relative;}
.ncs_sub2 li a{position:absolute; display:block; width:275px; height:108px; background:#4d4d4d url("../../../img/co/common/ncs/img_ncs_tit2.gif") no-repeat ; background-position:250px 0px; color:#fff; font-size:24px; }
.ncs_sub2 li a span.num{ display:block; margin:20px 0px 10px 115px; width:27px; border-bottom:1px solid #fff;}
.ncs_sub2 li a span.txt{display:block; font-size:16px; text-align:center; padding-right:19px;}
.ncs_sub2 li.ncs_tt1 a{left:0 ; top:0; z-index:3}
.ncs_sub2 li.ncs_tt2 a{left:275px; z-index:2}
.ncs_sub2 li.ncs_tt2_1 a{left:259px; z-index:1; background:#4d4d4d url("../../../img/co/common/ncs/img_ncs_tit4.gif") no-repeat ; background-position:250px 0px;}
.ncs_sub2 li.ncs_tt3 a{left:530px; z-index:0}
.ncs_sub2 li a.on{background:#fff url("../../../img/co/green/ncs/img_ncs_tit.gif") no-repeat 250px 0;  color:#3377ff; z-index:5; }
.ncs_sub2 li a.on1{background:#fff url("../../../img/co/green/ncs/img_ncs_tit.gif") no-repeat 200px 0;  color:#3377ff; z-index:0; }
.ncs_sub2 li a.on span.num{border-bottom:1px solid #3aa347}

.set_ncs{padding-top:10px; position:relative;}
.set_ncs .box{top:68px !important}
.set_ncs .list_box{margin-top:30px;}
.set_ncs .sub_ttl{font-size:14px; display:block;}
.set_ncs .sub_ttl span{margin-left:20px;}
.set_ncs .bts a{background-position:95px 11px;  display:block; position:absolute; top:95px; right:25px;}

/* ncs역량진단 */

.process{width:100%; border:1px solid #d6d6d6;  position:relative; float:left; }
.process p {width:173px;   position: absolute; height:100%; display:inline-block;text-align:center; top:50%; margin-top:-8px;}


.process .pro_nums{padding:12px 20px 40px; width:560px; float:right; border-left:1px solid #d6d6d6;}
.process .pro_nums li{float:left; font-size:10px; font-weight:normal; padding:2px; margin:2px 2px 0px; background:#b3b3b3; width:20px; text-align:center; color:#fff;}
.process .btns{position:absolute; bottom:10px; right:35px;}
.process .btns li{font-size:12px; font-weight:normal; color:#666; float:left; margin-left:15px; position:relative; padding-left:20px;}
.process .btns li::before {content: "";  background:#b3b3b3;  width:15px; height:12px; position:absolute;  left:0; top:2px; } 
.process .btns li.bts_r:before{background:#3aa347;}

/*  */
.tb_10 th, .tb_10 td, .tb_10 td li, .tb_10 span{font-size:12px; color:#666;}
.tb_10 th:last-child{width:285px;}
.tb_10 td .title{ text-align:left;}
.tb_10 td .title .num{float:left; width:50px; text-align:center; font-size:18px; color:#3d3d3d; font-weight:bold; padding:15px 0;}
.tb_10 td .title li.ttls{padding-top:10px; display:block; padding-left:50px;}
.tb_10 td .title li.ttls span{display:block; margin-top:3px; font-weight:bold; color:#3d3d3d;}
.tb_10 td .list{float:right;}
.tb_10 td .list li{width:63px; border:1px solid #d6d6d6; float:left; margin-left:5px;}
.tb_10 td .list li input.bt{margin:5px 0; display:inline-block; text-align:center;}
.tb_10 td .list li span{background:#d6d6d6; color:#3d3d3d; font-size:11px; display:block; width:63px; text-align:center; padding:4px 0;}


/* 학습강의실 - 홈 , 공지사항 */
.step_01{font-size:15px; }
.step_01 a{font-size:12px; padding:3px 10px; border:1px solid #d6d6d6; display:inline-block; color:#666; background:#fff;}
.step_01 a.bt_arr{display:inline-block; padding-right:20px ; background:#fff url("../../../img/co/common/common/img_sch_arr.gif") no-repeat 95px 7px; }
.step_01 a.bt_key{font-family:"Malgun Gothic", sans-serif; display:inline-block; padding-right:20px ; color:#ffffff; background:#3aa347 url("../../../img/co/common/common/img_sch_arr3.png") no-repeat 95px 7px; }
.step_01 label{display:inline-block; margin:0 10px; }
.step_01 label input{display:inline-block; margin-left:5px;}

/* 학습강의실 - 시험 */

.exam{display:block !important;}
.exam_on{display:block !important;}
.dashed2{width:745px;}
.dashed3{width:750px;}
.dashed4{width:735px;}

.com_box_test span.txt{font-size:14px;}
.view_contents ul.txt li.sub_txt{padding-left:0 }

.txt_line2 li span{font-size:13px;}

/* pop_up */

.view_contents .pop_tb_01 tr td, .pop_tb_01 tr th{border:1px solid #d6d6d6;}
.view_contents .pop_tb_01 tr th{background:#fafafa; text-align:center; font-size:12px ; }
.view_contents .pop_tb_01 tr td{ font-weight:normal; text-align:left; padding-left:10px;}
.view_contents .pop_tb_01 tr td.fst, .pop_tb_01 tr th.fst{border-left:none;}
.view_contents .pop_tb_01 tr td.lst, .pop_tb_01 tr th.lst{border-right:none;}
.sound_icon{padding-left:30px; background:url("../../../img/co/common/common/img_sound.gif") no-repeat 10px 3px;  display:inline-block;}
.txt_title{margin:1px 0; display:inline-block;}
.txt_ara{margin-right:20px; padding:10px; width:730px;}

.exam_list .sound{margin-left:10px; background:url("../../../img/co/common/common/img_sound.gif") no-repeat 66px 7px; padding:5px 28px 3px 10px;}

.on2{  position: fixed;    top:0px; left:0; background:#fff; width:795px !important;   padding:20px !important;} 
/* .pop_video3{position:relative;} */
.exam_list .photo_num{margin-right:20px;}
.exam_list .photo_num img{display:inline-block; width:120px;}
.exam_list_final {display:block;}
.exam_list_final .photo_num{margin-right:20px;}
.exam_list_final .photo_num img{display:inline-block; width:120px;}
.exam_list_final .sound{margin-left:10px; background:url("../../../img/co/common/common/img_sound.gif") no-repeat 66px 7px; padding:5px 28px 3px 10px;}

/* 학습강의실- 과제*/


.tb_11 tr td.txt{text-align:left; padding-left:12px; line-height:18px;}
.view_line ul.txt li{line-height:22px;}
.box_line{border-top:1px solid #d6d6d6; border-bottom:1px solid #dedede; padding:15px;  }
.box_line label{cursor:pointer;}
.box_top{border-top:none; border-bottom:1px solid #d6d6d6;}

@charset "utf-8";

/* 20160111 by sketchbook */

/* util */
.ma0{margin:0 !important}
.mt0{margin-top:0 !important}
.mt3{margin-top:3px !important}
.mt4{margin-top:4px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.ml4{margin-left:4px !important}
.pa30{padding:30px !important}
.pl0{padding-left:0 !important}
.pl30{padding-left:30px !important}
.pr0{padding-right:0 !important}
.pr30{padding-right:30px !important}
.fw400{font-weight:400 !important}
.fw700{font-weight:700 !important}
.fs11{font-size:11px !important}
.fs12{font-size:12px !important}
.fs14{font-size:14px !important}
.fs30{font-size:30px !important}
.line_height_16{line-height:1.6}
.wfull{width:100% !important}
.wfullm{height:30%; width:100% !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w160{width:160px !important}

/* common */
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.w_nowrap{white-space:nowrap}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.img-responsive{max-width:100%}
.center-block{margin:0 auto}
.d_block{display:block !important}
.d_iblock{display:inline-block !important}
.tb_fixed{table-layout:fixed}
.clearfix:after{content:'';display:block;clear:both}
.split:after{content:'|';margin:.5em;font-weight:400 !important;opacity:.5}

/* bootstrap grid */
.row{clear:both}
.row:after{content:'';display:block;clear:both}
.row>[class*=col-]{float:left;padding:30px}
.col-xs-6{width:50%;box-sizing:border-box}
.col-xs-4{width:30%;box-sizing:border-box}
.col-xs-5{width:40%;box-sizing:border-box}
.col-xs-7{width:60%;box-sizing:border-box}
.col-xs-8{width:70%;box-sizing:border-box}
/* heading */
.color_blk{color:#3d3d3d !important}
.bg_fa{background:#FAFAFA !important}
.bg_grey{background:#999 !important;color:#FFF !important}
.bg_blk{background:#4d4d4d !important;color:#FFF !important; }
.bx{padding:25px;border:1px solid #d6d6d6}
.bx_chart{border:1px solid #d6d6d6}

/* icon */
[class^=icon_]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-rotate-90 {filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);
}
.fa-rotate-90m {filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);
}
.icon_chk2{width:31px;height:31px;background:url(../../../img/co/green/dia/icon_chk2.png)}
.icon_chk2.on{background-position:0 100%}
.icon_btn_srch{width:30px;height:27px;background:url(../../../img/co/common/idp/icon_btn_srch.png)}
.icon_btn_del{width:30px;height:27px;background:url(../../../img/co/common/idp/icon_btn_del.png)}
[class^=icon_ribbon]{position:absolute;top:0;left:0;width:51px;height:51px}
.icon_ribbon_hot{background:url(../../../img/ko/green/mypage/icon_ribbon_hot.png)}
.icon_ribbon_issue{background:url(../../../img/ko/green/mypage/icon_ribbon_issue.png)}
[class^=icon_poll_]{width:21px;height:21px;background:url(../../../img/co/green/mypage/icon_poll_ox.png)}
.icon_poll_x{background-position:0 100%}

/* form */
.btn22{background:#4d4d4d;display:inline-block;min-width:116px;text-align:center;font-weight:700;font-size:12px;letter-spacing:-1px;white-space:nowrap;color:#fff !important;padding:12px 24px;border-radius:5px;box-sizing:border-box;}
.btn23{background:#3aa347;display:inline-block;min-width:116px;text-align:center;font-weight:700;font-size:12px;letter-spacing:-1px;white-space:nowrap;color:#fff !important;padding:12px 24px;border-radius:5px;box-sizing:border-box;}

.btn2-wh{border:1px solid #d6d6d6;background:#FFF;color:#808080 !important}
.btn3-gr{border:1px solid #bbbbbb;background:#f1f1f1; color:#4d4d4d !important;}
.btn2-lg{padding-left:50px;padding-right:50px;font-size:14px}
.btn2-sm{min-width:0;padding:6px 12px;font-size:12px !important}
.btn2-xs{min-width:0;padding:3px 12px;font-size:11px !important}
.btn2-arrow:after{content:'';display:inline-block;width:5px;height:7px;margin:2px 0 4px 4px;background:url("../../../img/co/common/common/img_sch_arr.png");vertical-align:middle}
.btn2-wh.btn2-arrow:after{background:url("../../../img/co/common/common/img_sch_arr.png")}
.btn2-wh.bg_grey{color:#FFF !important}
.btn22.disabled{filter:Alpha(opacity=50);opacity:.5}
.btn22.fs12{font-size:12px !important}

/* label */
.label{display:inline-block; color:#fff !important; padding:3px 0; width:76px; text-align:center; background:#808080; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* list */
.dl_lst>*{line-height:24px}
.dl_lst dt{float:left;position:static !important;width:80px;margin:0 !important;font-size:14px !important;color:#3d3d3d !important}
.dl_lst dd{margin-left:90px;font-weight:400;font-size:12px;color:#4d4d4d}

.lst2{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.lst2>li{padding:10px 20px;border-top:1px solid #eaeaea;font-size:12px}
.lst2>li:first-child{border:0}
.lst2 .lt_area{margin-right:160px}
.lst2 .tit>*{display:inline-block;font-weight:400}
.lst2 .tit h4{font-weight:700;font-size:14px}
.lst2 .meta{margin-top:5px;font-size:11px;color:#999}

/* progress */
.progress{display:inline-block;width:40px;background:#eaeaea}
.progress>*{display:block;height:10px;overflow:hidden;background:#3aa347;text-indent:-99em}
.progress_sp{width:327px;background:url("../../../img/co/common/mypage/progress_sp.png")}
.progress_sp>*{height:46px;border-radius:8px;background:url("../../../img/co/common/mypage/progress_sp_red.png");font-size:26px;line-height:46px;text-align:center;color:#FFF;text-indent:inherit}
.progress_blue>*{background:url("../../../img/co/common/mypage/progress_sp_blue.png")}

/* popup*/
.pop_video.v2{width:840px;}
.pop_video.v2 .tit{width:100%}
.pop_video1.v2{width:840px;}
.pop_video1.v2 .tit{width:100%}
.pop_view{float:none !important;position:static !important;width:auto !important;padding:80px 30px 20px; background:#fff ;border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pop_view_002{float:none !important;position:static !important;width:auto !important;background:#fff ;border:3px solid #3aa347; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pop_view .co_cont1{padding:0}

/* table */
.tb_03.v2{white-space:nowrap}
.tb_03.v2 *{font-size:12px}
.tb_03.v2 td{padding:10px 10px}
.tb_03.v2 .title{text-align:left;white-space:normal;line-height:1.5;vertical-align:top}
.tb_03.v2 strong,.tb_board.v2 strong,.tb_board.v3 strong{font-weight:700;color:#666}
.tb_03.v2 .fst{border-left:0}
.tb_03.v2 td.ells01{height:19px; line-height:21px; display:block; width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.tb_03.v2 td a.ells02{display:block; width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.tb_03.v2 span.bt001 a{border:1px solid #d6d6d6; display:block; color:#666; padding:2px 0; width:50px; font-size:11px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.tb_board.v2 th{font-size:12px}
.tb_board.v2 td[class^=bt_] span,.tb_board.v3 td[class^=bt_] span{width:60px;padding:3px 5px;white-space:nowrap; }
.tb_board.v2 thead tr+tr th{border-top:1px solid #eaeaea}
.tb_board.v3{border-top:1px solid #d6d6d6}
.tb_board.v3 td{padding:10px 20px}

/* NCS */
.container .bg_none{background-image:none !important}
.container .com_box .bts a{background-position:95px 11px;margin:0 25px 0 0 }
.container .com_box.v2{border:1px solid #d6d6d6;border-radius:5px}
.container .com_box.v2 li{vertical-align:top}
.container .com_box.v3{border-radius:0;background:#fcfcfc}
.container .com_box.v3 h3{width:auto}

/* Dia */
.view_contents .view_tab.col6 li{width:136px}
.view_contents .view_tab.col6 li a{border-left:1px solid #d6d6d6;border-radius:5px 0 0 0;background-position:100% 0 !important}
.view_contents .view_tab.col6 li a.on{border:0}
.view_contents .view_tab li.t_06 a{z-index:0}
.view_contents p span.txt.v2{display:inline-block}
.ncs_sub.col5 li{float:left;background:#4d4d4d}
.ncs_sub.col5 li a{position:relative;left:auto !important;width:160px;padding-right:40px;background:url("../../../img/co/common/dia/img_dia_tit2.png") 100% 50% no-repeat;white-space:nowrap;box-sizing:border-box}
.ncs_sub.col5 li a span.num{margin:0 auto 10px;padding:20px 0 5px}
.ncs_sub.col5 li a span.txt{padding:0}
.ncs_sub.col5 li.ncs_tt1 a{z-index:4;width:160px !important;margin-left:0 !important;padding-left:12px !important}
.ncs_sub.col5 li.ncs_tt2 a{z-index:3}
.ncs_sub.col5 li.ncs_tt3 a{z-index:2}
.ncs_sub.col5 li.ncs_tt4 a{z-index:1}
.ncs_sub.col5 li.ncs_tt5 a{z-index:0;width:138px !important;padding-right:24px;background:#4d4d4d}
.ncs_sub.col5 li a.on{width:184px;margin-left:-24px;padding-left:24px;background:url("../../../img/co/green/dia/img_dia_tit.png") 100% 50% no-repeat }
.ncs_sub.col5 li.ncs_tt5 a.on{width:160px !important;background:#FFF}
.btnarea *{vertical-align:middle}

/* mypage */
.cont2_ttl.v2 .cont2_box li ol{float:none;width:auto;height:auto}
.cont2_ttl.v2 .cont2_box li ol li.tit{width:auto}
.container .cont2_cont.col4{margin:5px -5px}
.container .cont2_cont.col4 li{width:25%;margin:0;padding:5px;box-sizing:border-box; position:relative;}
.container .cont2_cont.col4 li img{max-width:100%; }
.container .cont2_cont.col4 li span.tag{position:absolute; left:7px; top:5px; z-index:9; display:block;  }
.container .cont2_cont.col4 li span.tag span{display:inline-block; background:#3aa347; color:#fff; font-weight:bold; font-size:11px; margin-left:2px; padding: 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.container .cont2_cont.col4 li dl{display:block;width:auto;box-sizing:border-box}
.container .cont2_cont .tmb{display:block;position:relative}
.tab_point.v2{width:100%}
.tab_point.v2 ul{text-align:left}
.tab_point.v2 li{display:inline-block;float:none;padding:5px 20px 5px 0;background:none}
.tab_point.col4 li{width:25%;padding-right:0;padding-left:18px;box-sizing:border-box}
.tab_point.col4 span{font-weight:400}
.con_sch.v2 input{padding:10px 26px 10px 22px;background-position:80% 50%}
.bg_clock{background-image:url("../../../img/co/common/mypage/img_bg_clock.png") !important}
.bg_device{background-image:url("../../../img/co/common/mypage/img_bg_device.png") !important}
.bg_bookcart{background-image:url("../../../img/co/common/mypage/img_bg_bookcart.png") !important}


.co_cont3 table .under_link{font-size:12px; color:green; text-decoration:underline;}

.tb_12 tr td{text-align:center; padding-left:0;}
.tb_13 tr td{padding:0;}

ul.tab_lists li.ft_right a.text_cha{padding:12px 0;}

.view_contents table td.align_cen{text-align:left; line-height:22px; padding:10px 20px}
.view_contents table td.align_cen span.bt001 a{border:1px solid #d6d6d6; display:block; color:#666; padding:2px 0; width:50px; font-size:11px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}


.coms .con_01 input{margin-left:10px;}
.coms .con_03 label input{margin-left:10px;}
.coms .con_06 label{margin-right:10px;}

.srch_ppl a{color:#3aa347; display:block; }

.div_style_01{margin-top:30px; display:inline-block;}
.div_style_02{margin-top:10px;}
/* 그래프 */

.graph_bar .g_bar{font-size:12px; }
.graph_bar .g_bar .g_bar_title{display:inline-block; width:100px; margin:10px 10px 3px 0 ;  font-weight:bold; color:#444;  vertical-align:5px; letter-spacing:-1.5px;}
.graph_bar .g_bar .g_bar_point{display:inline-block; width:170px; height:20px; background:url("../../../img/co/common/common/img_graph_bar_bg.gif") repeat-x; position:relative; z-index:0; margin-right:8px;}
.graph_bar .g_bar .g_bar_point .point{display:inline-block; background:#3aa347; position:absolute; left:0 ; top:0; z-index:99; height:20px; text-indent:-99999px; overflow:hidden;}
.graph_bar .g_bar .gpoint{display:inline-block; vertical-align:5px;}
.cyber_grap .g_bar2{margin-top:-30px;}
.cyber_grap .g_bar .g_bar_title{width:80px;}
.cyber_grap .g_bar .g_bar_point{display:inline-block; width:370px; height:20px; background:url("../../../img/co/common/common/img_graph_bar_bg.gif") repeat-x; position:relative; z-index:0; margin-right:8px;}
.cyber_grap .g_bar .g_bar_point .point2{display:inline-block; background:#757575; position:absolute; left:0 ; top:0; z-index:99; height:20px; text-indent:-99999px; overflow:hidden;}

.border_right{border-right:1px dashed #d6d6d6;}
.donut p{display:block; width:269px; margin:0 auto;}

.graph_bar2{width:425px; margin-top:30px; z-index:9; padding-bottom:20px;}
.graph_circle img{width:116px; margin:10px auto;}
.graph_spider{margin-left:170px;}

/* 사외교육 */
.container .off_job .txt{font-size:12px;  font-weight:normal; line-height:18px; letter-spacing:-0.5px; width:550px; padding-bottom:25px;}
.container .off_the_job .con_01 label{display:inline-block; margin-left:20px;}
.br_line{border-bottom:1px solid #d6d6d6 !important;}
.tb_board .fina{display:block; font-size:12px; color:#444;}
.tb_board .ends{cursor:default; background:#666; border:none; color:#fff;}

/* 수정 */
.container_100{width:100% !important;}
ul.tab_lists li.ft_right a.no_arr{border:none; padding:12px 0; }
.no_img{border:1px solid #d6d6d6; border-bottom:none;  box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;   -webkit-box-sizing: border-box; }
.file_txt{display:block; }
.file_del{display:inline-block; border:1px solid #d6d6d6; float:right; }
.del-hidden{display:none;}

.container table.con_box2 tr td.text2 label.scd{display:inline-block; float:left; width:70px;}
.tb_13 tr th{text-align:center;}
.tb_13 tr td{padding:10px 0; display:table-cell;}

.view_contents table.tb_board .ellips a{width:220px;  white-space: normal ; overflow:hidden; text-overflow:ellipsis; }
.view_contents table.tb_board .btn_01{display:block; font-size:12px; border:1px solid #d6d6d6;  margin-bottom:10px; width:80px; padding:5px 0 2px;  margin:2px auto; font-weight:bold; color:#666;}
.view_contents table.tb_board .btn_02{display:block; font-size:14px; padding:10px 5px ; background:#444; color:#fff; font-weight:bold;}
.view_contents table.tb_board .ellips01{text-align:left; height:20px; line-height:40px; width:230px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view_contents table.tb_board .ellips02{text-align:left; height:20px; line-height:40px; width:370px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view_contents table.tb_board .ellips03{text-align:left; width:371px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view_contents table.tb_board .ellips04{text-align:left; width:513px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.view_contents table .a .btn_01, .view_contents table .a .btn_02{padding:5px 10px;}


.time_rel{position:relative; display:block;}
.time_rel img{width:100%; display:block;}
.time_rel .timeline{position:absolute; right:0; bottom:0; padding:3px 15px; background:#000; color:#fff; font-size:13px; -khtml-opacity:.70;  -moz-opacity:.70;  -ms-filter:”alpha(opacity=70)”;  filter:alpha(opacity=70);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);  opacity:.70; font-weight:bold; }
.container .cont-opt{margin-top:0;}

.sel_v2 .co_sel .search_style{width:150px !important;}
.sel_v2 .radio label{font-size:12px; display:inline-block; padding:7px 15px 0 0 ; color:#444;}
.tabmenu .co_sel  label.ttl{font-size:12px; display:inline-block; vertical-align:middle; color:#666; margin-right:5px;}

/* 지식강좌 */

.knowledge .hrd{border:1px solid #d6d6d6; padding:15px 20px 20px 20px;}
.knowledge .hrd dd{font-size:12px; color:#3d3d3d; font-weight:normal; margin:9px 0 0 15px;}
.knowledge .hrd dd.fst{margin-left:120px;}
.knowledge .hrd dd span{font-weight:bold;}
.knowledge .hrd dd span.star_point{display:inline-block;}
.knowledge .hrd dd span.txt{ color:#999; font-weight:normal;  padding-left:5px;}
.knowledge .hrd dd span.star_point img{display:inline-block;  vertical-align:-1px;}
.knowledge .know_move{width:510px; margin:0 auto; position:relative;}
.knowledge .know_move .ttl{width:510px; padding:15px 10px; font-size:12px; font-weight:bold; letter-spacing:-1.5px; background:#ec1920; color:#fff;}
.knowledge .know_move img.mov_thu{width:100%; display:block;}
.knowledge .know_move a.move_play{display:block; position:absolute; left:232px; top:195px; background:url("../../../img/co/common/common/img_movie_play.png"); width:50px; height:50px; text-indent:-9999999px; overflow:hidden;}
.knowledge .know_move a.move_play:hover{ background:url("../../../img/co/common/common/img_movie_playa.png"); }
.knowledge .know_move .btn_set{text-align:center; margin:20px 0 40px;}
.knowledge .know_move .btn_set a{display:inline-block; font-size:12px; color:#fff; background:#4d4d4d; padding:15px 0px; margin-left:5px; width:100px; text-align:center;}

/*160408 조일준 
.knowledge .left{width:780px;}
.knowledge .left ul{width:750px;} */

/* .knowledge .left{width:395px;} */
.knowledge .left{width:100%;}
.knowledge .left .dashed{padding-top:10px; padding-bottom:10px;}
/* .knowledge .left ul{width:395px; */
.knowledge .left ul li{ font-size:12px; font-weight:normal; line-height:22px;}
.knowledge .left ul li.txt{white-space:normal; word-break:keep-all;}
/* .knowledge .right{width:350px; margin-left:20px;} */
.knowledge .right p.title {width:170px; margin:0; margin-bottom:10px;}
.knowledge .right ul li{margin-top:10px; width:50%; float:left;}
.knowledge .right ul li a{width:350px; display:block; height:90px;}
.knowledge .right ul li a img{display:inline-block; float:left; }
.knowledge .right ul li a span.tit{width:178px; display:block; float:left; margin-left:10px; font-size:14px; letter-spacing:-1px;}
.knowledge .right ol.paging{width:130px; margin:0 auto; padding-left:20px;}
.knowledge .right ol.paging li a{display:inline-block; }
.knowledge .right ol.paging li span.pag_num{display:inline-block; font-size:12px; font-weight:normal; vertical-align:9px; margin:0 20px;}
.view_contents .tb_styles{width:100%; }
.view_contents .tb_styles thead{width:100%; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#fafafa;}
.view_contents .tb_styles thead th{text-align:left; background:none; font-size:12px; color:#444;  padding:0 20px;}
.view_contents .tb_styles tbody td{padding:15px 20px; border-bottom:1px solid #ececec; text-align:left; font-weight:normal;}
.view_contents .tb_styles tbody td img{display:inline-block; }
.view_contents .tb_styles tbody td label {display:inline-block;}
.view_contents .tb_styles tbody td label input{width:520px; display:inline-block; }
.view_contents .tb_styles tbody span.bt a{display:inline-block; border:1px solid #d6d6d6; width:50px; text-align:center; padding:7px 0; margin-left:2px;}
.view_contents .tb_styles tbody .id_line{display:block; padding-top:5px; font-weight:normal;}
.special_select { padding-right:30px; }


.bt_more_cont{background:#3d3d3d; color:#fff; font-weight:bold; width:150px; display:inline-block;  text-align:center; height:29px; line-height:29px; cursor:pointer;}

/* b2c course*/
.paymentss{margin-top:-60px;}
.paymentss .pay, .paymentss .pay span{font-weight:bold; color:#3d3d3d;}
.save_point, .save_point span{ color:#444 !important; font-weight:bold !important}
.use_point label{margin-top:5px;}
.co_cont3 table .pay_coins, .co_cont3 table .pay_coins span{color:#3d3d3d; font-weight:bold; font-size:14px}
.foot_tb tr th{padding:15px 0;}

/* b2c mypage */

/* 결제/내역 환불취소 && 환불취소내역 */
.container .b2c_box{background:#fcfcfc;}
.container .b2c_box .txt{width:520px; padding:0 0 10px 20px; float:left;}
.container .b2c_box .btn{float:right; margin-top:3px;}
.container .b2c_box .btn a{display:block; border:1px solid #d6d6d6; font-size:12px; font-weight:bold; background:#fff; color:#666; padding:5px 10px 8px 10px; }
.day_opt{float:left; margin:10px 0;}
.day_opt li{float:left;}
.day_opt li a{display:inline-block; font-size:12px; vertical-align:-5px; width:60px; text-align:center; border:1px solid #d6d6d6; padding:5px 0 3px 0; margin-right:1px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.day_opt li a.on{background:#4d4d4d; color:#fff; border:none;}
.day_line{float:left;  margin:10px 0;}
.day_line label{float:left; margin:0 10px; font-size:12px; color:#666;}
.day_line label input{width:80px; display:inline-block;}
.co_cont3 dl dd.day_sel{float:none; padding-top:10px;}
.co_cont3 dl dd.day_sel .day_search{width:190px !important;}

/* 지식 마일리지 */
.container .b2c_box2{background:url("../../../img/co/common/mypage/img_b2c_mypage.gif") no-repeat top right; padding:20px 5px 30px 20px; border-bottom:1px dashed #d6d6d6;}
.container .b2c_box2 .b2c_font a{display:inline-block; border:1px solid #d6d6d6; padding:3px 10px 5px 10px; margin-left:10px; font-weight:bold; color:#666;}
.container .b2c_box3 {padding:20px 5px 20px 20px;}


/* select : 맞춤교육 */

.reg_star{width:150px; margin-top:35px; float:left; background:url("../../../img/co/common/common/img_sel_arr.gif") no-repeat 130px center; }
.reg_star .reg_sel_5{text-indent:-99999999px; overflow:hidden; background:url("../../../img/co/common/common/img_str_05.gif") no-repeat 5px center; }
.reg_star .reg_sel_4{text-indent:-99999999px; overflow:hidden; background:url("../../../img/co/common/common/img_str_04.gif") no-repeat 5px center; }
.reg_star .reg_sel_3{text-indent:-99999999px; overflow:hidden; background:url("../../../img/co/common/common/img_str_03.gif") no-repeat 5px center; }
.reg_star .reg_sel_2{text-indent:-99999999px; overflow:hidden; background:url("../../../img/co/common/common/img_str_02.gif") no-repeat 5px center; }
.reg_star .reg_sel_1{text-indent:-99999999px; overflow:hidden; background:url("../../../img/co/common/common/img_str_01.gif") no-repeat 5px center; }
.sc_bt{width:50px; color:#fff !important; background:#666; text-align:center; display:block;  margin-top:5px; padding:3px 0; }
.pop_sel_box select{ display:block; margin-right:210px;}

/* s:통합검색 */
.asc_pic{width:260px !important; float:left;}
.asc_rt{ padding-left:20px;}
.asc_tit{ font-size:16px; font-weight:bold; padding-bottom:10px;}
.asc_mid{font-size:12px;}
.asc_bot{font-size:12px;}
.asc_gry{color:#999; font-size:12px;}
.asc_box{padding-bottom:40px; padding-top:40px;}
.asc_bt{background:#F00; display:block; text-align:center; font-size:12px; color:#fff; padding:12px 0; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px; width:100px; float:right; margin-top:25px;}
.asc_line{border:1px solid #d6d6d6;}
.asc_st{font-size:14px; font-weight:bold;  margin-top:15px;}
.asc_n{font-size:13px; color:#666; margin-top:15px;}
.asc_bigt{margin-top:30px; color:#4c4c4c; font-size:26px; font-weight:bold;}
.asc_pic2{width:90px !important; float:left; text-align:center;}

/* s: 사이트이용안내 */

.si_cont_box{padding:15px 0 15px 15px; border:1px solid #d6d6d6; margin-top:10px; font-size:12px; font-weight:normal; }
.si_text_m{font-size:13px; font-weight:normal; color:#4d4d4d; margin-left:18px; line-height:22px; margin-top:10px; }
.si_box_txt{font-size:13px; font-weight:normal; color:#3d3d3d; margin-right:10px; line-height:18px; }
.si_semo{ padding-top:10px; padding-bottom:10px; height:51px; width:auto; background:url(../../../img/co/green/common/semo_r.jpg) no-repeat center;}

.si_title{font-size:20px; padding-left:18px; background:url("../../../img/co/green/common/img_win_arr.gif") no-repeat 0 9px; font-family: 'Malgun Gothic', sans-serif; font-weight:normal; color:#444; margin-top:0px; }

.si_text_s{font-size:11px; font-weight:normal; color:#3d3d3d; margin-right:10px; line-height:16px; margin-left:15px;  }
.si_text_line{ padding-left:43px; margin:0 0 6px 0; font-size:13px; font-weight:normal; color:#4d4d4d; margin-left:18px;  }
.si_text_line2{ padding-left:98px; margin:0 0 6px 0; font-size:13px; font-weight:normal; color:#4d4d4d; }
.si_text_line3{ padding-left:43px; margin:0 0 6px 0; font-size:13px; font-weight:normal; color:#4d4d4d; margin-top:10px;  }
.si_text_line4{ padding-left:43px; margin:0 0 6px 0; font-size:13px; font-weight:normal; color:#4d4d4d;   }
.si_text_n{display:inline-block; width:25px; height:20px; margin-left:-25px; font-weight:bold;} 
.si_text_n2{display:inline-block;  height:20px; margin-left:-80px; font-size:13px; font-weight:normal; color:#4d4d4d; line-height:22px; margin-top:10px; width:80px;} 
.si_pic{padding-bottom:10px; padding-top:10px;}
.si_text_red{color:#FF0000}
.si_t_line{ background:url(../../../img/co/green/common/line.gif) no-repeat;}
.alignR{text-align:right; padding-right:15px; font-weight:bold; color:#666; font-size:12px; padding-top:2px;}
.alignL{text-align:left; padding-left:15px; font-weight:bold; color:#666;  font-size:12px; padding-bottom:2px;}
.tb_03{border:1px solid #d6d6d6;}
.si_sp{ padding-left:5px; font-weight:normal;}
/* e: 사이트이용안내 */


/* 모두투어 역량진단소개 20160419 */
.mode_dia{position:relative; width:99%; height:1105px; background:url(../../../img/ko/common/modetour/more_intro_01.gif) no-repeat 0 0px; color:#5a5a5a; line-height: 24px;}
.mode_dia .inrto_01{position:absolute; top:60px; left:150px;}
.mode_dia .inrto_02{position:absolute; top:280px; left:150px;}
.mode_dia .inrto_03{position:absolute; top:515px; left:150px;}
.mode_dia .inrto_04{position:absolute; top:750px; left:150px;}
.mode_dia .inrto_05{position:absolute; top:980px; left:150px;}
.dia_btt{background:#3aa347; width:200px; margin:30px auto; text-align:center; font-size:13px; -webkit-border-radius:8px; -moz-border-radius:5px ;  border-radius:5px; }
.dia_btt a{display:block; color:#ffffff; width:200px; padding:15px 0; font-weight:bold;}

/* 달력추가 */

.cal_sel{display:inline-block; width:100px; background:#fff url("../../../img/co/common/common/img_list_arr.gif") no-repeat right center; cursor:pointer;color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;   height:26px; margin-right:0;}
.cal_sel.cal_month{width:80px;}
.cal_sel option{padding:4px 0 4px 8px; color:#999; font-size:12px; font-family:'Dotum', '돋움', serif;}

.co_cont3 dl.tab_style dd.co_sel select{height:30px; line-height:30px;}

.cal_box{border:1px solid #d6d6d6; background:#fafafa; padding:15px 0; width:100%;}
.cal_box ol.cal_ttl{text-align:center; display:block;}
.cal_box ol.cal_ttl li{display:inline-block; vertical-align:middle; margin:5px;}

table.calendar thead{border:none; background:#4d4d4d;}
table.calendar thead th{color:#fff; font-size:12px;}
table.calendar tbody td{vertical-align:top;  text-align:left; border:1px solid #d6d6d6; border-top:none; min-height:105px;}
table.calendar tbody td.fst{border-left:none;}
table.calendar tbody td.lst{border-right:none;}
table.calendar tbody td .day{display:block; width:90px; text-align:left; padding:0 0 0 5px; color:#666; font-weight:bold; font-size:12px;}
table.calendar tbody td .day.blue{color:#006aff}
table.calendar tbody td .day.sun{color:#ec1920;}
table.calendar tbody td .txt{display:block; text-align:left; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:90px; height:21px;}
table.calendar tbody td .txt a{color:#3d3d3d; font-size:12px;}
table.calendar tbody td .txt a:hover{color:#ec1920; text-decoration:underline; cursor:pointer;}


/* 한국가스안전 */

.kgs_level{position:relative;float:left; width:370px; height:220px; border:1px solid #d6d6d6;}
.kgs_level h2{display:block; width:360px; height:42px; line-height:42px; padding:0 0 0 10px; border-bottom:1px solid #d6d6d6; background:#fafafa; color:#666; font-weight:bold; font-size:13px;}
.kgs_level ul{}
.kgs_level ul li{overflow:hidden; position:relative; float:left; width:103px; height:104px; margin:20px 0 0 14px; background:url(/img/co/common/common/bg_chartLevel_03.gif) no-repeat;}
.kgs_level ul li .ss1{ z-index:4; position:absolute; float:left; width:103px; height:104px; background:url(/img/co/common/common/bg_chartLevel_01.gif) no-repeat;}
.kgs_level ul li p{overflow:hidden; z-index:5; position:absolute; font-size:30px; font-weight:bold; color:#ffffff; margin:30px 0 0 25px; font-family:'Malgun Gothic';}
.kgs_level p.tt1{position:absolute; top:175px; left:145px; text-align:center; color:#666; font-weight:bold; font-size:13px;}
.kgs_level p.tt2{text-align:center; color:#666; font-weight:bold; font-size:13px; padding:10px 0 0 0;}

.kgs_report{float:left; width:395px; height:220px; border:1px solid #d6d6d6; margin:0 0 0 10px;}
.kgs_report h2{display:block; width:385px; height:42px; line-height:42px; padding:0 0 0 10px; border-bottom:1px solid #d6d6d6; background:#fafafa; color:#666; font-weight:bold; font-size:13px;}
.kgs_report .credit{float:left;width:160px; color:#666; font-weight:bold; font-size:15px; margin:10px 0 0 30px;}
.kgs_report .credit h4{background:url(/img/co/common/common/kgs_bl_01.gif) no-repeat 5px 2px;  padding:0 0 0 15px; margin: 25px 0 0 0;}
.kgs_report .credit p.img1{background:url(/img/co/common/common/kgs_img_001.png) no-repeat; width:136px; height:56px; margin:20px 0 0 0;}
.kgs_report .credit p.img1 span{padding:2px 0 0 0; display:block; width: 136px; color:#fff; font-size:27px;  font-family:'Malgun Gothic'; text-align:center;}
.kgs_report .credit p.img3{background:url(/img/co/common/common/kgs_img_002.png) no-repeat; width:136px; height:56px; margin:20px 0 0 0;}
.kgs_report .credit p.img3 span{padding:2px 0 0 0; display:block; width: 136px; color:#fff; font-size:27px;  font-family:'Malgun Gothic'; text-align:center;}
.kgs_report .credit p.img2{background:url(/img/co/common/common/kgs_img_003.png) no-repeat 45px 3px; margin:0px 0 0 20px;height:30px; line-height:32px;  font-size:12px; }
.kgs_report .credit p.img2 span{display:inline-block; width:65px; height:25px; margin:0px 0 0 8px; color:#3881af; font-size:15px; font-family:'Malgun Gothic'; text-align:center;}

/* 모두투어cdp */
.mode_mycdp{width:680px; margin:0 auto;}
.mode_mycdp span{float:left; margin:0 0 0 20px;}

/* 모두투어 연간일정 */
.mode_plan{width:780px; margin:0 auto;}
.mode_plan ul{margin:40px 0 0 0}
.mode_plan li{float:left; padding:0 0 0 10px;}

/* 모두투어 가젯 연수원안내 */
.mode_infoM{background:url(/img/ko/common/modetour/mode_main_info_01.gif) no-repeat; width:284px; height:185px; margin:45px 0 0 20px; }
.mode_infoM ul{padding:29px 0 0 27px;}
.mode_infoM li{float:left;}
.mode_infoM li.s01{padding:0 0 0 49px;}

/*교육포인트 */

.total_point{border:2px solid #3aa347; width:730px; padding:20px; font-weight: 600; color:#666; text-align:left; margin:30px 0 0 0; font-size:15px; -webkit-border-radius:8px; -moz-border-radius:5px ;  border-radius:5px; line-height:150%;}
.total_point span{color:#3aa347; font-weight: bold;}