.mcok_cate_text_box{padding:5px 0;position:relative;z-index:2;_z-index:2;width:100%;}
.mcok_cate_text_box .mcok_close_btn{position:absolute;z-index:2;_z-index:2;top:14px;left:380px;width:15px;height:15px;display:none;cursor:pointer;}

/*이미지 콕 버튼*/
.cok_btn {position:absolute;z-index:10000;top:1px;left:1px;display:none;padding:5px 5px 5px 20px;font-weight:bold;font-size:8pt;color:#cfcbb7;background:url("../img/mycok/cok_btn.gif") no-repeat;cursor:pointer;}
.cok_btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

.cok_img_html{display:none;}

.cok_div_view {margin-top:10px;padding:5px 5px 5px 20px;color:#cfcbb7;font-weight:bold;font-size:8pt;background:url("../img/mycok/cok_btn.gif") no-repeat;width:26px;cursor:pointer;}
.cok_div_view:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.cok_img_html{display:none;}

/* 블라인드 */
.blind{display:none;_display:none;position:fixed;_position:absolute;top:0;left:0;z-index:99999;width:100%;height:100%}
.blind .open{display:block}
.blind .while_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5;filter:alpha(opacity=50)}
.blind .black_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}

/*cok form*/
.blind .cok_conn{position:absolute;top:30%;left:31%;border:2px solid #555;background:#fff;font-size:12px;hite-space:normal;width:700px;}
.blind .cok_conn .cok_result{position:absolute;z-index:99;top:55px;left:0;background-color:#fff;width:660px;height:200px;display:none;padding:20px;font-size:20px;font-weight:bold;text-align:center;}
.blind .cok_top_area{width:100%;border-bottom:1px solid #cccccc;}
.blind .cok_title{font-size:20px;font-weight:bold;float:left;width:150px;padding:10px;}
.blind .cok_close{font-size:20px;float:right;width:20px;padding:10px;text-align:right;color:#bbb;cursor:pointer;}
.blind .cok_close:hover{color:#000;}
.blind .cok_content{padding:40px;width:620px;}

.blind .cok_img_box{float:left;width:120px;height:120px;margin-right:20px;}
.blind .cok_msg_box{float:left;width:468px;height:170px;font-size:20px;color:#333;font-weight:bold;}
.blind .cok_select_box{float:left;width:468px;height:170px;}
.blind .cok_category{width:458px;padding:5px;font-weight:bold;font-size:20px;border:1px solid #333;background-color:#ffffff;cursor:pointer;}
.blind .cok_category:hover{background-color:#eeeeee;}
.blind .cok_category .text{float:left;width:438px;font-weight:bold;font-size:20px;}
.blind .cok_category .arw{float:left;width:10px;font-weight:bold;font-size:20px;}
.blind .cok_my_category_area{position:absolute;z-index:2;_z-index:2;display:none;background-color:#ffffff;border:1px solid #cccccc;}
.blind .cok_my_category{width:468px;height:100px;overflow-y:scroll;overflow-x:hidden;border-bottom:1px solid #cccccc;}
.blind .cok_my_category ul{width:100%;}
.blind .cok_my_category li{width:438px;padding:10px 5px;font-size:20px;font-weight:bold;color:#bbb;cursor:pointer;}
.blind .cok_my_category li:hover{color:#000;}
.blind .cok_my_category_form {margin:10px;width:448px;background-color:#eeeeee;}
.blind .cok_my_category_form .cok_input_text{width:438px;border:1px solid #cccccc;font-size:16px;padding:5px;font-weight:bold;}
.blind .cok_my_category_area .cok_my_cate_btn{margin:10px;padding:5px 0;width:100px;background-color:#ffffff;font-weight:bold;font-size:12px;text-align:center;border:1px solid #cccccc;cursor:pointer;}
.blind .cok_my_category_area .cok_my_cate_btn:hover{border:1px solid #3c3c3c;}
.blind .cok_my_category_area .cok_my_cate_btn_send{color:#cccccc;background:url("../img/ajax.loading.mini.gif") no-repeat 5px 5px;margin:10px;padding:5px 5px 5px 15px;width:90px;background-color:#ffffff;font-weight:bold;font-size:12px;text-align:center;border:1px solid #cccccc;cursor:pointer;}
.blind .cok_my_content{margin:10px 0;width:468px;}
.blind .cok_my_content_text{width:458px;padding:5px;color:#000;height:62px;border:1px solid #cccccc}
.blind .cok_my_add_btn{margin:10px 0;padding:5px 0;width:100px;background-color:#FFCC00;font-weight:bold;font-size:12px;text-align:center;border:1px solid #cccccc;cursor:pointer;}
.blind .cok_my_add_btn:hover{border:1px solid #3c3c3c;}
.blind .cok_my_add_btn_send{color:#cccccc;background:url("../img/ajax.loading.mini.gif") no-repeat 5px 5px;margin:10px 0;padding:5px 5px 5px 15px;width:90px;background-color:#ffffff;font-weight:bold;font-size:12px;text-align:center;border:1px solid #cccccc;cursor:pointer;}

.blind .cok_content2{padding:20px 0;width:100%;}
.blind .cok_content2 .msg{width:100%;font-size:20px;font-weight:bold;text-align:center;}
.blind .cok_result2{position:absolute;z-index:99;top:55px;left:0;background-color:#fff;width:100%;height:140px;display:none;padding:20px 0;font-size:20px;font-weight:bold;text-align:center;}

/*mycok*/
#wrap{position:relative;z-index:2;width:auto;margin:0;height:100%;}
#mcok{width:100%;height:100%;_display:inline-block;}
#mcok_left{float:left;width:248px;margin:20px 0 20px 20px;background-color:#fff;border:1px solid #e9e9e9;font-size:12px;line-height:normal;*zoom:1}
#mcok_left .tx{width:200px;padding:20px;color:#666;background-color:#fff;}
#mcok_content{float:left;margin:20px;width:auto;min-height:100%;}

#mcok_topmenu{position:relative;z-index:99;_z-index:99;height:32px;}
.mcok_topmenu{position:fixed;top:0;left:0;width:100%;}

#mcok_content_center{width:1000px;margin:0 auto;min-height:100%;}
#mcok_content_all{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;}
#mcok_loading{position:absolute;z-index:2;display:none;width:100%;height:100%;background-color:#fff;opacity:.6;filter:alpha(opacity=60);}
#footer{width:auto;margin-top:20px;padding:10px;border:1px solid #bfbfbf;background:#e5e5e5}

#mcok_main_top{border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;max-height:48px;}
#mcok_main_top .mcok_main_top_btn{float:right;width:194px;padding:10px 0;}
#mcok_main_top .mcok_main_top_msg{float:left;min-width:400px;font-size:14px;color:#000;padding-top:15px;}

.mcok_page_title{font-size:20px;font-weight:bold;color:#3c3c3c;margin-bottom:20px;}
.mcok_page_sub_content{font-size:14px;color:#3c3c3c;margin-bottom:20px;line-height:150%;}
.myinfo_title{font-size:22px;font-weight:bold;margin-bottom:10px;}
.myinfo_img{width:200px;height:200px;border:3px solid #cccccc;background:url("../img/mycok/mycok_noimage.gif") no-repeat;}
.myinfo_about{font-size:12px;color:#3c3c3c;line-height:140%;width:100%;}
.mcok_text{font-weight:bold;color:#3c3c3c;font-size:16px;}

.mcok_tb{width:100%;}
.mcok_tb .mcok_tb_title{color:#333;font-size:14px;font-weight:bold;padding:10px;text-align:left;width:150px;}
.mcok_tb .mcok_tb_content{padding:10px;width:auto;}
.mcok_box{border:2px solid #cccccc;background-color:#fff;font-size:16px;color:#333;padding:5px;}


.mcok_cate_box{position:absolute;border:1px solid #cccccc;background-color:#fff;width:222px;margin:10px;}
.mcok_cate_box .mcok_cate_box_item{width:182px;padding:20px 20px 10px 20px;}
.mcok_cate_box .mcok_cate_title_noopen{float:left;font-weight:bold;color:#3c3c3c;padding:0 0 5px 13px;background:url("../img/mycok/noopen.gif") no-repeat 0 2px;}
.mcok_cate_box .mcok_cate_title{float:left;font-weight:bold;color:#3c3c3c;padding:0 0 5px 5px;}
.mcok_cate_box .mcok_img_box{width:60px;height:60px;overflow:hidden;background-color:#eeeeee;float:left;margin:5px;}
.mcok_cate_box .link_box_on{float:right;position:relative;width:14px;cursor:pointer;}
.mcok_cate_box .link_box_off{float:right;position:relative;width:14px;cursor:pointer;display:none;}
.mcok_cate_box .mps_box{position:absolute;top:-29px;left:-65px;width:79px;height:51px;background:url("../img/mycok/mps_box.gif") no-repeat;font-size:8pt;color:#5d5d5d;padding-top:3px;text-align:center;display:none;}
.mcok_cate_box .mcok_cate_image_box{padding:1px;background:url("../img/mycok/image_box_bg.gif") no-repeat;width:180px;height:180px;cursor:pointer;}
.mcok_cate_box .mcok_cate_btn_box{margin:20px 0 10px 0;width:100%;}
.mcok_cate_box .mcok_btn_bg{float:left;background:url("../img/mycok/btn_bg.gif") repeat-x;width:85px;}
.mcok_cate_box .mcok_edit_btn{border:1px solid #cccccc;padding:6px 10px 6px 25px;background:url("../img/mycok/ico_btn_edit.gif") no-repeat 10px;color:#333;cursor:pointer;}
.mcok_cate_box .mcok_scrap_btn{border:1px solid #cccccc;padding:6px 10px 6px 25px;background:url("../img/mycok/ico_btn_clib.gif") no-repeat 10px;color:#333;cursor:pointer;}
.mcok_cate_box .mcok_show_btn{border:1px solid #cccccc;padding:6px 10px 6px 25px;background:url("../img/mycok/ico_btn_show.gif") no-repeat 10px 11px;color:#333;cursor:pointer;}
.mcok_cate_box .mcok_edit_btn:hover,.mcok_cate_box .mcok_scrap_btn:hover,.mcok_cate_box .mcok_show_btn:hover{border:1px solid #3c3c3c;cursor:pointer;}
.mcok_cate_box .mcok_scrap_no_btn{border:1px solid #cccccc;padding:6px 10px 6px 25px;background:url("../img/mycok/ico_btn_clib.gif") no-repeat 10px;color:#ccc;cursor:default;}
.mcok_cate_box .mcok_show_no_btn{border:1px solid #cccccc;padding:6px 10px 6px 25px;background:url("../img/mycok/ico_btn_show.gif") no-repeat 10px 11px;color:#ccc;cursor:default;}
.mcok_cate_box .writer{width:202px;padding:10px;background-color:#eeeeee;}
.mcok_cate_box .content{width:180px;margin-top:10px;height:30px;overflow:hidden;}
.mcok_cate_box .cok_num{width:180px;margin-top:10px;text-align:right;color:#5d5d5d;font-size:8pt;}

/*셀렉트박스*/
#selectbox {position:relative;z-index:99;}
#selectbox .cok_select_box{width:458px;padding:5px;font-weight:bold;font-size:20px;border:1px solid #333;background-color:#ffffff;cursor:pointer;}
#selectbox .cok_select_box:hover{background-color:#eeeeee;}
#selectbox .cok_select_box .text{float:left;width:438px;font-weight:bold;font-size:20px;}
#selectbox .cok_select_box .arw{float:left;width:10px;font-weight:bold;font-size:20px;}
#selectbox .cok_select_area{position:absolute;z-index:2;_z-index:2;display:none;background-color:#ffffff;border:1px solid #cccccc;}
#selectbox .cok_select{width:468px;height:200px;overflow-y:scroll;overflow-x:hidden;border-bottom:1px solid #cccccc;}
#selectbox .cok_select ul{width:100%;}
#selectbox .cok_select li{width:438px;padding:10px 5px;font-size:20px;font-weight:bold;color:#bbb;cursor:pointer;}
#selectbox .cok_select li:hover{color:#000;}

/*성경선택*/
#bible_selectbox {position:relative;z-index:98;}
#bible_selectbox .bible_select_name_box{width:458px;padding:5px;font-weight:bold;font-size:20px;border:1px solid #333;background-color:#ffffff;cursor:pointer;}
#bible_selectbox .bible_select_name_box:hover{background-color:#eeeeee;}
#bible_selectbox .bible_select_name_box .text{float:left;width:438px;font-weight:bold;font-size:20px;}
#bible_selectbox .bible_select_name_box .arw{float:left;width:10px;font-weight:bold;font-size:20px;}
#bible_selectbox .bible_select_area{width:468px;height:400px;position:absolute;z-index:2;_z-index:2;display:none;background-color:#ffffff;overflow:hidden;border:1px solid #cccccc;}
#bible_selectbox .bible_select_list{position:absolute;z-index:2;width:1500px;height:300px;}
#bible_selectbox .bible_select_list .bible_kind_box{background:url("../img/mycok/cok_paper.jpg");padding:10px;font-size:16px;font-weight:bold;background-color:#fff;border:1px solid #cccccc;margin:5px 0;width:426px;cursor:pointer;}
#bible_selectbox .bible_select_list .bible_kind_box:hover{border:1px solid #3c3c3c;}
#bible_selectbox .bible_select_list .bible_item_box{float:left;background:url("../img/mycok/cok_paper.jpg");width:60px;padding:10px 0;text-align:center;font-size:16px;font-weight:bold;background-color:#fff;border:1px solid #cccccc;margin:6px;cursor:pointer}
#bible_selectbox .bible_select_list .bible_item_box:hover{border:1px solid #3c3c3c;}
#bible_selectbox .bible_select_list .bible_item_list_box{float:left;width:448px;padding:10px;}
#bible_selectbox .bible_select_list .bible_item_chapter_box{float:left;width:448px;height:370px;padding:10px;overflow-y:scroll;overflow-x:hidden;}

/* 버튼 */
.mcok_default_btn{padding:5px;color:#333;text-align:center;font-weight:bold;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;border:1px solid #cccccc;cursor:pointer;}
.mcok_default_btn:hover{border:1px solid #000;}
.mcok_add_btn{padding:5px;color:#fff;text-align:center;font-weight:bold;background:url("../img/mycok/btn_bg2.gif") repeat-x;font-size:12px;border:1px solid #4579c0;cursor:pointer;width:80px;}
.mcok_add_btn:hover{border:1px solid #c15700;}
.mcok_rank_btn{padding:5px;color:#333;text-align:center;font-weight:bold;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;border:1px solid #cccccc;cursor:pointer;width:80px;}
.mcok_rank_btn:hover{border:1px solid #000;}
.mcok_rank_ok_btn{padding:5px;color:#333;text-align:center;font-weight:bold;background:url("../img/mycok/btn_bg2.gif") repeat-x;font-size:12px;border:1px solid #cccccc;cursor:pointer;width:80px;}
.mcok_rank_ok_btn:hover{border:1px solid #000;}
.mcok_rank_update_btn{padding:5px 5px 5px 15px;color:#cccccc;text-align:center;font-weight:bold;background:url("../img/ajax.loading.mini.gif") no-repeat 5px 6px;font-size:12px;border:1px solid #cccccc;cursor:pointer;width:70px;}
.cok_btn_edit{padding:5px 0;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;color:#3c3c3c;font-weight:bold;font-size:14px;border:1px solid #cccccc;width:204px;cursor:pointer;}
.cok_btn_edit:hover{border:1px solid #000000;}
.cok_confirm_btn_m{padding:5px 0;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;color:#3c3c3c;font-weight:bold;font-size:14px;border:2px solid #cccccc;width:60px;cursor:pointer;}
.cok_confirm_btn_m:hover{border:2px solid #000000;}
.cok_confirm_btn1{padding:10px;color:#fff;text-align:center;font-weight:bold;background:url("../img/mycok/btn_bg2.gif") repeat-x;font-size:14px;border:1px solid #4579c0;cursor:pointer;width:100px;}
.cok_confirm_btn1:hover{border:1px solid #c15700;}
.mcok_edit_cate{width:198px;margin:5px 5px 0 5px;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}
.mcok_edit_cate:hover{border:1px solid #3c3c3c;}
.mycok_comment_write_btn{border:1px solid #cccccc;padding:5px;color:#000;font-weight:bold;font-size:8pt;background:url("../img/mycok/btn_bg.gif") repeat-x;cursor:pointer;}
.mycok_comment_write_btn:hover{border:1px solid #3c3c3c;}
.mycok_edit_btn{padding:4px 5px 4px 20px;color:#cfcbb7;font-weight:bold;font-size:8pt;background:url("../img/mycok/edit_btn.gif") repeat-x;cursor:pointer;}
.mycok_edit_btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

.mycok_comment_btn{padding:4px 5px 4px 20px;color:#cfcbb7;font-weight:bold;font-size:8pt;background:url("../img/mycok/comment_btn.gif") repeat-x;cursor:pointer;}
.mycok_comment_btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.mycok_comment_nobtn{padding:4px 5px 4px 20px;color:#555245;font-weight:bold;font-size:8pt;background:url("../img/mycok/comment_btn.gif") repeat-x;cursor:pointer;}

.mycok_cok_btn {padding:4px 5px 4px 20px;color:#cfcbb7;font-weight:bold;font-size:8pt;background:url("../img/mycok/cok_btn.gif") no-repeat;cursor:pointer;}
.mycok_cok_btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.mcok_btn_s{width:auto;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}
.mcok_btn_s:hover{border:1px solid #3c3c3c;}
.mcok_btn_b{width:auto;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:20px;font-weight:bold;cursor:pointer;}
.mcok_btn_b:hover{border:1px solid #3c3c3c;}
.cate_edit_btn{width:auto;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}
.cate_edit_btn:hover{border:1px solid #3c3c3c;}

.ppt_play_btn{width:auto;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}
.ppt_play_btn:hover{border:1px solid #3c3c3c;}
.ppt_play_btn_none{width:auto;padding:5px 0;border:1px solid #cccccc;color:#cccccc;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}

.cate_cok_btn{width:auto;padding:5px 0;border:1px solid #cccccc;color:#3c3c3c;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}
.cate_cok_btn:hover{border:1px solid #3c3c3c;}
.cate_cok_btn_none{width:auto;padding:5px 0;border:1px solid #cccccc;color:#cccccc;text-align:center;background:url("../img/mycok/btn_bg.gif") repeat-x;font-size:12px;font-weight:bold;cursor:pointer;}

.ico_save{background:url("../img/mycok/ico_save.gif") no-repeat 8px 4px;padding-left:15px;}
.ico_new{background:url("../img/mycok/ico_new.gif") no-repeat 8px 3px;padding-left:15px;}
.ico_delete{background:url("../img/mycok/ico_delete.gif") no-repeat 8px 4px;padding-left:15px;}
.ico_tpl{background:url("../img/mycok/ico_tpl.gif") no-repeat 8px 3px;padding-left:15px;}
.ico_next{background:url("../img/mycok/ico_next.gif") no-repeat 78px 4px;padding-right:15px;}
.ico_prev{background:url("../img/mycok/ico_prev.gif") no-repeat 8px 4px;padding-left:15px;}
.ico_color{background:url("../img/mycok/ico_color.gif") no-repeat 5px 1px;padding-left:15px;}
.ico_loading{background:url("../img/ajax.loading.mini.gif") no-repeat 5px 1px;padding-left:15px;}
.ico_play{background:url("../img/mycok/ico_play.gif") no-repeat 111px 3px;padding-right:15px;}
.ico_loading_r{background:url("../img/ajax.loading.mini.gif") no-repeat 111px 1px;padding-right:15px;}

.btn_loader{background:url("../img/ajax.loading.mini.gif") no-repeat 5px 4px;background-color:#eeeeee;color:#cccccc;padding-left:25px;}

/* 박스 스타일 */
#mcok_image_view_content{padding:0;}
#mycok_item_area{padding:5px;margin-bottom:20px;border-radius:5px;clear:both;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.mycok_item_box{width:210px;position:absolute;height:auto;margin-bottom:15px;background:#ffffff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
.mycok_item_box_image{width:210px;height:auto;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
.mycok_item_box .mycok_item_sub{padding:15px;width:190px;background-color:#ffffff;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.mycok_item_box .mycok_btn{position:absolute;z-index:2;top:16px;left:16px;width:190px;display:none;}
.mycok_item_box .mycok_content{width:100%;padding:5px 0;font-size:8pt;color:#000;}

/*코멘트*/
.mycok_item_writer{width:200px;background-color:#eeeeee;border-right:1px solid #cccccc;border-left:1px solid #cccccc;padding:10px;border-bottom:1px solid #cccccc;}
.mycok_item_writer .mycok_item_writer_img{width:30px;height:30px;border:1px solid #cccccc;}
.mycok_item_writer .mycok_item_writer_info{width:100%;}
.mycok_comment_num{float:left;width:100px;font-family:"arial";font-size:11px;color:#8c7e7e;padding-top:5px;}
.mycok_comment_list{width:220px;background-color:#eeeeee;border-right:1px solid #cccccc;border-left:1px solid #cccccc;}
.mycok_comment{width:200px;padding:10px;border-bottom:1px solid #cccccc;}
.mycok_comment_img{float:left;width:40px;min-height:30px;}
.mycok_comment_content{float:left;width:160px;min-height:30px;}
.mycok_comment_write{width:220px;background-color:#eeeeee;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.mycok_comment_write_sub{width:200px;padding:10px;background-color:#eeeeee;border-top:1px solid #fff;}
.mycok_comment_write_box{width:100%;border:1px solid #cccccc}
.mycok_cok_num{float:right;width:80px;font-family:"arial";font-size:11px;color:#8c7e7e;padding-top:5px;text-align:right;}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* 스크롤 박스 */
#page_container{position:relative;width:183px; height:700px;border:1px solid #cccccc;overflow:hidden;}
#page_container .page_box{position:relative;overflow-y:auto;overflow-x:hidden;width:185px;height:700px;cursor:pointer}
#page_container .page_box ul{position:absolute;top:0;left:0;z-index:2;margin:5px 15px;}
#page_container .page_box ul li{position:relative;width:150px;border:1px solid #cccccc;text-align:center;cursor:pointer;height:140px;margin-bottom:15px;background-color:#ffffff;}
#page_container .page_box .on{border:3px solid #3c3c3c;width:144px;height:134px;}

#mcs_container{position:relative;margin-bottom:10px; width:760px; height:150px; border:1px solid #cccccc; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;}
#mcs_container .customScrollBox{position:relative; width:100%; overflow:hidden;}
#mcs_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs_container .customScrollBox .content{clear:both;}

#mcs_container .dragger_container{position:relative; height:0px; width:auto; margin:10px 0; background-color:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:60px; height:9px; background-color:#333; margin-top:-4px; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:60px; height:9px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize}

/* 템플릿 */
.tpl_item_box_off{float:left;width:103px;height:103px;border:1px solid #cccccc;cursor:pointer;padding:2px;}
.tpl_item_box_on{float:left;width:103px;height:103px;border:1px solid #cccccc;cursor:pointer;border:3px solid #8e80ce;}

.tpl_mode_image_1{float:left;width:300px;margin-right:10px;border:1px solid #cccccc;min-height:538px;text-align:center;display:block;}
.tpl_mode_content_1{float:left;width:449px;min-height:538px;display:block;}
.tpl_mode_image_2{float:right;width:300px;margin-left:10px;border:1px solid #cccccc;min-height:538px;display:block;}
.tpl_mode_content_2{float:left;width:449px;min-height:538px;display:block;}
.tpl_mode_image_3{position:absolute;z-index:2;top:418px;left:0;width:100%;min-height:300px;border:1px solid #cccccc;display:block;}
.tpl_mode_content_3{position:absolute;z-index:3;top:0;left:0;width:100%;min-height:328px;display:block;}
.tpl_mode_image_4{width:100%;min-height:300px;border:1px solid #cccccc;margin-bottom:10px;display:block;}
.tpl_mode_content_4{width:100%;min-height:328px;display:block;}
.tpl_mode_image_5{width:100%;min-height:538px;border:1px solid #cccccc;display:block;}
.tpl_mode_content_5{display:none;}
.tpl_mode_image_6{display:none;}
.tpl_mode_content_6{width:100%;min-height:328px;display:block;}

#page_box_area .on{border:3px solid #3c3c3c;width:144px;height:134px;}
#page_box_area li .page_num{position:absolute;z-index:3;_z-index:3;top:0;left:0;width:100%;color:#3c3c3c;font-weight:bold;font-size:100px;text-align:center;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
#page_box_area li .templet_1{background:url("../img/mycok/tpl_bg_1.gif") no-repeat 12px 7px;width:100%;height:100%;}
#page_box_area li .templet_1 .image_div{position:absolute;z-index:2;_z-index:2;top:0;left:17px;width:47px;}
#page_box_area li .templet_2{background:url("../img/mycok/tpl_bg_2.gif") no-repeat 12px 7px;width:100%;height:100%;}
#page_box_area li .templet_2 .image_div{position:absolute;z-index:2;_z-index:2;top:0;left:80px;width:47px;}
#page_box_area li .templet_3{background:url("../img/mycok/tpl_bg_3.gif") no-repeat 12px 7px;width:100%;height:100%;}
#page_box_area li .templet_3 .image_div{position:absolute;z-index:2;_z-index:2;top:64px;left:12px;height:47px;width:120px;text-align:center;}
#page_box_area li .templet_4{background:url("../img/mycok/tpl_bg_4.gif") no-repeat 12px 7px;width:100%;height:100%;}
#page_box_area li .templet_4 .image_div{position:absolute;z-index:2;_z-index:2;top:0;left:12px;height:47px;width:120px;text-align:center;}
#page_box_area li .templet_5{background:url("../img/mycok/tpl_bg_5.gif") no-repeat 12px 7px;width:100%;height:100%;}
#page_box_area li .templet_5 .image_div{position:absolute;z-index:2;_z-index:2;top:17px;left:15px;width:110px;text-align:center;}
#page_box_area li .templet_6{background:url("../img/mycok/tpl_bg_6.gif") no-repeat 12px 7px;width:100%;height:100%;}

#ppt_area A{text-decoration:none;}
#ppt_area .prev_arw{font-size:60px;font-weight:bold;color:#3c3c3c;}
#ppt_area .next_arw{font-size:60px;font-weight:bold;color:#3c3c3c;}

#page_list_box ul li{float:left;margin-right:30px;position:relative;width:150px;border:1px solid #cccccc;text-align:center;cursor:pointer;height:140px;margin-bottom:15px;background-color:#ffffff;}


/* 콕 메인 페이지*/
#mcok_topmenu_main{position:relative;z-index:99;_z-index:99;height:104px;background-color:#f2f2ee}
#mcok_topmenu_main .mcok_topmenu{position:fixed;top:0;left:0;width:100%;}
#mcok_topmenu_main .mcok_topmenu .mcok_top_msg_box{width:100%;border-bottom:1px solid #cccccc;padding:13px;background:url("../img/mycok/cok_img.gif") no-repeat 200px 0 #f2f2ee;text-align:center;}
#mcok_topmenu_main .mcok_top_text_btn{font-size:14px;font-weight:bold;color:#171616;cursor:pointer;}
#mcok_topmenu_main .mcok_top_text_line{font-size:12px;font-weight:bold;color:#8f8d8d;}

#pic_container{position:absolute;top:0;left:0;min-height:500px;width:0;}
.pic_web{min-width:980px;}
.pic_mobile{max-width:500px;width:0;}