@charset"euc-kr";

@import url("/KCJC/css/common.css");
 pagination
/* CSS Document */

html{margin: 0; padding:0;height:100%;width:100%;overflow-y:scroll;}
body { repeat-x left top;width:100%;height:100%;min-height:100%;margin:0;padding:0;}
.hidden{width:0;height:0;line-height:0;position:absolute;left:-9999px;}
.hide{position:absolute;top:-9999px;}

#wrap{overflow:hidden; position:relative; width:100%; height:auto !important; min-height:100%;margin:0 auto;display:inline-block;display:block; text-align:center;  background:url('/KCJC/images/common/top_bg.gif') repeat-x}
.header{width:100%;height:196px; text-align:center; clear:both;}
.header:after {content:""; clear:both; display:block}

.top_link{width:1000px;height:20px;padding-top:10px; margin:0 auto}
.top_link:after {clear:both; content:""; display:block}
.top_link .top_link_left li{color:#9d9d9d;font-weight:bold;float:left;font-size:8pt;} 
.top_link .top_link_right{float:right;} 
.top_link .top_link_right li{color:#9d9d9d;font-weight:bold;float:left;font-size:8pt;} 

.logarea{width:1000px;height:58px;padding-top:10px; margin:0 auto}
.logarea:after {content:""; clear:both: display:block}
.log_in{;width:1000px;height:44px;padding-left:20px;}

.log_in li{float:left;}
.log_in li input{position:relative;top:-2px;}
.login_safety{height:44px;padding-top:14px;margin-right:3px;}
.login_saveid{height:44px;padding-top:14px;margin-right:8px;}
.input_id{width:150px;height:21px;margin-top:12px;}
.input_pwd{width:150px;height:21px;position:relative;left:8px;margin-top:12px;}
.btn_login{position:relative;left:15px;top:12px;}
.btn_memjoin{position:relative;left:20px;top:13px;}
.btn_idpwd{position:relative;left:25px;top:13px;}
.blt_popularity{background:url('/KCJC/images/main/blt_popularity.gif') no-repeat;width:100px;height:20px;padding-left:40px;position:relative;left:50px;top:13px;}
.blt_new{background:url('/KCJC/images/main/blt_new.gif') no-repeat;width:80px;height:20px;padding-left:40px;position:relative;left:70px;top:13px;}
*:first-child+html .blt_new{background:url('/KCJC/images/main/blt_new.gif') no-repeat;width:80px;height:20px;padding-left:40px;position:relative;left:60px;top:13px;}

.login_txt01{font-size:11pt;padding-top:15px;padding-left:50px;float:left; height:44px}
.login_txt02{font-size:11pt;font-weight:bold;color:#0a5edb;margin-right:5px;}
.btn_logout{padding-top:12px;padding-left:20px;}
.btn_modify{padding-top:13px;padding-left:20px;padding-right:10px;}
.btn_myclass{padding-top:13px;padding-left:5px;padding-right:60px;}

.input_id{float:left;height:25px;width:114px;margin-right:5px;}
.input_pwd{width:114px;height:25px;margin-right:5px;float:left;}
.btn_login{float:left;}


.btn_memjoin{float:left;padding-left:5px;}


.btn_idpwd{float:left;}

.blt_popularity{float:left;background:url('/KCJC/images/main/blt_popularity.gif') no-repeat 10px 3px;padding-left:50px;width:100px;height:25px;}
*:first-child+html .blt_popularity{float:left;position:relative;top:-12px;background:url('/KCJC/images/main/blt_popularity.gif') no-repeat left top;padding-left:40px;width:100px;}

.blt_new{float:left;margin:0 5px;background:url('/KCJC/images/main/blt_new.gif') no-repeat 10px 3px;padding-left:45px;height:25px;}
*:first-child+html .blt_new{float:left;position:relative;top:-12px;background:url('/KCJC/images/blt_new.gif') no-repeat left top;padding-left:35px;height:25px;}



/* GNB */
.gnb_wrap {width:1000px; margin:0 auto; }
.gnb_wrap:after {content:""; display:block; clear:both }

ul#gnb h1{width:223px;height:90px;float:left;padding-top:0px;margin-right:5px; }

ul#gnb {width:1000px; float:right; list-style:none; position:relative; padding:0px; margin:0px; }
ul#gnb li {float:left;padding-top:10px;}
ul#gnb li ul {position:absolute; display:none; overflow:hidden; top:26px;list-style:none; padding-top:27px;margin:0px;width:1000px;height:35px; }
ul#gnb li ul.submenu01 {left:220px;}
ul#gnb li ul.submenu02 {left:20px;}
ul#gnb li ul.submenu03 {right:106px;}
ul#gnb li ul.submenu04 {right:0px;}
ul#gnb li ul li {float:left; padding:0px 10px 1px 5px; background:url(../images/gnb_btn_bg.png) no-repeat right 5px; line-height:16px; text-align:12px; position:relative; right:-1px;}
ul#gnb li ul li a {line-height:1; color:#333333;background-color:#ddd;}
ul#gnb li ul li a.on {font-weight:bolder; color:#AF2F2F;}

.main_visual{width:1920px ;height:100%;float:left;}
.main_visual:after {content:""; display:block; clear:both}

#slide{height:414px;width:100%;float:left;}
.pagination{float:left; left:200px}
.event_tab02{float:left;}

#center_wrap{overflow:hidden; position:relative; width:1000px; height:auto !important; min-height:100%;margin:0 auto;display:inline-block;display:block; text-align:center}

.container{width:1000px;height:100%;float:left;margin-top:10px;margin-bottom:20px;}

.contents_01{width:100%;height:100%;float:left;}
.contents_books{width:380px;margin-right:10px;float:left ;height:285px; text-align:left}
.contents_books:after {content:""; clear:both; display:block}

.books_title{background:url('/KCJC/images/main/books_title.gif') no-repeat left top;width:379px;height:37px;float:right;}
.books_page{color:#888;font-weight:bold;position:relative;left:300px;top:12px;}
.pageB{color:#000;font-weight:bold;}
.btn_pre{position:relative;left:310px;top:10px;}
*:first-child+html .btn_pre{position:relative;left:305px;top:10px;}

.btn_next{position:relative;left:306px;top:10px;}
*:first-child+html .btn_next{position:relative;left:301px;top:10px;}

.booksbuy{float:right;height:24px;z-index:200;position:relative;top:-25px;left:-20px;}
.booksbuy span{float:left;}

.contents_elearning{float:right;width:610px;height:100%;}
.elearning_title{background:url('/KCJC/images/main/elearning_title.gif') no-repeat right top;float:right;width:610px;height:37px;margin-bottom:10px;}
.books_page1{color:#888;font-weight:bold;position:relative;left:530px;top:12px;}
.btn_pre1{position:relative;left:540px;top:10px;}
*:first-child+html .btn_pre1{position:relative;left:535px;top:10px;}

.btn_next1{position:relative;left:536px;top:10px;}
*:first-child+html .btn_next1{position:relative;left:531px;top:10px;}

.elearning_mov{width:610px;height:100%;float:right;}
.mov_list01{width:100%;height:100%;float:left;margin-bottom:3px;}
.mov_list02{width:100%;height:100%;float:left;}
.mov_list01_1{width:145px;height:110px;float:left;margin-right:10px;}
.mov_list01_2{width:145px;height:110px;float:left;}

.mov_img{height:85px;padding-left:10px;float:left;margin-bottom:5px;}
.txt_gubun{font-weight:100;color:#535353;letter-spacing:-1px;float:left;padding-left:10px;}
.txt_step{font-weight:bold;color:#000;letter-spacing:-1px;float:left;}
.txt_step img{position:relative;top:-2px;}


.contents_02{width:100%;height:100%;float:left;}
.contents_exam{width:380px;height:240px;float:left;margin-right:10px;}
.contents_exam ul{float:left;}
.exam_title{background:url('/KCJC/images/main/exam_title.gif') no-repeat left top;width:379px;height:37px;margin-bottom:5px;float:left;margin-bottom:10px;}
.exam_title span{float:right;padding-right:20px;color:#333;padding-top:12px;text-decoration:underline;}
.exam_txt1{font-weight:bold;color:#333;background:url('/KCJC/images/main/icon_exam.gif') no-repeat 10px top;padding-left:30px;font-size:10pt;padding-bottom:3px;width:350px;float:left;}
.exam_txt2{padding-left:30px;border-bottom:1px dashed #ddd;width:350px;padding-bottom:5px;margin-bottom:10px;}
.exam_txt2 img{position:relative;left:5px;top:-3px;}
.btn_groups{width:100%;float:left;margin-top:15px;height:42px;}

.contents_board{width:610px;float:right;height:100%;}

/****************Ãß°¡ÀÛ¾÷_1231*******************/

.banner_gokkf{width:100%;height:155px;margin-top:10px;padding-bottom:15px;float:left;}

/****************Ãß°¡ÀÛ¾÷_1231*******************/

/*********************************************************ÅǸ޴º CSS****************************************************************/

/*
µðÀÚÀÎÀº Ŭ·¡½º¿¡¼­ Àû¿ëÇϽñ⠹ٶø´Ï´Ù.
span¿¡ ³Êºñ°ªÀº Çʼö·Î ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.
*/
.motionj_tab_01 {font-size:12px;margin-left:10px;width:610px;height:150px;float:left; text-align:left}
.motionj_tab_01 ul li h5{font-size:12px;font-weight:bold;text-align:center;padding-top:10px;height:23px;width:120px;background:url('/KCJC/images/main/tab_off.gif') no-repeat;cursor:pointer;float:left;}
.motionj_tab_01 ul li h5.on{font-weight:bold;background:url('/KCJC/images/main/tab_on.gif') no-repeat;color:#000;padding-top:10px;height:23px;width:120px;float:left;}
.motionj_tab_01 ul li ol{border-top:none;}
.motionj_tab_01 ul li ol li{margin-top:10px;height:25px;}
.motionj_tab_01 ul li ol li table{width:600px;padding-left:5px;padding-right:5px;}
.motionj_tab_01 ul li ol li table tbody tr td {width:100%;height:20px;padding-left:5px;padding-right:5px;}

.motionj_tab_01 ul li ol li table .board_title01{float:left;font-weight:bold;color:#333;font-size:10pt;padding-top:5px;}
.motionj_tab_01 ul li ol li table .board_title02{font-weight:bold;color:#6c87ce;font-size:10pt;padding-top:5px;}
.motionj_tab_01 ul li ol li table .board_txt01{border-bottom:1px dashed #ddd;}


.motionj_tab_02 {font-size:12px;}
.motionj_tab_02 ul li h5{font-size:12px;font-weight:normal;width:165px;text-align:center;padding:8px 0;background:#eee;cursor:pointer;}
.motionj_tab_02 ul li h5.on{font-weight:bold;background:yellow;}
.motionj_tab_02 ul li ol li{padding:5px 0;border-bottom:1px solid #eee;}
li{list-style:none;}


/*********************************************************ÅǸ޴º CSS****************************************************************/


/**********************DzÅÍ¿µ¿ª*****************************/
#footer{width:100%;height:230px;background:url('/KCJC/images/main/footer_bg.gif') repeat-x left 10px;padding-top:10px;margin:0;}
.f_area{width:1000px;height:90px;margin:0 auto;padding-top:0px;}
.f_area2{width:1000px;height:40px;margin:0 auto;padding-top:5px;}
.f_logo{width:245px;height:50px;float:left;margin-top:0px;}
.f_logo2 {padding-left:10px;height:31px;float:left;}
.f_add{width:750px;float:right;border-left:1px solid #525252;margin-top:20px;height:110px;}
.f_add01{float:left;padding-left:20px;font-weight:bold;}
.f_add02{float:left;padding-left:20px;}
.f_sel{width:260px;float:right;padding-right:10px;}
.f_sel select{float:right;}




/* ½½¶óÀÌµå ¸Þ´º */
#slider {float:left; position:relative;overflow:auto; width:100%; height:412px; text-align:center }
#slider ul {position:absolute; list-style:none; top:0; left:0; padding-top:0px;}
#slider li {float:left; width:1920px; height:414px; text-align:center  }
.pagination {width:850px;position:relative;top:370px; }
.pagination li {position:relative;left:690px;top:-367px;font-weight:bold;float:left; cursor:pointer;}
.pagination li:hover {position:relative;left:690px;top:-367px;}
.sliderbutton {float:left;}
.sliderbutton img {cursor:pointer}

/* ½½¶óÀ̵å(ÆäÀÌ´õ) ¸Þ´º */
#slides {position:relative; width:379px; height:235px; list-style:none; overflow:auto;z-index:100; background-color:#ff9900: text-align:left }
.pagination2 {float:left; list-style:none; height:0px;}